Organiser mes sous forums comme ça??
+3
maelys26
Ashlee
Mio'
7 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
Organiser mes sous forums comme ça??
Hellooooooooooooow =DD
Helloooooooooooow =)
Helloooooooooooow =)
- Catégorie: [Liens - Fond - Texte - Image -
Sous-Catégorie: //
Description : Tout es dans l'aperçu.
Description sur survol (facultatif) : J'aimerais assez que lors du passage de la souris sur le nom du forum, ce que lui ci soit surligné en couleur légèrement plus foncé mais pas de toute la largeur du forum, juste l'écriture... Je sais pas si je suis assez claire =/
Description lien visité (facultatif) : //
Un aperçu :
En clair, j'aimerais assez que mes sous forums soit comme l'image juste en haut XD
Je sais pas si vous avez compris O.O
Re: Organiser mes sous forums comme ça??
Toujours d'actualité =)
Re: Organiser mes sous forums comme ça??
Oh, ça m'interesse aussi +1 =)
Re: Organiser mes sous forums comme ça??
Personne pour nous aider??
Re: Organiser mes sous forums comme ça??
J'suis intéressée !
Re: Organiser mes sous forums comme ça??
Bonjour,
Ajout dans le CSS
Insérez ce code dans votre feuille de style CSS :
Modifications des templates
Editez le template index_box
Remplacez l'intégralité du template par :
Vérifiez en cliquant sur En attente
Et si vous êtes satisfait du résultat, publiez
Avant toute chose, vous devez : - être fondateur du forum, - être en version phpBB2, - avoir un minimum de connaissances en HTML, & templates. |
Ajout dans le CSS
Panneau d'administration Affichage Couleurs Feuille de style CSS |
- Code:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
margin: auto;
padding: 10px;
color: #000000;
width: 80%;
border: 3px solid #000000;
-moz-border-radius: 14px;
font-size: 12px;
}
/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-bottom: 0 none !important;
border-left: 3px solid #000000;
border-right: 3px solid #000000;
border-top: 3px solid #000000;
color: #000000;
font-size: 11px;
font-style: italic;
height: 14px;
left: 280px;
padding: 3px;
position: relative;
text-align: center;
width: 200px;
}
/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
color: #000000;
border: 3px solid #000000;
border-top: 0px !important;
-moz-border-radius-bottomleft: 14px;
-moz-border-radius-bottomright: 14px;
margin: auto;
padding: 4px;
color: #000000;
width: 50%;
text-align: center;
height: 14px;
font-size: 11px;
}
Modifications des templates
Panneau d'administration Affichage Templates Général |
Remplacez l'intégralité du template par :
- 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 --><!-- 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>
<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">
<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}>
<!---- DÉBUT DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
<div class="forum-description">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_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>
<!---- FIN DES MODIFICATIONS EFFECTUEES PAR LE FORUM DES FORUMS ---->
<!-- 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 -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Vérifiez en cliquant sur En attente
Et si vous êtes satisfait du résultat, publiez
Re: Organiser mes sous forums comme ça??
Vous pouvez modifier dans le CSS cette ligne :
- Code:
left: 280px;
Re: Organiser mes sous forums comme ça??
Merci ça fonctionne très bien =DD
Petite demande en plus, comment fait on pour qu'il y ai une image qui s'affiche dans le petit carré que j'ai fait??
On met directement le l'URL de l'image voulu ou quelque chose d'autre??
Petite demande en plus, comment fait on pour qu'il y ai une image qui s'affiche dans le petit carré que j'ai fait??
On met directement le l'URL de l'image voulu ou quelque chose d'autre??
Re: Organiser mes sous forums comme ça??
toujours d'actualité
Re: Organiser mes sous forums comme ça??
Bonjour
je trouve ton forum tres beau et tres pratique " four little diamonds"
Pourrais je savoir de quelle maniére on obtient cet effet là car le rendu est plus proche d'un site que d'un forum et je serais tres interressée
Merci pour ta réponse ou celle d'un membre
je trouve ton forum tres beau et tres pratique " four little diamonds"
Pourrais je savoir de quelle maniére on obtient cet effet là car le rendu est plus proche d'un site que d'un forum et je serais tres interressée
Merci pour ta réponse ou celle d'un membre
Re: Organiser mes sous forums comme ça??
Bonjour,
Pour que l'image apparaisse de cette manière, vous pouvez faire un tableau dans la description du forum par exemple :
Pour que l'image apparaisse de cette manière, vous pouvez faire un tableau dans la description du forum par exemple :
- Code:
<table><tr><td style="background-color: #FF0000; padding: 10px;"><img src="URL IMAGE" alt="" /></td><td>Description</td></tr></table>
Re: Organiser mes sous forums comme ça??
Bonjour Four little diamonds
essaie de rajouter "auto" dans la hauteur du cadre des sous forums exemple :
essaie de rajouter "auto" dans la hauteur du cadre des sous forums exemple :
- Code:
height: 14px auto;
Re: Organiser mes sous forums comme ça??
Daaaaaaaaaah c'est parfait ^^
Merci beaucoup =D
Merci beaucoup =D
Re: Organiser mes sous forums comme ça??
pas de quoi l'ami, au plaisir
bonne continuation
bonne continuation
Re: Organiser mes sous forums comme ça??
Possible en phpBB3 ?
Re: Organiser mes sous forums comme ça??
Salut Tiflo
Je ne peux malheureusement pas te répondre, je ne connais pas les codes en phpbb3.
Mais je pense que sur tout le forum tu trouveras qqun qui pourra t'aider.
Cordialement
Je ne peux malheureusement pas te répondre, je ne connais pas les codes en phpbb3.
Mais je pense que sur tout le forum tu trouveras qqun qui pourra t'aider.
Cordialement
Sujets similaires
» Image comme titre de catégorie déforme les sous forums
» comment organiser le forum avec des sous categories
» Mettre des sous forums sous les forums sur la mème ligne
» Faire qu'un lien de sous-forums redirigent vers un sujet et pas ce sous-forum
» Comment afficher les sous-forums sous forme de liste
» comment organiser le forum avec des sous categories
» Mettre des sous forums sous les forums sur la mème ligne
» Faire qu'un lien de sous-forums redirigent vers un sujet et pas ce sous-forum
» Comment afficher les sous-forums sous forme de liste
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