[PHBB2] écriture des onglets tout coller
2 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
[PHBB2] écriture des onglets tout coller
Bonjour a tous!!
Alors voilà, j'ai réussi a mettre mes catégorie en onglet.
Mais le souci, a présent, c 'est L'écriture des onglets!
Tout est coller, et je n'ait pas les logiciel requit pour vous montrer en image, mais les onglets sont complètement coller :s
Et j'aimerai aussi savoir comment centrer les onglets ...
Merci d 'avoir lu! En espérant que vous pourriez le résoudre!
Merci d 'avance!
Alors voilà, j'ai réussi a mettre mes catégorie en onglet.
Mais le souci, a présent, c 'est L'écriture des onglets!
Tout est coller, et je n'ait pas les logiciel requit pour vous montrer en image, mais les onglets sont complètement coller :s
Et j'aimerai aussi savoir comment centrer les onglets ...
Merci d 'avoir lu! En espérant que vous pourriez le résoudre!
Merci d 'avance!
Dernière édition par olili.vil le Ven 27 Avr 2012 - 19:15, édité 1 fois
Re: [PHBB2] écriture des onglets tout coller
Bonjour et Bienvenue Vu que vous êtes nouveau, voici quelques sujets importants :sur le Forum des Forums ForumActif Sécurité : Mail de fondation - Ce qu'il ne faut pas faire Listing - Questions/Réponses fréquentes Listing - Trucs et astuces La fonction Rechercher La FAQ de Forumactif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse |
Bonsoir,
Il me faudrait le lien du forum concerné et votre css modifiée.
Cordialement.
Re: [PHBB2] écriture des onglets tout coller
Okay pas de souci ::
Mon CSS::
Et mon forum :: http://elisia-pensionnat.monfofo.net/
Par contre je l'avai mis en construction, j'ai désactivité pour que vous puissiez m'aider
Je compte refaire le theme, et les icones...
Encore merci
Mon CSS::
- Code:
.text {
color:#FFFFFF; /*Couleur du texte de vos onglets*/
cursor:pointer;
}
#cat_Préface,#cat_Horses,#cat_Neutres,#cat_Wolfs /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:10px;
}
.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }
.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:800px;
}
.onglet {
display:inline-block;
margin-top:40px;
text-decoration:none;
cursor:pointer;
}
.onglet li {
float:left;
list-style-type:none;
margin-bottom:-22px;
text-decoration:none;
cursor:pointer;
}
.onglet li:hover {
text-decoration:none;
cursor:pointer;
}
.onglet li a {
display:block;
text-decoration:none;
list-style-type: none;
cursor:pointer;
}
.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}
.onglet_actif {
background: url('http://img163.imageshack.us/img163/2443/actif.png') no-repeat;
width: 112px;
height: 45px;
cursor:pointer;
}
.onglet_nactif {
background: url('http://img201.imageshack.us/img201/2319/inactif.png') no-repeat;
width: 115px;
height: 45px;
cursor:pointer;
}
/* Fin */
Et mon forum :: http://elisia-pensionnat.monfofo.net/
Par contre je l'avai mis en construction, j'ai désactivité pour que vous puissiez m'aider
Je compte refaire le theme, et les icones...
Encore merci
Re: [PHBB2] écriture des onglets tout coller
Rajoutez ceci:
- Code:
margin-right: 50px;
ici:
- Code:
.onglet {
display:inline-block;
margin-top:40px;
text-decoration:none;
cursor:pointer;
}
Pour centrer vos onglets, il faut le faire via le template. Normalement, en rajoutant les balises center, cela devrait fonctionner.
Cordialement.
Re: [PHBB2] écriture des onglets tout coller
:s
Pour l'écriture, cela n'a pas l'air de marcher ........
A par si j'ai mal compris
Et pour le centrer, j'ai essayée a plusieurs reprise, ça ne marche pas
Pour l'écriture, cela n'a pas l'air de marcher ........
A par si j'ai mal compris
Et pour le centrer, j'ai essayée a plusieurs reprise, ça ne marche pas
Re: [PHBB2] écriture des onglets tout coller
De mon côté, cela fonctionne.
Dans ce cas, il me faudrait l'ensemble de codes (qui concernent les catégories en onglets) entre les balises hide ou par MP si vous préférez.
Cordialement.
Re: [PHBB2] écriture des onglets tout coller
Envoyé....
:O Peut -être est-ce mon template qui n'est pas bon ....
:O Peut -être est-ce mon template qui n'est pas bon ....
Re: [PHBB2] écriture des onglets tout coller
Pour le code que je vous ai donné, cela marche parfaitement:
Les onglets sont pourtant bien espacés ..
Vous aviez bien mis comme ceci ?:
Et pour centrer, remplacez votre template par:
Edit NB: Pensez à rechanger vos INTITULES de catégories dans le template, j'ai mis les miennes =>
Les onglets sont pourtant bien espacés ..
Vous aviez bien mis comme ceci ?:
- Code:
.onglet {
display:inline-block;
margin-top:40px;
text-decoration:none;
cursor:pointer;
margin-right: 50px;
}
Et pour centrer, remplacez votre 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>
<div id="conteneur_onglets"><center>
<table><tr>
<td class="onglet"><div>xxx</div></td>
<td class="onglet"><div>xxx</div></td>
<td class="onglet"><div>aaaa</div></td>
<td class="onglet"><div>CCC</div></td>
<td class="onglet"><div>EEE</div></td>
</tr></table>
</center>
</div>
<div id="conteneur_categories">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="categorie">
<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="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</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}>
<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>
</td>
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</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" />
</div>
<!-- END tablefoot --><!-- END catrow -->
</div>
Edit NB: Pensez à rechanger vos INTITULES de catégories dans le template, j'ai mis les miennes =>
Re: [PHBB2] écriture des onglets tout coller
;o
Vriament un énorme Sa marche super bien!!!!
Je vous remercierai jamais assez
Vriament un énorme Sa marche super bien!!!!
Je vous remercierai jamais assez
Sujets similaires
» Avoir l'écriture en mode normale sur tout le forum,
» Je voudrais mettre les ècriture en blanc sur tout les titre des catégories
» catégories en onglets + onglets sur la droite
» Changer la couleur de l'écriture sans changer tout le forum
» Comment modifier la couleur des onglets du tableau à onglets ?
» Je voudrais mettre les ècriture en blanc sur tout les titre des catégories
» catégories en onglets + onglets sur la droite
» Changer la couleur de l'écriture sans changer tout le forum
» Comment modifier la couleur des onglets du tableau à onglets ?
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