Catégorie onglet Bouton_activeCatégorie onglet Bouton_hoverCatégorie onglet Fb-hoverCatégorie onglet Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Catégorie onglet EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Catégorie onglet EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Catégorie onglet EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Catégorie onglet EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Catégorie onglet EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Catégorie onglet EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Catégorie onglet EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Catégorie onglet EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

Partagez
 

Catégorie onglet

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://ruins-of-gundams.forumactif.com/index.htm
Kaséhi
Kaséhi
{ Membre }
{ Membre }

Masculin Messages : 17



Catégorie onglet Empty
Bonjour à tous,
Je viens vous poser une question qui me brule les lèvres...

J'aimerai que vous m'expliquez la partie modifiée dans le template pour obtenir ces onglet. J4ai cherché pendant 2h, mais j'ai pas trouvé....

Aussi, vous demandez de copier-coller le code. Or, chez moi, ce template est deja modifié à la base.. Alors, un volontaire pour m'expliquer? ^^

Merci d'avance!
MessageSujet: Catégorie onglet   Catégorie onglet EmptyLun 24 Mai 2010, 15:06
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Catégorie onglet Empty
    Bonjour,

    Pourrais-tu être plus précise s'il te plaît ? Je ne vois pas "ces onglets" donc je ne peux pas te répondre...
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyLun 24 Mai 2010, 15:40
Revenir en haut Aller en bas
http://ruins-of-gundams.forumactif.com/index.htm
Kaséhi
Kaséhi
{ Membre }
{ Membre }

Masculin Messages : 17



Catégorie onglet Empty
Bonjour! Merci tout d'abord de bien vouloir m'aider! ^^

Vous avez trouvé ce code dans ce topic d'aide du forum:

https://css-actif.forumactif.org/resolu-f18/de-nombreuses-questions-n_n-t2302.htm

Malheureusement, vous n'avez pas fait de tuto pour votre trouvaille... Ce qui m'aiderait c'est vraiment l'endroit où on pose ces onglets dans la template. Car je n'ai pas envie de virer le mien deja en cours... Je demande juste à comprendre un peu! =)

Merci de m'eclairer sur la voie.


Dernière édition par Kaséhi le Jeu 27 Mai 2010, 12:12, édité 1 fois
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyMar 25 Mai 2010, 12:10
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Catégorie onglet Empty
    Ah okay ! Bah alors là je suis désolée mais je ne saurais pas te dire, parce que je crois que Iowan a modifié le template de A à Z et ça serait sûrement trop compliqué de le rajouter à ton template actuel, bout à bout, en ne sachant pas ce qui est à supprimer =/


    Personnellement à ta place je copie/collerais le template de Iowan, et referais les modifications que tu as apportées sur ton template actuel, je pense que ce serait beaucoup plus simple.


    Sinon bah désolée, je ne peux pas t'aider ^^
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyMar 25 Mai 2010, 14:30
Revenir en haut Aller en bas
http://ruins-of-gundams.forumactif.com/index.htm
Kaséhi
Kaséhi
{ Membre }
{ Membre }

Masculin Messages : 17



Catégorie onglet Empty
Chaud...J'm'attendais pas à ce genre de réponse.... ^^"
Mais merci quand même.
A quoi ca sert de coder un truc si on n'y comprend rien? Autant détruire le script de son forum dans ce cas! xD
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyMar 25 Mai 2010, 15:43
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Catégorie onglet Empty
    Alors alors ^^
    J'ai fait mes petites recherches. D'après ce que j'ai vu, la première partie jusqu'au code
    Code:
    </table>
    (Le premier) n'a pas été modifiée. Wink Juste après la fin de la table, il a mis ce code :
    Code:
    <div class="my_cat"> <ul></ul> </div>
    Ainsi que celui-là :
    Code:
    <div class="my_cat_body">

    Tu rajoutes donc ces deux codes après la fin de la table =]

    La partie qui suit les codes que tu viens d'ajouter est la suivante :
    Spoiler:

    Et Iowan a remplacé cette partie-là :
    Spoiler:
    Par celle-ci :
    Spoiler:

    Tu as ensuite cette partie-là :
    Spoiler:

    Qu'il a complètement retirée.

    Nous avons ensuite forumrow :
    Spoiler:

    D'après ce que j'ai compris, forumrow est ce qui permet la mise en forme globale du forum. Voilà en comparaison celle de Iowan :

    Spoiler:

    Donc tu peux constater qu'il n'a gardé quasiment que les variables, et les class qu'il a lui-même inventées pour la mise en page =] (et qui sont customizable - j'invente des mots, on va dire que c'est la fatigue xD - via le css par les class qu'il a données.) Si tu veux tu peux changer \"Topics:\", \"Posts:\" et \"Dernier post:\" pour y mettre ce que tu veux ^^


    Vient ensuite ce code-là, que Iowan a supprimé :
    Spoiler:

    Et je t'avoue ne pas savoir ce que c'est o_o Elle est en relation avec cathead, mais je ne vois pas trop ce que c'est sur le forum =/... Parce que j'ai eu beau tenté de les supprimer sur mon forum test, rien n'a changé xD.

    Puis enfin le tablefoot, qui n'a subi aucune modification. N'oublie juste pas le
    Code:
    </div>
    final pour clôturer my_cat_body ^^


    Après je ne sais pas quels endroits du template tu as modifié. Si tu n'y arrives pas seule avec ma décortication, tu pourras me donner ton template et j'essaierai de t'aider ^^
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyMar 25 Mai 2010, 17:17
Revenir en haut Aller en bas
http://ruins-of-gundams.forumactif.com/index.htm
Kaséhi
Kaséhi
{ Membre }
{ Membre }

