Apparence catégorie
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Apparence catégorie
Bonjour, je viens de modifier l'apparence des catégories (template & CSS mais j'ai un espace qui me déplait, et je voudrais que tout soit accroché (si cela est possible), d'un bloc tout en gardant la même apparence que donnée.
Mon template :
Mon CSS
Merci d'avance de votre aide =)
Mon template :
- Code:
<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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><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>
</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%"><tr><td><div class="mess"><span class="gensmall">Nous avons posté {catrow.forumrow.TOPICS} sujets dans {catrow.forumrow.POSTS} messages </span> </div></td></tr>
<tr><td><div class ="descri"> <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}>
<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></div>
</td></tr>
<tr><td align="right">
<div class="derni"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></td></tr></table>
</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 -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Mon CSS
- Code:
.mess
{ color : #CC863F; /*Couleur du texte*/
text-align: center; /* Positionner le texte*/
background-image: url('http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png'); /*Couleur de fond*/
b-moz-border-radius: 0px 0px 14px 14px ;
border-right: 6px double #ad9575; /* Bordure de droite */
border-left: 6px solid #ad9575; /* Bordure de gauche */
border-top: 6px dotted #ad9575; /* Bordure du haut */
border-bottom: 0px none #ad9575; /* Bordure du bas */
width: 250px; /*Largeur voulu*/
height: 20px; /*hauteur voulu*/
-moz-border-radius: 14px 14px 0px 0px ;
border-bottom: 0px #ad9575 solid;
border-top: 3px #ad9575 dotted;
border-right: 3px #ad9575 double ;
border-left: 3px #ad9575 dotted;}
.derni
{ color : #CC863F; /*Couleur du texte*/
text-align: center; /* Positionner le texte*/
background-image: url('http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png'); /*Couleur de fond*/
border-right: 6px double #ad9575; /* Bordure de droite */
border-left: 6px solid #ad9575; /* Bordure de gauche */
border-top: 6px dotted #ad9575; /* Bordure du haut */
border-bottom: 0px none #ad9575; /* Bordure du bas */
width: 200px; /*Largeur voulu*/
height: 50px; /*hauteur voulu*/
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 3px #ad9575 dotted;
border-top: 0px #ad9575 solid;
border-right: 3px #ad9575 double ;
border-left: 3px #ad9575 dotted;
}
.descri {
color : #CC863F; /*Couleur du texte*/
text-align: center; /* Positionner le texte*/
background-image: url('http://up4u.free.fr/images/a9lrvy3g2ue29meoa75.png'); /*Couleur de fond*/
border-right: 6px double #ad9575; /* Bordure de droite */
border-left: 6px solid #ad9575; /* Bordure de gauche */
border-top: 0px dotted #ad9575; /* Bordure du haut */
border-bottom: 0px none #ad9575; /* Bordure du bas */
border-bottom: 0px #ad9575 dotted;
border-top: 0px #ad9575 solid;
border-right: 3px #ad9575 double ;
border-left: 3px #ad9575 dotted;
}
.forumline{background-color : #F5DEB3; /*Couleur de fond*/
border-right: 3px double #ad9575; /* Bordure de droite */
border-left: 3px solid #ad9575; /* Bordure de gauche */
border-bottom: 0px none #ad9575; /* Bordure du bas */;}
a.forumlink{
margin-left: 10px;
align: justify;
text-shadow: #A0522D 1px 1px 1px;
color: #f9fced;
border-bottom: 1px dotted #8c7165;
width: 750px;
font-family: georgia;
font-size: 16px;
text-transform: uppercase;
display: block;
text-align: left;
letter-spacing: 5px;
}
a.forumlink:hover{
margin-left: 10px;
align: justify;
text-shadow: #A0522D 1px 1px 1px;
color: #D2B48C;
border-bottom: 1px dotted #8c7165;
width: 750px;
font-family: georgia;
font-size: 16px;
text-transform: uppercase;
display: block;
text-align: left;
letter-spacing: 5px;
-moz-border-radius:5px;
-moz-box-shadow: 0px 2px 2px #A0522D;
}
.quote{
font-family: georgia;
font-size: 12px;
color: #F5DEB3;
line-height: 125%;
background-color: #A0522D;
border: #CC863F;
border-style: solid;
border: 1px #CC863F
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}
.code{
font-family: georgia;
font-size: 11px;
color: #F5DEB3;
background-color: #A0522D;
border: #CC863F;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #CC863F
dotted;
-moz-border-radius:6px;}
#AVATAR#
.profilavatar
{-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
background: #D2B48C;
border: 0px solid #A98E6B ;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
padding: 10px;
margin: 15px;
}
.profilavatar{
width: 200px;
height: 320px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
background: #D2B48C;
border: 0px solid #7A5E5E;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
width: 200px;
height: 320px;
display: block;
}
.test {
border: 0px #7A5E5Esolid;
font-size:10px;
font-family: Lithos Pro;
text-decoration:none;
padding-right:8px;
padding-left:8px;
background-color: #D2B48C;
border: 0px solid #A98E6B ;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
}
.pseudo
{-moz-border-radius-topright:20px;
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
font-family : Lithos Pro;
font-size:13px;
background: #D2B48C;
border: 0px solid #7A5E5E;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
padding: 10px;
text-align: center;
}
.rang
{background: #D2B48C;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
font-family : Lithos Pro;
-moz-box-shadow: 2px 1px 2px #7A5E5E;
padding: 10px;
text-align: center;
}
a.mainmenu:link, a.mainmenu:visited{
margin-left : 6px;
margin-right : 6px;
background-color: #F5DEB3;
font-family : Lithos Pro;
color: #8C4614;
text-transform: uppercase;
border-left: 6px solid #D2B48C;
}
a.mainmenu:hover, a.mainmenu:hover:visited{
color: #8C4614;
border-left: 6px solid #D2B48C;
border-right: 9px solid #8C4614;
}
Merci d'avance de votre aide =)
Dernière édition par Jessmercu le Lun 4 Juil 2011 - 11:56, édité 1 fois
Re: Apparence catégorie
Au début de ton template dans les 1ères lignes il y a 2code ou il est écrit valign="bottom" remplace bottom par top ou center cela devrait les aligné au centre ou vers le haut (valign signifie alignement verticale pour l'horizontale s'est align tout bonnement^^)
Re: Apparence catégorie
Merci de ton aide =)
mais j'ai essayer avec les deux mais ça ne marche pas
Je dois être vraiment nul pour pas y arriver ^^
mais j'ai essayer avec les deux mais ça ne marche pas
Je dois être vraiment nul pour pas y arriver ^^
Re: Apparence catégorie
Ah oui je vois mieux le problème en testant sur mon forum test je vérifie sa de suite ^^
Re: Apparence catégorie
Merci à toi de m'aider =)
Re: Apparence catégorie
Je suis bien embêté car si je ne fait pas d'erreur il suffit de rajouter une ligne ds le CSS pour résoudre sa, qui serait:
Background-position: callapps (sa ne s'écrit pas comme sa :p )
et plus moyen de me souvenir exactement comment cela s'écrit,
Background-position: callapps (sa ne s'écrit pas comme sa :p )
et plus moyen de me souvenir exactement comment cela s'écrit,
Re: Apparence catégorie
Merciii à toi vais essayer de voir ça mais si quelqu'un a la solution, je suis preneuse =)
Par contre je voulais savoir est-il possible que les boutons disant si on a un nouveau message etc... de les mettre dans les cadres (je veux dire à coté des descriptions avec le fond) ?
Par contre je voulais savoir est-il possible que les boutons disant si on a un nouveau message etc... de les mettre dans les cadres (je veux dire à coté des descriptions avec le fond) ?
Re: Apparence catégorie
de rien même si je sert pas à grand chose là^^
Re: Apparence catégorie
Bonjour
Pour ne pas avoir d'écart entre les stats la description et les nouveaux messages postés il fallait supprimer les ligne dans le template je parle bien sur des "tr" et "td"
Template modifié
Pour ne pas avoir d'écart entre les stats la description et les nouveaux messages postés il fallait supprimer les ligne dans le template je parle bien sur des "tr" et "td"
Template modifié
- Spoiler:
- Code:
<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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><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>
</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%"><tr><td>
<div align="left"><div class="mess"><span class="gensmall">Nous avons posté {catrow.forumrow.TOPICS} sujets dans {catrow.forumrow.POSTS} messages </span> </div></div>
<div class ="descri"> <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}>
<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></div>
<div align="right"><div class="derni"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div></div></td></tr></table>
</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 -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Re: Apparence catégorie
Merci à toi c'est tout à fait ça =) =)
Merciiii =)
Problème résolu
Merciiii =)
Problème résolu
Sujets similaires
» Catégorie : Mettre une barre noire séparant l'image "pas de nouveaux messages" et le nom de la catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Comment mettre un ou plusieurs catégorie(s) dans une seule catégorie ?
» L'icône de catégorie cache le lien vers ladite catégorie
» Grouper les forums dans catégorie afin qu'on ne voit que catégorie
» Espace entre image en-tête catégorie et titre catégorie
» Comment mettre un ou plusieurs catégorie(s) dans une seule catégorie ?
» L'icône de catégorie cache le lien vers ladite catégorie
» Grouper les forums dans catégorie afin qu'on ne voit que catégorie
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum