Sujets similaires

Dernière édition par Nodox Pebbles le Sam 29 Jan 2011, 19:17, édité 1 fois

Voila un problème épineux. En reprenant le code proposé sur CSSactif, je n'obtiens que la moitié du résultat final. Voyez plutôt :

Sans rien toucher >

Spoiler:

En passant la sourie dessus >

Spoiler:

Le tout avec ce code (copier/coller tel quel depuis la feuille de CSS) >

Code:: a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #AB0000;
color: #AB0000;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}

a.forumlink:hover, a.forumlink:hover:visited {
color: #C4C4C4;
text-align: center;
display: block;
border-bottom: 5px solid #AB0000;
-moz-border-radius:10px;
}

Si vous voulez le forum en question pour vérifier, le voici >
http://dreamland-rpg.bbactif.com/

Auriez-vous une idée pour mon problème ? Smile

Merci d'avance !

Salut! On pourrait savoir quel tuto tu as choisi et quel effet tu recherches??

Car sinon c'est un peu dure de t'aider :S

Quel tuto, je ne sais pas, le code viens d'une amie qui l'as elle-même trouvée sur CSSactif en étant membre. Mais ni elle ni moi ne réussissions à trouver pourquoi ça ne fonctionne pas correctement, donc je me suis inscris à mon tour Smile

L'effet recherché donnera comme sur l'image ci-dessous mais avec les couleurs de l'image ci-dessus.

Spoiler:

Tient, essaie ce code au lieu:

Code:: a.forumlink{
display:block;
text-align: center;
border-bottom: 5px solid #COLOR;
font-size: 16px;
color: #000000;
-moz-border-radius:10px;
text-transform : uppercase;
letter-spacing: 1px;
font-family: georgia;
}

a.forumlink:hover{
text-decoration:none;
font-style: italic;
color: #COLOR;
}

Adapte le à ta guise Wink

Hello (:
Si le problème a été résolu par Fire-Fly, pense à cocher l'icône Problème de code pour les titres des catégories de forum Resolu

en éditant ton premier message.
Merci d'avance (:

Ah, non là du coup je n'ai plus rien du tout ... uniquement lorsque je passe la sourie le titre passe en italique et en couleur (rouge).

As tu changé les valeurs? Pcq yen a que j'avais laissé vide pour que tu l'adaptes. Si oui...

Je pourrais avoir ton CSS en entier stp? Et as-tu changé ton template Index-box? Si oui, tu pourrais me le donner aussi?

Merci!

Heu, de ton code je n'ai changé que les couleurs, ça donne :

Code:: a.forumlink{
display:block;
text-align: center;
border-bottom: 5px solid #AB0000;
font-size: 16px;
color: #C4C4C4;
-moz-border-radius:10px;
text-transform : uppercase;
letter-spacing: 1px;
font-family: georgia;
}

a.forumlink:hover{
text-decoration:none;
font-style: italic;
color: #AB0000;
}

Et voici le template demandé, en espérant que tu y comprenne quelque chose ^^

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   <th nowrap="nowrap" width="50">{L_TOPICS}</th>
   <th nowrap="nowrap" width="50">{L_POSTS}</th>
   <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <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">
      <h{catrow.forumrow.LEVEL} class="hierarchy">
         <span class="forumlink">
            <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
         </span>
      </h{catrow.forumrow.LEVEL}>
      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>
   </td>
   <td class="row3" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.TOPICS}</span>
   </td>
   <td class="row2" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.POSTS}</span>
   </td>
   <td class="row3 over" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   </td>
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

T'inquiète pas pour ça, mais tu crois que tu pourrais me donner ton CSS en entier?

Merci!

Édit: Ton templates est ok, donc c'est dans ton CSS le problème, probablement pas les codes que je t'ai donné comme je te les ai copier directement de mon site, donc ils marchent, mais d'un autre code qui le fait déraper, c'est pour ça que je te demande la feuille au complet Wink

je comprends pas bien donc je te montre TOUT mon CSS Smile

