Contrôle Tabs ajax
cs_prady92
Messages postés
9
Date d'inscription
vendredi 16 septembre 2005
Statut
Membre
Dernière intervention
16 février 2010
-
6 déc. 2007 à 01:27
papat2006 Messages postés 6 Date d'inscription lundi 20 novembre 2006 Statut Membre Dernière intervention 26 février 2009 - 6 mars 2008 à 16:54
papat2006 Messages postés 6 Date d'inscription lundi 20 novembre 2006 Statut Membre Dernière intervention 26 février 2009 - 6 mars 2008 à 16:54
A voir également:
- Asp net tabs
- .Net reflector - Conseils pratiques -C# / .NET
- Europchat net ✓ - Forum PHP
- Europ net chat - Forum IRC
- Tchat europ net - Forum IRC
- Tirage net ✓ - Forum C# / .NET
3 réponses
primactif
Messages postés
119
Date d'inscription
vendredi 27 décembre 2002
Statut
Membre
Dernière intervention
3 octobre 2016
1
7 déc. 2007 à 11:55
7 déc. 2007 à 11:55
Bonjour
il faut pour cela que tu créé un css exemle tab.css avec
/* xp theme */
.ajax__tab_xp
.ajax__tab_header
{
background-image
:
url(Images/Tab/tab-line.gif)
;
background-repeat
:
repeat-x
;
background-position
:
bottom
;
font-family
:
verdana,tahoma,helvetica
;
font-size
:
11px
;
}
.ajax__tab_xp
.ajax__tab_outer
{
background-image
:
url(Images/Tab/tab-right.gif)
;
background-repeat
:
no-repeat
;
background-position
:
right
;
padding-right
:
4px
;
height
:
21px
;
}
.ajax__tab_xp
.ajax__tab_inner
{
padding-left
:
3px
;
background-image
:
url(Images/Tab/tab-left.gif)
;
background-repeat
:
no-repeat
;
}
.ajax__tab_xp
.ajax__tab_tab
{
background-image
:
url(Images/Tab/tab.gif)
;
background-repeat
:
repeat-x
;
height
:
13px
;
padding
:
4px
;
margin
:
0
;
}
.ajax__tab_xp
.ajax__tab_hover
.ajax__tab_outer
{
background-image
:
url(Images/Tab/tab-hover-right.gif)
;
background-position
:
right
;
background-repeat
:
no-repeat
;
}
.ajax__tab_xp
.ajax__tab_hover
.ajax__tab_inner
{
background-image
:
url(Images/Tab/tab-hover-left.gif)
;
background-repeat
:
no-repeat
;
}
.ajax__tab_xp
.ajax__tab_hover
.ajax__tab_tab
{
background-image
:
url(Images/Tab/tab-hover.gif)
;
background-repeat
:
repeat-x
;
}
.ajax__tab_xp
.ajax__tab_active
.ajax__tab_outer
{
background-image
:
url(Images/Tab/tab-active-right.gif)
;
background-repeat
:
no-repeat
;
background-position
:
right
;
}
.ajax__tab_xp
.ajax__tab_active
.ajax__tab_inner
{
background-image
:
url(Images/Tab/tab-active-left.gif)
;
background-repeat
:
no-repeat
;
}
.ajax__tab_xp
.ajax__tab_active
.ajax__tab_tab
{
background-image
:
url(Images/Tab/tab-active.gif)
;
background-repeat
:
repeat-x
;
}
.ajax__tab_xp
.ajax__tab_body
{
font-family
:
verdana,tahoma,helvetica
;
font-size
:
10pt
;
border
:
1px
solid
#999999
;
border-top
:
0
;
padding
:
8px
;
background-color
:
#ffffff
;
}
/* scrolling */
.ajax__scroll_horiz
{
overflow-x
:
scroll
;
}
.ajax__scroll_vert
{
overflow-y
:
scroll
;
}
.ajax__scroll_both
{
overflow
:
scroll
;
}
.ajax__scroll_auto
{
overflow
:
auto
;
}
Et dans .ajax__tab_body tu modifie
Bruno POUPON webmaster@primactif.com
HTTP://WWW.PRIMACTIF.COM
il faut pour cela que tu créé un css exemle tab.css avec
/* xp theme */
.ajax__tab_xp
.ajax__tab_header
{
background-image
:
url(Images/Tab/tab-line.gif)
;
background-repeat
:
repeat-x
;
background-position
:
bottom
;
font-family
:
verdana,tahoma,helvetica
;
font-size
:
11px
;
}
.ajax__tab_xp
.ajax__tab_outer
{
background-image
:
url(Images/Tab/tab-right.gif)
;
background-repeat
:
no-repeat
;
background-position
:
right
;
padding-right
:
4px
;
height
:
21px
;
}
.ajax__tab_xp
.ajax__tab_inner
{
padding-left
:
3px
;
background-image
:
url(Images/Tab/tab-left.gif)
;
background-repeat
:
no-repeat
;
}
.ajax__tab_xp
.ajax__tab_tab
{
background-image
:
url(Images/Tab/tab.gif)
;
background-repeat
:
repeat-x
;
height
:
13px
;
padding
:
4px
;
margin
:
0
;
}
.ajax__tab_xp
.ajax__tab_hover
.ajax__tab_outer
{
background-image
:
url(Images/Tab/tab-hover-right.gif)
;
background-position
:
right
;
background-repeat
:
no-repeat
;
}
.ajax__tab_xp
.ajax__tab_hover
.ajax__tab_inner
{
background-image
:
url(Images/Tab/tab-hover-left.gif)
;
background-repeat
:
no-repeat
;
}
.ajax__tab_xp
.ajax__tab_hover
.ajax__tab_tab
{
background-image
:
url(Images/Tab/tab-hover.gif)
;
background-repeat
:
repeat-x
;
}
.ajax__tab_xp
.ajax__tab_active
.ajax__tab_outer
{
background-image
:
url(Images/Tab/tab-active-right.gif)
;
background-repeat
:
no-repeat
;
background-position
:
right
;
}
.ajax__tab_xp
.ajax__tab_active
.ajax__tab_inner
{
background-image
:
url(Images/Tab/tab-active-left.gif)
;
background-repeat
:
no-repeat
;
}
.ajax__tab_xp
.ajax__tab_active
.ajax__tab_tab
{
background-image
:
url(Images/Tab/tab-active.gif)
;
background-repeat
:
repeat-x
;
}
.ajax__tab_xp
.ajax__tab_body
{
font-family
:
verdana,tahoma,helvetica
;
font-size
:
10pt
;
border
:
1px
solid
#999999
;
border-top
:
0
;
padding
:
8px
;
background-color
:
#ffffff
;
}
/* scrolling */
.ajax__scroll_horiz
{
overflow-x
:
scroll
;
}
.ajax__scroll_vert
{
overflow-y
:
scroll
;
}
.ajax__scroll_both
{
overflow
:
scroll
;
}
.ajax__scroll_auto
{
overflow
:
auto
;
}
Et dans .ajax__tab_body tu modifie
Bruno POUPON webmaster@primactif.com
HTTP://WWW.PRIMACTIF.COM
primactif
Messages postés
119
Date d'inscription
vendredi 27 décembre 2002
Statut
Membre
Dernière intervention
3 octobre 2016
1
7 déc. 2007 à 11:56
7 déc. 2007 à 11:56
Désolé j'ai oublié dans l'aspx
<
ajaxtoolkit:tabcontainer
cssclass="ajax__tab_xp"
id="TabContainer1"
runat="server">
Bruno POUPON webmaster@primactif.com
HTTP://WWW.PRIMACTIF.COM
<
ajaxtoolkit:tabcontainer
cssclass="ajax__tab_xp"
id="TabContainer1"
runat="server">
Bruno POUPON webmaster@primactif.com
HTTP://WWW.PRIMACTIF.COM
papat2006
Messages postés
6
Date d'inscription
lundi 20 novembre 2006
Statut
Membre
Dernière intervention
26 février 2009
6 mars 2008 à 16:54
6 mars 2008 à 16:54
Merci pour la réponse, j'avais tout juste la même question, et ça fonctionne super bien !!
