Organiser mes sous forums comme ça??
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. |

Panneau d'administration ![]() ![]() ![]() |
- 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;
}


Panneau d'administration ![]() ![]() ![]() |

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
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