Code:: .titre {
background-color: #AB0000;
-moz-border-radius-topleft: 20px;
-webkit-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-radius-topright: 20px;
}

.bodyline {
-moz-border-radius:10px;
}

textarea, .textarea.post, input.post {
-moz-border-radius:5px;
}

.forumline{
background-color: #AB0000;
-moz-border-radius: 10px ;
border: 1px #AB0000 solid;
}

.thumbnails{
float:left;height:200px;margin-left:20px;width:200px}

.thumbnail{
float:left;padding:5px;position:relative;width:50px;z-index:0}

.thumbnail:hover{
background-color:transparent;z-index:50}

.thumbnail span{
-moz-border-radius:9px;background-color:#646464;border:1px dashed #fff;font-family:Verdana,Century Gothic;font-size:12px;left:0;padding:3px;position:absolute;text-decoration:none;text-shadow:2px 2px 4px #000;visibility:hidden}

.thumbnail span img{
border:2px solid #fff;border-width:0;padding:0}

.thumbnail:hover span{
left:30px;top:20px;visibility:visible}

#bottom{
-moz-border-radius: 15px 15px 15px 15px;
background-color: #646464;
float: left;
margin: 5px;
padding: 10px;
width: 850px;}

element.style {
display:block;
height:170;
left:0px;
overflow:hidden;
width:420;}

ul.sdt_menu{
font-size:12px;
list-style:none;
width:700px}

ul.sdt_menu a{
outline:none;
text-decoration:none}

ul.sdt_menu li{
cursor:pointer;
float:left;
height:85px;
margin-left:20px;
position:relative;
width:170px}

ul.sdt_menu li a img{
-moz-box-shadow:0 0 4px #000;
-webkit-box-shadow:0 0 4px #000;border:none;
bottom:0;
box-shadow:0 0 4px #000;
height:0;
left:85px;
position:absolute;
width:0;
z-index:99}

ul.sdt_menu li span.sdt_wrap{
height:60px;
left:0;
position:absolute;
top:25px;width:210px;
z-index:15}

.sdt_wrap{
z-index:999}

ul.sdt_menu li span.sdt_active{
-moz-box-shadow:0 0 4px #000 inset;
-webkit-box-shadow:0 0 4px #000 inset;
background:#111;
box-shadow:0 0 4px #000 inset;
height:0;
left:0;
position:absolute;
top:85px;width:210px;z-index:14}

ul.sdt_menu li div.sdt_box a,ul.sdt_menu li span span.sdt_descr,ul.sdt_menu li span span.sdt_link{
margin-left:15px;
text-shadow:1px 1px 1px #000;
text-transform:uppercase}

ul.sdt_menu li span span.sdt_link{
clear:both;
color:#fff;float:left;
font-size:24px}

ul.sdt_menu li span span.sdt_descr{
clear:both;
color:#0B75AF;
float:left;
font-size:10px;
letter-spacing:1px}

ul.sdt_menu li div.sdt_box{
background:#000;
display:none;
height:170px;
left:0;
margin-left:20px;
overflow:hidden;
padding-left:20px;
position:absolute;
top:85px;
width:210px}

ul.sdt_menu li div.sdt_box a{
clear:both;
color:#0B75AF;
float:left;
line-height:30px}

ul.sdt_menu li div.sdt_box a:first-child{
margin-top:15px}

ul.sdt_menu li div.sdt_box a:hover{
color:#fff}

$(element).slideUp({1000, method, callback});
$(element).slideUp({
duration: 1000,
easing: method,
complete: callback});

a.forumlink:link, a.forumlink:visited {
font-family: georgia;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-bottom: 5px solid #AB0000;
color: #AB0000;
letter-spacing: 1px;
display: block;
-moz-border-radius:10px;
}

a.forumlink:hover, a.forumlink:hover:visited {
color: #C4C4C4;
text-align: center;
display: block;
border-bottom: 5px solid #AB0000;
-moz-border-radius:10px;
}

Code:: .titre {
background-color: #AB0000;
-moz-border-radius-topleft: 20px;
-webkit-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-radius-topright: 20px;
}

.bodyline {
-moz-border-radius:10px;
}

textarea, .textarea.post, input.post {
-moz-border-radius:5px;
}

.forumline{
background-color: #AB0000;
-moz-border-radius: 10px ;
border: 1px #AB0000 solid;
}

.thumbnails{
float:left;height:200px;margin-left:20px;width:200px}

.thumbnail{
float:left;padding:5px;position:relative;width:50px;z-index:0}

.thumbnail:hover{
background-color:transparent;z-index:50}

.thumbnail span{
-moz-border-radius:9px;background-color:#646464;border:1px dashed #fff;font-family:Verdana,Century Gothic;font-size:12px;left:0;padding:3px;position:absolute;text-decoration:none;text-shadow:2px 2px 4px #000;visibility:hidden}

.thumbnail span img{
border:2px solid #fff;border-width:0;padding:0}

.thumbnail:hover span{
left:30px;top:20px;visibility:visible}

#bottom{
-moz-border-radius: 15px 15px 15px 15px;
background-color: #646464;
float: left;
margin: 5px;
padding: 10px;
width: 850px;}

element.style {
display:block;
height:170;
left:0px;
overflow:hidden;
width:420;}

ul.sdt_menu{
font-size:12px;
list-style:none;
width:700px}

ul.sdt_menu a{
outline:none;
text-decoration:none}

ul.sdt_menu li{
cursor:pointer;
float:left;
height:85px;
margin-left:20px;
position:relative;
width:170px}

ul.sdt_menu li a img{
-moz-box-shadow:0 0 4px #000;
-webkit-box-shadow:0 0 4px #000;border:none;
bottom:0;
box-shadow:0 0 4px #000;
height:0;
left:85px;
position:absolute;
width:0;
z-index:99}

ul.sdt_menu li span.sdt_wrap{
height:60px;
left:0;
position:absolute;
top:25px;width:210px;
z-index:15}

.sdt_wrap{
z-index:999}

ul.sdt_menu li span.sdt_active{
-moz-box-shadow:0 0 4px #000 inset;
-webkit-box-shadow:0 0 4px #000 inset;
background:#111;
box-shadow:0 0 4px #000 inset;
height:0;
left:0;
position:absolute;
top:85px;width:210px;z-index:14}

ul.sdt_menu li div.sdt_box a,ul.sdt_menu li span span.sdt_descr,ul.sdt_menu li span span.sdt_link{
margin-left:15px;
text-shadow:1px 1px 1px #000;
text-transform:uppercase}

ul.sdt_menu li span span.sdt_link{
clear:both;
color:#fff;float:left;
font-size:24px}

ul.sdt_menu li span span.sdt_descr{
clear:both;
color:#0B75AF;
float:left;
font-size:10px;
letter-spacing:1px}

ul.sdt_menu li div.sdt_box{
background:#000;
display:none;
height:170px;
left:0;
margin-left:20px;
overflow:hidden;
padding-left:20px;
position:absolute;
top:85px;
width:210px}

ul.sdt_menu li div.sdt_box a{
clear:both;
color:#0B75AF;
float:left;
line-height:30px}

ul.sdt_menu li div.sdt_box a:first-child{
margin-top:15px}

ul.sdt_menu li div.sdt_box a:hover{
color:#fff}

a.forumlink {
display:block;
text-align: center;
border-bottom: 5px solid #AB0000;
font-size: 16px;
color: #C4C4C4;
-moz-border-radius:10px;
text-transform : uppercase;
letter-spacing: 1px;
font-family: georgia;
}

a.forumlink:hover{
text-decoration:none;
font-style: italic;
color: #AB0000;
-moz-border-radius:10px;
}

Voilà, ça devrait marcher Wink

oh trop la classe ça fonctionne !!! Merci beaucoup !!!

Pas de quoi Wink

N'oublie pas de changer l'icone de ton sujet pour Résolu Wink

Bonne soirée!

Problème de code pour les titres des catégories de forum

Problème de code pour les titres des catégories de forum

Sujets similaires

Sujets similaires

Partenaires Or