Masculin Messages : 17



Catégorie onglet Empty
Merci beaucoup pour l'explication! et d'avoir pris autant de temps pour décortiquer ce code...

Bien que j'ai tout fait à la lettre.. Ca me donne ceci:

http://a-comatic-production.forumactif.com/index.htm

Est-ce normal? Oo

Voici mon template... J'espère qu'il n'y a pas d'erreur (c'est mon forum test, j'ai pas osé le faire sur le vrai forum... Donc, j'ai pu le reinitialiser)

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 class="my_cat"> <ul></ul> </div><div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
   <!-- END tablehead -->
   
   <!-- BEGIN forumrow -->
         <tr>
        <td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
      </tr>
      <tr>
        <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
        <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
        <td class="my_stats" width="200" valign="top">
            Topics: {catrow.forumrow.TOPICS}

            Posts: {catrow.forumrow.POSTS}

            Dernier post: {catrow.forumrow.LAST_POST}

         
        </td>
      </tr>
   <!-- END forumrow -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow --></div>

Désolée d'être aussi boulet! >.<
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyJeu 27 Mai 2010, 12:11
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Catégorie onglet Empty
    Mdrrr t'inquiète t'es pas boulet xD Alors étant donné que j'ai bien tout fait aussi sur mon forum test, c'est que y a une couille dans ton potager...

    Essaie ça :

    Tu as bien mis le css et le code javascript dans overall_header_new ? Parce que j'ai eu beau farfouiller, j'ai trouvé aucune erreur dans ton template =/
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyJeu 27 Mai 2010, 16:03
Revenir en haut Aller en bas
http://ruins-of-gundams.forumactif.com/index.htm
Kaséhi
Kaséhi
{ Membre }
{ Membre }

Masculin Messages : 17



Catégorie onglet Empty
Non, j'ai mis dans Index_body... Car, les element y étaient pourtant...

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

Dans Overal_header_new, c'est surtout pour la bannière, la naviguation et la page d'index. Ca ne change pas les catégories en détail.

Enfin, c'est pas grave, je me renseignerai auprès d'un web designer! ^^
MErci quand même.
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyVen 28 Mai 2010, 12:23
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Catégorie onglet Empty
    Non mais il y a un script à rajouter dans overall_header_new pour que les catégories fonctionnent, si tu ne l'a pas mis il est parfaitement normal que tes catégories ne s'affichent pas, étant donné qu'il manque un bout du code. Il ne suffit pas de modifier index_body pour avoir les catégories, il faut aussi modifier le css et overall_header_new ! Relis bien le post de Iowan. =)
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyVen 28 Mai 2010, 17:21
Revenir en haut Aller en bas
Invité
Invité




Catégorie onglet Empty
Bonsoir,

Le problème est résolu ?
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyMer 02 Juin 2010, 13:55
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Catégorie onglet Empty
    Bonjour,

    Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu et je le déplace pour céder la place aux problèmes en cours.

    Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
MessageSujet: Re: Catégorie onglet   Catégorie onglet EmptyMar 08 Juin 2010, 15:38
Revenir en haut Aller en bas
Contenu sponsorisé




Catégorie onglet Empty
MessageSujet: Re: Catégorie onglet   Catégorie onglet Empty
Revenir en haut Aller en bas
 

Catégorie onglet

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Catégorie normal dans une catégorie onglet
» Catégorie en onglet bug
» Problème catégorie avec onglet
» Onglet du bas, catégorie. [TOUJOURS EN COURS]
» Problème installation catégorie en onglet

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit