taille et couleur des sous forums

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

Résolu taille et couleur des sous forums

Message par Loü le Mar 26 Jan 2016 - 15:59

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://scarymovie.forumactif.org

Description du problème

Bonjour Very Happy

Alors voila, j'aurais grand besoin de votre aide pour modifier la taille et la couleur des liens de mes sous forums sur l'index. Impossible, je ne m'en sors pas du tout...

Si besoin, je mets mon template + css sous spoiler.

Merci à toutes les âmes charitables qui tenteront de m'aider.

Spoiler:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->

<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</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 valign="top" width="100%" class="descriptions">
<div class="forumlink"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
<div class="description"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div><div id="details" class="gensmall">
<div id="details" class="gensmall">
<span id="lienssousforums"><div style="font-size:9px;text-transform:uppercase;color:#000000;">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<script type="text/javascript">
jQuery('#lienssousforums').html(jQuery('#lienssousforums').html().replace(/, /g,' ☠ ')).removeAttr('id');
</script>
</span>
</div>
</div>


</td><td align="center" valign="middle"><div class="infobulle"> <div class="lastpost-avatar"><!-- BEGIN avatar -->{catrow.forumrow.avatar.LAST_POST_AVATAR}<!-- END avatar --></div>
<span><div class="messages"><span id="nbposts" class="gensmall"><b>{catrow.forumrow.POSTS}</b> messages → <b>{catrow.forumrow.TOPICS}</b> sujets</span></div></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 -->

Spoiler:
#categories {
background:transparent;
}
table#categories td {
background:#DED8D5;
}
table#categories td a {
transition:color linear 0.2s;
-webkit-transition:color linear 0.2s;
}
table#categories td a:hover {
transition:color linear 0.2s;
-webkit-transition:color linear 0.2s;
}
table#categories td img.imgnewpost {
width:137px;
height:48px;
}
table#categories td.newpost {
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 {
padding-right:10px;
}
table#categories div.description {
padding:5px;
margin:5px 0px 5px 0px;
overflow:auto;
height:80px;
text-align:justify;
text-transform:uppercase;
background-color:#E4E3E3;
}
table#categories div.forumlink {
text-align:center;
margin-top:-0px;
background-color:#000000;
}
#categories div.forumlink a{
font-size:16px;
letter-spacing:1px;
text-transform:uppercase;
font-family:'times new roman';
}
table#categories div#details {
text-align:center;
}
table#categories div.lastpost-avatar {
height:130px;
width:80px;
background-image:url(http://img15.hostingpics.net/pics/290303Sanstitre1.png);
}

table#categories div.lastpost-avatar img {
height:130px;
width:80px;
opacity:0;
-webkit-filter:grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
border-radius:0px;
}
table#categories div.lastpost-avatar img:hover {
height:130px;
width:80px;
opacity:1;
-webkit-filter:grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
border-radius:0px;
}
.cattitle{
font-family:megrim;
font-size:20px;
letter-spacing:1px;
text-transform:uppercase;
}

.messages{
text-transform:uppercase;
font-size:8px;
}


Dernière édition par Loü le Mar 26 Jan 2016 - 20:11, édité 1 fois

Loü
***

Messages : 126
Inscrit(e) le : 28/01/2010

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

Résolu Re: taille et couleur des sous forums

Message par Feuilla' le Mar 26 Jan 2016 - 19:31

Bonsoir,
rajoutez ce code à la suite du CSS déjà en place : Smile
Code:
a.forumlink:link {
    color: #ffff00;
    font-size: 3em !important;
}
Il suffit de changer la couleur jaune dans la deuxième ligne par le code couleur qui convient et la taille de la troisième ligne par la taille qui vous convient (à la place de "3").

Sinon la couleur des liens et déjà modifiable par le Panneau d'administration, dans les Couleurs. Wink

Bonne soirée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: taille et couleur des sous forums

Message par Loü le Mar 26 Jan 2016 - 19:34

Merci beaucoup pour votre aide mais malheureusement ce code ne fonctionne pas. Il modifie les titres des forums, or je cherche à modifier les liens des sous forums.


Loü
***

Messages : 126
Inscrit(e) le : 28/01/2010

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

Résolu Re: taille et couleur des sous forums

Message par Feuilla' le Mar 26 Jan 2016 - 19:48

Re,
ah oui pour celui des sous-forums il faut remplacer "a.forumlink:link" par "a.gensmall", qui donne :
Code:
    a.gensmall {
        color: #ffff00;
        font-size: 3em !important;
    }
Wink
Bonne soirée !

Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

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

Résolu Re: taille et couleur des sous forums

Message par Loü le Mar 26 Jan 2016 - 20:11

Génial, merci beaucoup c'est parfait I love you

Loü
***

Messages : 126
Inscrit(e) le : 28/01/2010

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

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