[PHBB2] écriture des onglets tout coller

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

Résolu [PHBB2] écriture des onglets tout coller

Message par olili.vil le Ven 27 Avr 2012 - 16:11

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!


Dernière édition par olili.vil le Ven 27 Avr 2012 - 19:15, édité 1 fois

olili.vil
Nouveau membre

Messages : 29
Inscrit(e) le : 27/04/2012

http://elysia-pensionnat.monfofo.net
olili.vil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [PHBB2] écriture des onglets tout coller

Message par Anzu le Ven 27 Avr 2012 - 18:00

Bonjour et Bienvenue
sur le Forum des Forums ForumActif
Vu que vous êtes nouveau, voici quelques sujets importants :
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 Wink

Bonsoir,

Il me faudrait le lien du forum concerné et votre css modifiée.

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [PHBB2] écriture des onglets tout coller

Message par olili.vil le Ven 27 Avr 2012 - 18:05

Okay pas de souci ::

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

olili.vil
Nouveau membre

Messages : 29
Inscrit(e) le : 27/04/2012

http://elysia-pensionnat.monfofo.net
olili.vil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [PHBB2] écriture des onglets tout coller

Message par Anzu le Ven 27 Avr 2012 - 18:11


Rajoutez ceci:

Code:
margin-right: 50px;
(j'ai mis 50px, à tester sur votre forum)

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [PHBB2] écriture des onglets tout coller

Message par olili.vil le Ven 27 Avr 2012 - 18:17

: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

olili.vil
Nouveau membre

Messages : 29
Inscrit(e) le : 27/04/2012

http://elysia-pensionnat.monfofo.net
olili.vil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [PHBB2] écriture des onglets tout coller

Message par Anzu le Ven 27 Avr 2012 - 18:25


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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [PHBB2] écriture des onglets tout coller

Message par olili.vil le Ven 27 Avr 2012 - 18:30

Envoyé....

:O Peut -être est-ce mon template qui n'est pas bon ....

olili.vil
Nouveau membre

Messages : 29
Inscrit(e) le : 27/04/2012

http://elysia-pensionnat.monfofo.net
olili.vil a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [PHBB2] écriture des onglets tout coller

Message par Anzu le Ven 27 Avr 2012 - 18:37

Pour le code que je vous ai donné, cela marche parfaitement:


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

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [PHBB2] écriture des onglets tout coller

Message par olili.vil le Ven 27 Avr 2012 - 19:14

;o

Vriament un énorme merci Sa marche super bien!!!!

Je vous remercierai jamais assez Wink


olili.vil
Nouveau membre

Messages : 29
Inscrit(e) le : 27/04/2012

http://elysia-pensionnat.monfofo.net
olili.vil 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