Bonjour/bonsoir à tous :3
J'excuse d'avance si je n'ai pas posté dans la bonne partie. J'ai eu un petit moment d'hésitation entre celle-ci et celle des problèmes de code ^^'
Je fais donc appel à vous aujourd'hui car je me retrouve face à un problème de codage plus gros que moi Je suis actuellement en train de peaufiner les derniers détails de mon forum (clik clik), qui devrait ouvrir début août. Avec mes co-admins nous avons craqués pour ce LS de Lunayine, que nous avons installés. Le résultat correspond tout à fait à nos attentes mais nous nous rencontrons un petit problème au niveau du titre des catégories : impossible de les personnaliser (changer la police, la taille, etc.) et d'enlever le font vert derrière elles. J'ai bien essayé de bidouiller à droite à gauche mais, si j'essaye de rajouter quoi que ce soit, c'est l'ensemble du texte des catégories qui change.
Ce que j'ai actuellement : https://i.servimg.com/u/f18/18/84/99/43/kb311.png
Ce que j'obtiens en essayant de personnaliser : https://i.servimg.com/u/f18/18/84/99/43/qeel1010.png
Ce que j'aimerais obtenir : https://i.servimg.com/u/f18/18/84/99/43/kc310.png
S'il vous manque des informations, je suis à votre entière disposition :3 Merci d'avance à toutes les personnes qui auront l'amabilité de se pencher sur mon problème
J'excuse d'avance si je n'ai pas posté dans la bonne partie. J'ai eu un petit moment d'hésitation entre celle-ci et celle des problèmes de code ^^'
Je fais donc appel à vous aujourd'hui car je me retrouve face à un problème de codage plus gros que moi Je suis actuellement en train de peaufiner les derniers détails de mon forum (clik clik), qui devrait ouvrir début août. Avec mes co-admins nous avons craqués pour ce LS de Lunayine, que nous avons installés. Le résultat correspond tout à fait à nos attentes mais nous nous rencontrons un petit problème au niveau du titre des catégories : impossible de les personnaliser (changer la police, la taille, etc.) et d'enlever le font vert derrière elles. J'ai bien essayé de bidouiller à droite à gauche mais, si j'essaye de rajouter quoi que ce soit, c'est l'ensemble du texte des catégories qui change.
Ce que j'ai actuellement : https://i.servimg.com/u/f18/18/84/99/43/kb311.png
Ce que j'obtiens en essayant de personnaliser : https://i.servimg.com/u/f18/18/84/99/43/qeel1010.png
Ce que j'aimerais obtenir : https://i.servimg.com/u/f18/18/84/99/43/kc310.png
- Voilà mon CSS:
- Code:
/*-----AUTRE-----*/
#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before {
content: "Le Bistrot de Withinghall";
}
tr.post span.gensmall {display: none}
A:link {text-decoration: none !important;}
A:visited {text-decoration: none !important;}
A:active {text-decoration: none !important;}
A:hover {text-decoration: none !important;}
.postbody {
display: block;
padding-left: 15px;
padding-right: 15px;
text-align:justify;
}
.bodylinewidth {
width: 750px;
margin-left: auto;
margin-right: auto;
margin-top: -9px;
margin-bottom: -9px;
}
#i_logo {
margin-top: -2;
}
a.mainmenu {
color:#558c9c;
font-family:georgia;
font-size:12px;
letter-spacing: -1px;
text-transform: lowercase;
font-style:italic;
}
.forumline {
border-top-left-radius: 12px 12px;
border-bottom-left-radius: 12px 12px;
border-top-right-radius: 12px 12px;
border-bottom-right-radius: 12px 12px;
}
table.forumline {
border-radius: 15px;
overflow: hidden;
}
/*-----PAGE D'ACCEUIL -----*/
.titr {
font-family: Codystar;
font-weight: bold;
font-size: 55px;
letter-spacing: -3pt;
text-transform: lowercase;
text-shadow: 0px 0px 1px;
text-align: center;
line-height: 16px;
color:#548b9c;
}
.titr2 {
font-family: Times New Roman;
line-height: 16px;
text-transform: lowercase;
letter-spacing: -3px;
font-style: italic;
text-align: center;
font-size: 50px;
color: #548b9c;
}
.titr2:hover {
color:#548b9c;
}
.imp {
text-transform: lowercase;
letter-spacing: -1.5px;
color: #66AFA0;
}
.q3 {
display: block;
border: 1px solid #C7D8B2;
background-color: #E1E7D0;
text-align:justify;
padding:1px;
height: 125px;
}
.cadre {
width: 50px;
height: 50px;
padding: 2px;
border: 1px solid #C7D8B2;
background-color: #E1E7D0;
}
.cadre2 {
width: 25px;
height: 25px;
padding: 2px;
border: 1px solid #C7D8B2;
background-color: #E1E7D0;
}
.q4 {
display: block;
background-color: #fffffA;
border-left: 3px solid #548b9c;
border-right: 3px solid #548b9c;
text-align:justify;
padding:1px;
height: 50px;
}
.titr3 {
font-family: Codystar;
font-weight: bold;
font-size: 25px;
letter-spacing: -1.5pt;
text-transform: lowercase;
text-shadow: 0px 0px 1px;
text-align: center;
line-height: 16px;
color:#548b9c;
}
/*-----FICHE DIVERS-----*/
.fichediversannexemagie{
width:460px ;
background-color : #FFFFFA ;
border-left : 5px solid #C7D8B2 ;
border-right: 5px solid #C7D8B2 ;
border-radius : 10px ;
line-height : 1 ;
text-align : justify ;
padding : 10px ;
}
.fichedivers {
width:435px ;
background-color : #FFFFFA ;
border-left : 5px solid #C7D8B2 ;
border-right: 5px solid #C7D8B2 ;
border-radius : 10px ;
line-height : 1 ;
text-align : justify ;
padding : 10px ;
}
.creditfiche {
font-family : ernest ;
font-size: 10px ;
font-style : italic ;
text-align : right
}
.imagestyle {
width :115px ;
padding : 2px ;
border : 1px solid #548B9C ;
}
.imagestylepresetscena {
height : 200px ;
padding : 2px ;
border : 1px solid #548B9C ;
}
.iconpresetscena {
height : 47px ;
padding : 2px ;
border : 1px solid #548B9C ;
}
.titrestyle {
color: #548B9C ;
font-family: Gabriola;
font-size : 34px ;
}
.titrestyle1 {
color: #548B9C ;
font-family: georgia;
font-size : 15px ;
}
/*-----QEEL-----*/
.groupes{
font-family: gabriola;
font-size : 30px ;
text-decoration: none !important;
}
/*-----PROFIL-----*/
.cadreavatar {
background-color : #FFFFFC ;
border-left : 5px solid #C4D6AE ;
border-right: 5px solid #C4D6AE ;
border-radius: 10px 10px 10px 10px ;
text-align:center;
}
.cadreavatarbis {
background-color : #FFFFFC ;
border-left : 5px solid #C4D6AE ;
border-right: 5px solid #C4D6AE ;
border-radius: 10px 10px 10px 10px ;
text-align:center;
padding:3px ;
text-align:justify ;
}
.avaprofil {
text-align:center;
padding:3px
}
.pseudoperso {
font-family: 'Gabriola';
font-size:22px;
text-decoration:none;
letter-spacing:1px;
}
.postdetails.poster-profile a img {
-moz-border-radius-topright:20px;
}
.poster-profile img {
max-width: 200px;
border-top-left-radius:10px 10px;
border-top-right-radius:10px 10px;
border-bottom-right-radius: 10px 10px;
border-bottom-left-radius: 10px 10px;
text-align: center;
}
/*----- CATÉGORIES -----*/
#categories {
background:transparent;
}
table#categories td {
background:#E1E7D0;
}
table#categories td a {
color:#4861A3;
transition:color linear 0.2s;
-webkit-transition:color linear 0.2s;
}
table#categories td a:hover {
color:#6274a3;
transition:color linear 0.2s;
-webkit-transition:color linear 0.2s;
}
table#categories td img.imgnewpost {
width:137px;
height:48px;
}
table#categories td.newpost {
border-radius:40px 0px 0px 40px;
padding-left:10px;
}
table#categories td span#nbposts {
text-transform:uppercase;
font-size:9px;
}
table#categories td span#lastpost {
height:56px;
width:127px;
overflow:visible;
}
table#categories td.descriptions {
border-radius:0px 40px 40px 0px;
padding-right:10px;
}
table#categories div.description {
padding:5px;
margin:5px 0px 5px 0px;
overflow:auto;
height:80px;
text-align:justify;
}
table#categories div.forumlink {
text-align:center;
margin-top:-20px;
}
#categories div.forumlink a{
font-size:20px;
color:darkblue;
font-family:'Indie Flower';
}
table#categories div#details {
text-align:center;
}
table#categories div.lastpost-avatar {
height:120px;
width:80px;
}
table#categories div.lastpost-avatar img {
height:120px;
width:80px;
}
- Et 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}<br />
{CURRENT_TIME}<br />
</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><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><table class="forumline" width="100%" border="0" cellspacing="7" cellpadding="5" id="categories">
<!-- BEGIN cathead -->
<tr>
<td class="{catrow.cathead.CLASS_CAT}" colspan="3" 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>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<td class="newpost" align="center" valign="middle">
<img class="imgnewpost" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
<span id="lastpost" class="gensmall"><br /><br />{catrow.forumrow.LAST_POST}</span>
</td>
<td align="center" valign="middle">
<div class="lastpost-avatar"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
</td>
<td valign="top" width="100%" class="descriptions">
<div class="forumlink"><link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css' /><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br /> <span id="nbposts" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages dans <b>{catrow.forumrow.TOPICS}</b> sujets</span></div>
<div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
<div id="details" class="gensmall">
<span id="lienssousforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<script type="text/javascript">
jQuery('#lienssousforums').html(jQuery('#lienssousforums').html().replace(/, /g,' ✩ ')).removeAttr('id');
</script>
</span>
</div>
</td>
</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 --><div style="color: rgba(0,0,0,0.2); font-weight: bold; font-size: 8px; margin-top: -10px; text-align: center;">015 Catégories by Lunay on <a href="http://www.never-utopia.com/">NU</a></div>
S'il vous manque des informations, je suis à votre entière disposition :3 Merci d'avance à toutes les personnes qui auront l'amabilité de se pencher sur mon problème
Dernière édition par {frozen.crystal le Ven 31 Juil 2015 - 19:12, édité 1 fois