Apparence des onglets

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Apparence des onglets

Message par Enigmatic le Mar 18 Oct 2011 - 21:43

Bonjour! J'ai finalement réussi a faire mes onglets ( j'avais ouvert un sujet, il y a quelques temps ) et maintenant, j'aimerais simplement qu'on m'aide pour l'apparence. Voici mon forum www Comme vous le voyez, les liens d'onglets sont un à la suite de l'autre, etc. J'aimerais qu'ils soit un à côté de l'autre et de la même écriture que mon forum ( ainsi qu'avec une écriture plus petite que celle-ci ) Sinon, est-ce possible de donné au onglet les mêmes effets que mes titres de forum ? Lorsqu'on passe le curseur sur un sujet : exemple : Charte de Tears of Enkidiev, il y a une petite « animation »

Voici mon index_box
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}

{CURRENT_TIME}

</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">

<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Accueil & Administration</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Salon privé</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Les terres Enkidiev</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Les terres Obsidienne</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">Les Îles</li>

</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
   if(document.getElementById('categorie_'+numero))
   {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
      
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
   }
   else
   {
      $('#conteneur_barre_onglet').css("display","block");
      document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
   }
   
   compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
   capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Et ma CSS
Code:
 /*bannière du forum diminution des marges haut gauche et droite*/
    #i_logo {
    margin-left:-10px;
    margin-right:-10px;
    margin-top:-10px; }




/*liens*/
a { text-decoration: none;/*supprime le soulignement*/ }
a:hover { text-decoration: none !important;/*supprime le soulignement*/ }

 


/*contour du forum et ombre*/
.bodyline{


-moz-box-shadow: 0px 0px 10px #000000;
  box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}




/*boite des categorie*/
   


 /*image interieur du forum*/
.bodyline {
background-image: url(http://img200.imageshack.us/img200/8019/fondyc10.jpg);
background-repeat: repeat;






 /*qui est en ligne*/
    .groupes{
    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}




    .opac {
    opacity:0.6;
    -moz-opacity:0.6;
    -ms-filter:"alpha(opacity=60)";
    filter:alpha(opacity=60);
    }

    .opac:hover {
      opacity:1;
      -moz-opacity:1;
      -ms-filter:"alpha(opacity=100)";
      filter:alpha(opacity=100);
    }




/*cadre avatar*/
.postdetails.poster-profile img {border:4px solid white;}

     
 
            .profil
                {background-color: #5B4419;
                border: 2px solid #5B4419;
                }






a:hover { letter-spacing: 2px; }

a:hover {
font-variant : small-caps;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}



a
{
font-variant: small-caps;
text-decoration: none;
}



a.forumlink
{
display: block;
padding-left: 20px;
font-size: 16px;
font-family: Georgia;
letter-spacing: 2px;
border-bottom: 4px solid #F4F5EB;
border-left: 4px solid #F4F5EB;
border-radius: 20px;
-moz-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
color: #D8DBAD !important;
text-shadow: 0px 0px 1px #D8DBAD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
padding-left: 50px;
text-transform: uppercase;
border-bottom: 4px solid #D8DBAD;
border-left: 4px solid #D8DBAD;
color: #756422 !important;
text-shadow: 0px 0px 1px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forumline
{
width: 95%;
margin: auto;
background-color: #F4F5EB;
border-top: 3px solid #D8DBAD;
border-bottom: 3px solid #D8DBAD;
padding: 4px;
}
#cate_foot
{
width: 950px;
height: 95px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
}


Merci!


Dernière édition par Enigmatic le Jeu 20 Oct 2011 - 0:48, édité 1 fois

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mar 18 Oct 2011 - 21:58

Bonjour

pour personnaliser vos onglets, il suffit de rajoutez à votre css :

.onglet {
codes css
}
.onglet:hover {
codes css
}
.actif {
codes css
}

le premier est pour vos onglet en général, le second au passage de la souris, le troisième pour l'onglet sélectioné Wink

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 17:17

Haaa! Merci! Une autre petite chose : hum.... La troisième partie du CSS Onglet sélectionné - c'est quoi ? Et dans quel section dois-je mettre le code qui fera en sorte que chaque onglet sera un à côté de l'autre ? Merci d'avance pour la réponse ^^

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 17:21

.onglet = les onglets (mettez ici pour les mettre l'un a coté de l'autre)
.onglet:hover = au passage de la souris
.actif = l'onglet sélectionné

Est-ce plus clair ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 17:34

Je comprend parfaitement les deux premières, c'est juste le dernier que je ne comprend pas XD * je me sens tellement nul, excuse moi :s *
Sinon, pour mettre les onglets les uns à côté des autres, est-ce que j'ouvre un nouveau sujet pour posé la question, savoir le code exact ?

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 17:38

^^ un display:inline-block; placé dans .onglet et .actif

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 17:46

Je viens de mettre le code, tout s’aligne comme je le souhaitais, mais il n'y a pas d'espace entre les onglets ( ils sont tous collés les uns aux autres ) et mes codes pour donné le même effet que le reste des titres du forum ne fonctionne pas. Voici ma CSS

Code:
 /*bannière du forum diminution des marges haut gauche et droite*/
    #i_logo {
    margin-left:-10px;
    margin-right:-10px;
    margin-top:-10px; }




/*liens*/
a { text-decoration: none;/*supprime le soulignement*/ }
a:hover { text-decoration: none !important;/*supprime le soulignement*/ }

 


/*contour du forum et ombre*/
.bodyline{


-moz-box-shadow: 0px 0px 10px #000000;
  box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}




/*boite des categorie*/
   


 /*image interieur du forum*/
.bodyline {
background-image: url(http://img200.imageshack.us/img200/8019/fondyc10.jpg);
background-repeat: repeat;






 /*qui est en ligne*/
    .groupes{
    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}




    .opac {
    opacity:0.6;
    -moz-opacity:0.6;
    -ms-filter:"alpha(opacity=60)";
    filter:alpha(opacity=60);
    }

    .opac:hover {
      opacity:1;
      -moz-opacity:1;
      -ms-filter:"alpha(opacity=100)";
      filter:alpha(opacity=100);
    }




/*cadre avatar*/
.postdetails.poster-profile img {border:4px solid white;}

     
 
            .profil
                {background-color: #5B4419;
                border: 2px solid #5B4419;
                }






a:hover { letter-spacing: 2px; }

a:hover {
font-variant : small-caps;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}



a
{
font-variant: small-caps;
text-decoration: none;
}



a.forumlink
{
display: block;
padding-left: 20px;
font-size: 16px;
font-family: Georgia;
letter-spacing: 2px;
border-bottom: 4px solid #F4F5EB;
border-left: 4px solid #F4F5EB;
border-radius: 20px;
-moz-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
color: #D8DBAD !important;
text-shadow: 0px 0px 1px #D8DBAD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
padding-left: 50px;
text-transform: uppercase;
border-bottom: 4px solid #D8DBAD;
border-left: 4px solid #D8DBAD;
color: #756422 !important;
text-shadow: 0px 0px 1px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forumline
{
width: 95%;
margin: auto;
background-color: #F4F5EB;
border-top: 3px solid #D8DBAD;
border-bottom: 3px solid #D8DBAD;
padding: 4px;
}
#cate_foot
{
width: 950px;
height: 95px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
}








.onglet {
display:inline-block;
}
.onglet:hover {
a.forumlink
{
display: block;
padding-left: 20px;
font-size: 16px;
font-family: Georgia;
letter-spacing: 2px;
border-bottom: 4px solid #F4F5EB;
border-left: 4px solid #F4F5EB;
border-radius: 20px;
-moz-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
color: #D8DBAD !important;
text-shadow: 0px 0px 1px #D8DBAD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
padding-left: 50px;
text-transform: uppercase;
border-bottom: 4px solid #D8DBAD;
border-left: 4px solid #D8DBAD;
color: #756422 !important;
text-shadow: 0px 0px 1px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forumline
{
width: 95%;
margin: auto;
background-color: #F4F5EB;
border-top: 3px solid #D8DBAD;
border-bottom: 3px solid #D8DBAD;
padding: 4px;
}
#cate_foot
{
width: 950px;
height: 95px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
}
}
.actif {
display:inline-block;
}


Dernière édition par Enigmatic le Mer 19 Oct 2011 - 17:49, édité 1 fois

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 17:48

^^ a vous ensuite de personnaliser, vous pouvez très bien espacer vos onglets ensuite par des margin Siffleur

Une petite recherche : Propriétés CSS

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 17:54

Bon, tout fonctionne et Merci pour le lien utile !! ^^
Mais, est-ce possible que la petite '' animation '' que j'ai mis pour les autres sujets de mon forum, le type de texte, etc. ne fonctionne pas pour les onglets ? Parce que j'ai re-copier le tout dans la section onglet, et rien ne fonctionne. Voici mon CSS

Code:
 /*bannière du forum diminution des marges haut gauche et droite*/
    #i_logo {
    margin-left:-10px;
    margin-right:-10px;
    margin-top:-10px; }




/*liens*/
a { text-decoration: none;/*supprime le soulignement*/ }
a:hover { text-decoration: none !important;/*supprime le soulignement*/ }

 


/*contour du forum et ombre*/
.bodyline{


-moz-box-shadow: 0px 0px 10px #000000;
  box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}




/*boite des categorie*/
   


 /*image interieur du forum*/
.bodyline {
background-image: url(http://img200.imageshack.us/img200/8019/fondyc10.jpg);
background-repeat: repeat;






 /*qui est en ligne*/
    .groupes{
    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
    -moz-border-radius : 5px 5px 5px 5px;
    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
    font-size:15px;font-weight: bold;text-align:center;
    text-decoration: none !important;}




    .opac {
    opacity:0.6;
    -moz-opacity:0.6;
    -ms-filter:"alpha(opacity=60)";
    filter:alpha(opacity=60);
    }

    .opac:hover {
      opacity:1;
      -moz-opacity:1;
      -ms-filter:"alpha(opacity=100)";
      filter:alpha(opacity=100);
    }




/*cadre avatar*/
.postdetails.poster-profile img {border:4px solid white;}

     
 
            .profil
                {background-color: #5B4419;
                border: 2px solid #5B4419;
                }






a:hover { letter-spacing: 2px; }

a:hover {
font-variant : small-caps;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}



a
{
font-variant: small-caps;
text-decoration: none;
}



a.forumlink
{
display: block;
padding-left: 20px;
font-size: 16px;
font-family: Georgia;
letter-spacing: 2px;
border-bottom: 4px solid #F4F5EB;
border-left: 4px solid #F4F5EB;
border-radius: 20px;
-moz-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
color: #D8DBAD !important;
text-shadow: 0px 0px 1px #D8DBAD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
padding-left: 50px;
text-transform: uppercase;
border-bottom: 4px solid #D8DBAD;
border-left: 4px solid #D8DBAD;
color: #756422 !important;
text-shadow: 0px 0px 1px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forumline
{
width: 95%;
margin: auto;
background-color: #F4F5EB;
border-top: 3px solid #D8DBAD;
border-bottom: 3px solid #D8DBAD;
padding: 4px;
}
#cate_foot
{
width: 950px;
height: 95px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
}








.onglet {
display:inline-block;
margin:20px 5px;
}
.onglet:hover {
a.forumlink
{
display: block;
padding-left: 20px;
font-size: 16px;
font-family: Georgia;
letter-spacing: 2px;
border-bottom: 4px solid #F4F5EB;
border-left: 4px solid #F4F5EB;
border-radius: 20px;
-moz-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
color: #D8DBAD !important;
text-shadow: 0px 0px 1px #D8DBAD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
a.forumlink:hover
{
padding-left: 50px;
text-transform: uppercase;
border-bottom: 4px solid #D8DBAD;
border-left: 4px solid #D8DBAD;
color: #756422 !important;
text-shadow: 0px 0px 1px #000000;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forumline
{
width: 95%;
margin: auto;
background-color: #F4F5EB;
border-top: 3px solid #D8DBAD;
border-bottom: 3px solid #D8DBAD;
padding: 4px;
}
#cate_foot
{
width: 950px;
height: 95px;
margin: auto;
background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
}
}
.actif {
display:inline-block;
margin:20px 5px;
}

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 18:04

Il me manque votre script pour pouvoir tester ceci sinon les onglets n'apparaissent chez moi ^^

Pouvez-vous me le fournir ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 18:08

J'espère que c'était bien ma Templete Index_box XD
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}

{CURRENT_TIME}

</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">

<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Accueil & Administration</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Salon privé</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Les terres Enkidiev</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Les terres Obsidienne</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">Les Îles</li>

</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
   if(document.getElementById('categorie_'+numero))
   {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
      
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
   }
   else
   {
      $('#conteneur_barre_onglet').css("display","block");
      document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
   }
   
   compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
   capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 18:11

Personnellement j'ai bien l'animation sur mon forum test la meme que pour vos titres de forums Wink

Videz votre cache navigateur si vous avez toujours le problème.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 18:21

Je viens de faire toutes les étapes et ça ne fonctionne toujours pas, je ne vois rien ! :s

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 18:22

Vous le voyez sur mon forum test déjà ou pas ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 18:29

Oui oui, je le vois !

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 18:32

Donc c'est bie un soucis qui vient de votre forum et non de votre navigateur ^^. Puis-je avoir un lien vers le forum ou vous testez ces codes ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 18:34

Je les tests directement sur mon forum : http://tears-of-enkidiev.jdrforum.com/

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 18:37

<div id="conteneur_barre_onglet" align="center" style="display: block;">

Supprimez la partie en rouge dans votre template

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 18:42

Je n'ai même pas cette Templete dans mon INDEX_BOX O_O''
* je commence à trouvé mon forum étrange *
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}

{CURRENT_TIME}

</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">

<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Accueil & Administration</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Salon privé</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Les terres Enkidiev</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Les terres Obsidienne</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">Les Îles</li>

</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
   if(document.getElementById('categorie_'+numero))
   {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
      
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
   }
   else
   {
      $('#conteneur_barre_onglet').css("display","block");
      document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
   }
   
   compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
   capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 18:45

Sinon copier coller votre template dans votre premier message, c'est celui que j'utilise pour mon forum test actuellement. ^^

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 18:50

Dans mon premier message ? Je trouve cette partie dans quelle partie du forum ? Est-ce qu'on parle bien du premier message fait sur le forum ?

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 18:52

@Enigmatic a écrit:Bonjour! J'ai finalement réussi a faire mes onglets ( j'avais ouvert un sujet, il y a quelques temps ) et maintenant, j'aimerais simplement qu'on m'aide pour l'apparence. Voici mon forum www Comme vous le voyez, les liens d'onglets sont un à la suite de l'autre, etc. J'aimerais qu'ils soit un à côté de l'autre et de la même écriture que mon forum ( ainsi qu'avec une écriture plus petite que celle-ci ) Sinon, est-ce possible de donné au onglet les mêmes effets que mes titres de forum ? Lorsqu'on passe le curseur sur un sujet : exemple : Charte de Tears of Enkidiev, il y a une petite « animation »

Voici mon index_box
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}

{CURRENT_TIME}

</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">

<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Accueil & Administration</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Salon privé</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Les terres Enkidiev</li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Les terres Obsidienne</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">Les Îles</li>

</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
   if(document.getElementById('categorie_'+numero))
   {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
      
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
   }
   else
   {
      $('#conteneur_barre_onglet').css("display","block");
      document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
   }
   
   compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
   capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Code CSS

Merci!

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 18:57

Je confirme, mon forum ne m'aime réellement pas ! Sad
Je ne vois toujours rien, c'est toujours la même chose

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 19:03

scratch Etonnant pourtant je n'ai rien changé à vos codes...

Avez-vous d'autres templates modifiés ? Des codes dans les titres de vos catégories ? des scripts ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 19:07

J'ai une autre Templete modifié : Viewtopic_ body
Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap">
         <span class="nav">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
         <!-- END switch_user_authpost -->
         <!-- BEGIN switch_user_authreply -->
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         <!-- END switch_user_authreply -->
         </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
         <!-- BEGIN switch_twitter_btn -->
         <span id="twitter_btn" style="margin-left: 6px; ">
         <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </span>
         <!-- END switch_twitter_btn -->
         <!-- BEGIN switch_fb_likebtn -->
         <span id="fb_likebtn" style="margin-left: 6px; ">
            <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
         </span>
         <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
         <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a>
             | 
            <script type="text/javascript">//<![CDATA[
               var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr align="right">
      <td class="catHead" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
               </td>
               <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN topicpagination -->
   <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END topicpagination -->
   {POLL_DISPLAY}
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- BEGIN postrow -->
   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />
         <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
               <td valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
               </td>
            </tr>
            <tr>
               <td colspan="2" class="hr">
                  <hr />
               </td>
            </tr>
            <tr>
               <td colspan="2">
                  <!-- BEGIN switch_vote_active -->
                  <div class="vote gensmall">
                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                     <!-- END switch_vote -->

                     <!-- BEGIN switch_bar -->
                     <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                        <!-- BEGIN switch_vote_plus -->
                        <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                        <!-- END switch_vote_plus -->

                        <!-- BEGIN switch_vote_minus -->
                        <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                        <!-- END switch_vote_minus -->
                     </div>
                     <!-- END switch_bar -->

                     <!-- BEGIN switch_no_bar -->
                     <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                     <!-- END switch_no_bar -->

                     <!-- BEGIN switch_vote -->
                     <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                     <!-- END switch_vote -->
                  </div>
                  <!-- END switch_vote_active -->

                  <div class="postbody">

                     <div>{postrow.displayed.MESSAGE}</div>

                     <!-- BEGIN switch_attachments -->
                     <dl class="attachbox">
                        <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                        <dd>
                           <!-- BEGIN switch_post_attachments -->
                           <dl class="file">
                              <dt>
                                 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                 <!-- BEGIN switch_dl_att -->
                                 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_dl_att -->

                                 <!-- BEGIN switch_no_dl_att -->
                                 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                 <!-- END switch_no_dl_att -->
                              </dt>

                              <!-- BEGIN switch_no_comment -->
                              <dd>
                                 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                              </dd>
                              <!-- END switch_no_comment -->

                              <!-- BEGIN switch_no_dl_att -->
                              <dd>
                                 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                              </dd>
                              <!-- END switch_no_dl_att -->

                              <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                           </dl>
                           <!-- END switch_post_attachments -->
                        </dd>
                     </dl>
                     <!-- END switch_attachments -->

                     <div class="clear"></div>
                     <div class="signature_div">
                        {postrow.displayed.SIGNATURE}
                     </div>

                  </div>
                  <span class="gensmall"></span>
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
         <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
         <table border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
   </tr>
   <!-- END first_post_br -->
   <!-- END displayed -->
   <!-- BEGIN hidden -->
   <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
   </tr>
   <!-- END hidden -->
   <!-- END postrow -->
   <!-- BEGIN no_post -->
   <tr align="center">
      <td class="row1" colspan="3" height="28">
         <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
   </tr>
   <!-- END no_post -->
   <tr align="right">
      <td class="catBottom" colspan="3" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td width="9%" class="noprint"> </td>
               <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
               <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
   <tr>
      <td class="catBottom" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
               <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td class="row2 postbody" valign="top">
         <!-- BEGIN link -->
         » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
         <!-- END link -->
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
   </tr>
   <!-- BEGIN switch_user_logged_in -->
   <!-- BEGIN watchtopic -->
   <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
   </tr>
   <!-- END watchtopic -->
   <!-- END switch_user_logged_in -->
   <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
         <!-- BEGIN switch_user_logged_in -->
         <a name="quickreply"></a>
         {QUICK_REPLY_FORM}<br />
         <!-- END switch_user_logged_in -->
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
         <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
   <tr>
      <td style="margin:0; padding: 0;" colspan="2">
         <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
         </table>
      </td>
   </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
         <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
         </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
         <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
         <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
   </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Sinon, rien. Je n'aime pas de code Javascipt, rien. J'ai juste mes deux templetes et mon CSS

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 19:13

Bon je vais vous fournir ce que j'ai sur mon forum test directement alors en sachant que normalement c'est ce que vous avez aussi, mais que chez moi ça marche XD

template index_box :
Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
       
        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
        <tr>
        <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}
       
        {CURRENT_TIME}
       
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
        </td>
        <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
       
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
       
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
        </td>
        </tr>
        </table>
       
       
        <!-- DEBUT MODIF ONGLETS -->
       
        <script type="text/javascript">
        <!--
       
        document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
        <ul class="conteneur_onglets">
       
        <li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Accueil & Administration</li>
        <li onClick="change_cat(2)" class="onglet " id="onglet_2">Salon privé</li>
        <li onClick="change_cat(3)" class="onglet " id="onglet_3">Les terres Enkidiev</li>
        <li onClick="change_cat(4)" class="onglet " id="onglet_4">Les terres Obsidienne</li>
        <li onClick="change_cat(5)" class="onglet " id="onglet_5">Les Îles</li>
       
        </ul></div>');
       
        var compteur_cat = 1;
       
        function change_cat(numero)
        {
          if(document.getElementById('categorie_'+numero))
          {
              /* affichage de la bonne categorie */
              $('table[id^=categorie_]').css('display','none');
              $('table[id=categorie_'+numero+']').fadeIn();
             
              /* affichage du bon onglet */
              $('.actif').removeClass("actif");
              $('.onglet[id=onglet_'+numero+']').addClass("actif");
          }
        }
       
        function capture_cat()
        {
          if(compteur_cat == 1)
          {
              document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
          }
          else
          {
              $('#conteneur_barre_onglet').css("display","block");
              document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
          }
         
          compteur_cat++;
        }
       
        //-->
        </script>
       
        <!-- BEGIN catrow --><!-- BEGIN tablehead -->
       
        <script type="text/javascript">
        <!--
          capture_cat();
        //-->
        </script>
       
        <!-- FIN MODIF ONGLETS -->
       
       
        <tr>
        <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
       
        <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
        </tr>
        <!-- END tablehead -->
        <!-- BEGIN cathead -->
        <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
        <span class="cattitle">
        <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
        </span>
        </h{catrow.cathead.LEVEL}>
        </td>
        <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
        </tr>
        <!-- END cathead -->
        <!-- BEGIN forumrow -->
        <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
        <!-- END inc -->
        <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
        </td>
        <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                            <span class="forumlink">
                              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
             
                            </span>
                        </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
        <!-- BEGIN switch_moderators_links -->
        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
        <!-- END switch_moderators_links -->
        {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
        </td>
        <!-- BEGIN forum_link_no -->
        <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
        </td>
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
        <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
        </tr>
        <!-- END forumrow -->
        <!-- BEGIN catfoot -->
        <tr>
        <!-- BEGIN inc -->
        <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
        <!-- END inc -->
        <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
        </tr>
        <!-- END catfoot -->
        <!-- BEGIN tablefoot -->
        <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
       

CSS complète
Code:
        /*bannière du forum diminution des marges haut gauche et droite*/
            #i_logo {
            margin-left:-10px;
            margin-right:-10px;
            margin-top:-10px; }
       
       
       
       
        /*liens*/
        a { text-decoration: none;/*supprime le soulignement*/ }
        a:hover { text-decoration: none !important;/*supprime le soulignement*/ }
       
       
       
       
        /*contour du forum et ombre*/
        .bodyline{
       
       
        -moz-box-shadow: 0px 0px 10px #000000;
          box-shadow: 0px 0px 10px #000000;
        -webkit-box-shadow: 0px 0px 10px #000000;
        }
       
       
       
       
        /*boite des categorie*/
         
       
       
        /*image interieur du forum*/
        .bodyline {
        background-image: url(http://img200.imageshack.us/img200/8019/fondyc10.jpg);
        background-repeat: repeat;
        }
       
       
       
       
       
        /*qui est en ligne*/
            .groupes{
            background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
            -moz-border-radius : 5px 5px 5px 5px;
            height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
            font-size:15px;font-weight: bold;text-align:center;
            text-decoration: none !important;}
       
       
       
       
            .opac {
            opacity:0.6;
            -moz-opacity:0.6;
            -ms-filter:"alpha(opacity=60)";
            filter:alpha(opacity=60);
            }
       
            .opac:hover {
              opacity:1;
              -moz-opacity:1;
              -ms-filter:"alpha(opacity=100)";
              filter:alpha(opacity=100);
            }
       
       
       
       
        /*cadre avatar*/
        .postdetails.poster-profile img {border:4px solid white;}
       
           
       
                    .profil
                        {background-color: #5B4419;
                        border: 2px solid #5B4419;
                        }
       
       
       
       
       
       
        a:hover { letter-spacing: 2px; }
       
        a:hover {
        font-variant : small-caps;
        }
       
        a:link {text-decoration: none;}
        a:hover{text-decoration: none !important;}
       
       
       
        a
        {
        font-variant: small-caps;
        text-decoration: none;
        }
       
       
       
        a.forumlink
        {
        display: block;
        padding-left: 20px;
        font-size: 16px;
        font-family: Georgia;
        letter-spacing: 2px;
        border-bottom: 4px solid #F4F5EB;
        border-left: 4px solid #F4F5EB;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -htm-border-radius: 20px;
        -webkit-border-radius: 20px;
        -o-border-radius: 20px;
        color: #D8DBAD !important;
        text-shadow: 0px 0px 1px #D8DBAD;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        a.forumlink:hover
        {
        padding-left: 50px;
        text-transform: uppercase;
        border-bottom: 4px solid #D8DBAD;
        border-left: 4px solid #D8DBAD;
        color: #756422 !important;
        text-shadow: 0px 0px 1px #000000;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .forumline
        {
        width: 95%;
        margin: auto;
        background-color: #F4F5EB;
        border-top: 3px solid #D8DBAD;
        border-bottom: 3px solid #D8DBAD;
        padding: 4px;
        }
        #cate_foot
        {
        width: 950px;
        height: 95px;
        margin: auto;
        background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
        }
       
       
       
       
       
       
       
       
        .onglet {
        display:inline-block;
        margin:20px 5px;
        }
        .onglet:hover {
        a.forumlink
        {
        display: block;
        padding-left: 20px;
        font-size: 16px;
        font-family: Georgia;
        letter-spacing: 2px;
        border-bottom: 4px solid #F4F5EB;
        border-left: 4px solid #F4F5EB;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -htm-border-radius: 20px;
        -webkit-border-radius: 20px;
        -o-border-radius: 20px;
        color: #D8DBAD !important;
        text-shadow: 0px 0px 1px #D8DBAD;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        a.forumlink:hover
        {
        padding-left: 50px;
        text-transform: uppercase;
        border-bottom: 4px solid #D8DBAD;
        border-left: 4px solid #D8DBAD;
        color: #756422 !important;
        text-shadow: 0px 0px 1px #000000;
        transform: all;
        -moz-transform: all;
        -o-transform: all;
        -htm-transform: all;
        -webkit-transform: all;
        transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
        }
        .forumline
        {
        width: 95%;
        margin: auto;
        background-color: #F4F5EB;
        border-top: 3px solid #D8DBAD;
        border-bottom: 3px solid #D8DBAD;
        padding: 4px;
        }
        #cate_foot
        {
        width: 950px;
        height: 95px;
        margin: auto;
        background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
        }
        }
        .actif {
        display:inline-block;
        margin:20px 5px;
        }

remplacez les deux, voyons si ça fonctionne cette fois.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 19:23

Non, toujours pas ! Et j'ai demandé à un des membres de l'administration d'aller voir et il ne voit rien, comme moi. Confused

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 19:32

Nous n'avons pas la meme css ^^ il y a des erreurs dans la votre :

.onglet {
display:inline-block;
margin:20px 5px;
}
.onglet:hover {
a.forumlink
{

display: block;
padding-left: 20px;
font-size: 16px;
font-family: Georgia;
letter-spacing: 2px;
border-bottom: 4px solid #F4F5EB;
border-left: 4px solid #F4F5EB;
border-radius: 20px;
-moz-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
color: #D8DBAD !important;
text-shadow: 0px 0px 1px #D8DBAD;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

Enlevez la partie en rouge

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par Enigmatic le Mer 19 Oct 2011 - 19:51

Si je la retire, il dise que j'ai un erreur dans mes codes css et rien ne se produit
Code:
                /*bannière du forum diminution des marges haut gauche et droite*/
                    #i_logo {
                    margin-left:-10px;
                    margin-right:-10px;
                    margin-top:-10px; }
             
             
             
             
                /*liens*/
                a { text-decoration: none;/*supprime le soulignement*/ }
                a:hover { text-decoration: none !important;/*supprime le soulignement*/ }
             
             
             
             
                /*contour du forum et ombre*/
                .bodyline{
             
             
                -moz-box-shadow: 0px 0px 10px #000000;
                  box-shadow: 0px 0px 10px #000000;
                -webkit-box-shadow: 0px 0px 10px #000000;
                }
             
             
             
             
                /*boite des categorie*/
               
             
             
                /*image interieur du forum*/
                .bodyline {
                background-image: url(http://img200.imageshack.us/img200/8019/fondyc10.jpg);
                background-repeat: repeat;
                }
             
             
             
             
             
                /*qui est en ligne*/
                    .groupes{
                    background-color:#FFFFFF;border: 1px #D0D0D0 dotted;
                    -moz-border-radius : 5px 5px 5px 5px;
                    height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
                    font-size:15px;font-weight: bold;text-align:center;
                    text-decoration: none !important;}
             
             
             
             
                    .opac {
                    opacity:0.6;
                    -moz-opacity:0.6;
                    -ms-filter:"alpha(opacity=60)";
                    filter:alpha(opacity=60);
                    }
             
                    .opac:hover {
                      opacity:1;
                      -moz-opacity:1;
                      -ms-filter:"alpha(opacity=100)";
                      filter:alpha(opacity=100);
                    }
             
             
             
             
                /*cadre avatar*/
                .postdetails.poster-profile img {border:4px solid white;}
             
                 
             
                            .profil
                                {background-color: #5B4419;
                                border: 2px solid #5B4419;
                                }
             
             
             
             
             
             
                a:hover { letter-spacing: 2px; }
             
                a:hover {
                font-variant : small-caps;
                }
             
                a:link {text-decoration: none;}
                a:hover{text-decoration: none !important;}
             
             
             
                a
                {
                font-variant: small-caps;
                text-decoration: none;
                }
             
             
             
                a.forumlink
                {
                display: block;
                padding-left: 20px;
                font-size: 16px;
                font-family: Georgia;
                letter-spacing: 2px;
                border-bottom: 4px solid #F4F5EB;
                border-left: 4px solid #F4F5EB;
                border-radius: 20px;
                -moz-border-radius: 20px;
                -htm-border-radius: 20px;
                -webkit-border-radius: 20px;
                -o-border-radius: 20px;
                color: #D8DBAD !important;
                text-shadow: 0px 0px 1px #D8DBAD;
                transform: all;
                -moz-transform: all;
                -o-transform: all;
                -htm-transform: all;
                -webkit-transform: all;
                transition: 1s;
                -moz-transition: 1s;
                -o-transition: 1s;
                -htm-transition: 1s;
                -webkit-transition: 1s;
                }
                a.forumlink:hover
                {
                padding-left: 50px;
                text-transform: uppercase;
                border-bottom: 4px solid #D8DBAD;
                border-left: 4px solid #D8DBAD;
                color: #756422 !important;
                text-shadow: 0px 0px 1px #000000;
                transform: all;
                -moz-transform: all;
                -o-transform: all;
                -htm-transform: all;
                -webkit-transform: all;
                transition: 1s;
                -moz-transition: 1s;
                -o-transition: 1s;
                -htm-transition: 1s;
                -webkit-transition: 1s;
                }
                .forumline
                {
                width: 95%;
                margin: auto;
                background-color: #F4F5EB;
                border-top: 3px solid #D8DBAD;
                border-bottom: 3px solid #D8DBAD;
                padding: 4px;
                }
                #cate_foot
                {
                width: 950px;
                height: 95px;
                margin: auto;
                background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
                }
             
             
             
             
             
             
             
             
                .onglet {
                display:inline-block;
                margin:20px 5px;
                }
                .onglet:hover {
               
                display: block;
                padding-left: 20px;
                font-size: 16px;
                font-family: Georgia;
                letter-spacing: 2px;
                border-bottom: 4px solid #F4F5EB;
                border-left: 4px solid #F4F5EB;
                border-radius: 20px;
                -moz-border-radius: 20px;
                -htm-border-radius: 20px;
                -webkit-border-radius: 20px;
                -o-border-radius: 20px;
                color: #D8DBAD !important;
                text-shadow: 0px 0px 1px #D8DBAD;
                transform: all;
                -moz-transform: all;
                -o-transform: all;
                -htm-transform: all;
                -webkit-transform: all;
                transition: 1s;
                -moz-transition: 1s;
                -o-transition: 1s;
                -htm-transition: 1s;
                -webkit-transition: 1s;
                }
                a.forumlink:hover
                {
                padding-left: 50px;
                text-transform: uppercase;
                border-bottom: 4px solid #D8DBAD;
                border-left: 4px solid #D8DBAD;
                color: #756422 !important;
                text-shadow: 0px 0px 1px #000000;
                transform: all;
                -moz-transform: all;
                -o-transform: all;
                -htm-transform: all;
                -webkit-transform: all;
                transition: 1s;
                -moz-transition: 1s;
                -o-transition: 1s;
                -htm-transition: 1s;
                -webkit-transition: 1s;
                }
                .forumline
                {
                width: 95%;
                margin: auto;
                background-color: #F4F5EB;
                border-top: 3px solid #D8DBAD;
                border-bottom: 3px solid #D8DBAD;
                padding: 4px;
                }
                #cate_foot
                {
                width: 950px;
                height: 95px;
                margin: auto;
                background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
                }
                }
                .actif {
                display:inline-block;
                margin:20px 5px;
                }

Enigmatic
***

Féminin
Messages : 199
Inscrit(e) le : 16/11/2009

Enigmatic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Apparence des onglets

Message par SoraNoHime le Mer 19 Oct 2011 - 19:53

background: url(http://img11.hostingpics.net/pics/139213category04.jpg) center no-repeat;
}
}
.actif {
display:inline-block;
margin:20px 5px;
}

ici il y a un } de trop. Je pense que c'est un problème de copier coller ^^

Si cela ne va pas après e réparerai votre css complète dans la soirée.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum