Barre de navigation + PA avec onglets Bouton_activeBarre de navigation + PA avec onglets Bouton_hoverBarre de navigation + PA avec onglets Fb-hoverBarre de navigation + PA avec onglets Fb-active
AccueilForumÉquipe 
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
Barre de navigation + PA avec onglets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Barre de navigation + PA avec onglets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Barre de navigation + PA avec onglets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Barre de navigation + PA avec onglets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Barre de navigation + PA avec onglets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Barre de navigation + PA avec onglets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Barre de navigation + PA avec onglets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Barre de navigation + PA avec onglets EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment :
SSD interne Crucial BX500 2,5″ SATA – 500 ...
Voir le deal
29.99 €

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

Barre de navigation + PA avec onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://ferverdasco.over-blog.net
alba
{ Membre }
{ Membre }

Féminin Messages : 12



Barre de navigation + PA avec onglets Empty
Bonjour :cyclops:

J'ai en fait beaucoup de questions, j'espère que je vais réussir à me faire comprendre :geek: Je ne sais pas si je dois ouvrir un sujet pour chaque question vu qu'elles sont relativement différente, je m'en excuse Embarassed

  • Est-il possible de changer la forme de la barre de navigation, par exemple si dans le header on a une image en forme d'arcade, que les liens "accueil, FAQ ..." etc ... suivent la forme de la courbe? :?:

  • Est-ce que l'on peut enlever les lignes de contours de la news tout en gardant celles des catégories sachant qu'elles sont toutes reliées à .forumline?

  • Je sais qu'il y a beaucoup de sujets sur comment appliquer le système d'onglets aux catégories mais je ne comprends pas vraiment comment par exemple faire un tableau avec quelques onglets dans ma news.
    (peut-être que je dois demander un tuto confused )

  • Les liens de mes sous forums sont sous forme d'onglets cependant, quand on fait ce genre de modification on n'a plus la petite image qui prévient qu'il y a un nouveau message dans une sous catégories du forum et j'ai remarqué que ca handicapait beaucoup mes membres car ils ne vont plus vraiment dans toutes les sous-sections.

    Donc j'ai pensé à quelque chose mais là encore je ne vois pas du tout comment faire vu mon niveau scratch

    Est-ce qu'il serait possible de créér une colonne qui s'appellerait par exemple sous forums, par exemple se servir de la colonne messages ou sujets que l'on renommerait sous forum, et y afficher les uns en dessous des autres les sous forums avec leur petite image devant :?:



Je suis désolée si ce n'est pas clair Embarassed Embarassed Embarassed
MessageSujet: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyLun 02 Aoû 2010, 13:22
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Barre de navigation + PA avec onglets Empty
    Bonjour !

    Alors pour ta 1ère question, je ne vois qu'une seule solution... utiliser des images que tu ferais courbées pour qu'elles suivent le header.

    Pour ta deuxième question, il suffit que tu remplaces dans le template la class forumline attribuée à la variable de la news, et que tu la personnalises toi-même dans le css.

    Pour ta 3ème question, .Little Lady a fait un tutoriel, il est sur le forum.

    Pour ta dernière question, c'est possible, c'est ce que j'ai fait pour mon forum... =) Mais c'est un simple déplacement et le désavantage pour que ça ne fasse pas bordélique, c'est de mettre ce code-là avant chaque sous-forums :

    Code:
    <br />

    Donc si tu as un code du genre border-bottom sur tes forumlinks ça fera absolument hideux... Il faut le savoir =/
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyLun 02 Aoû 2010, 14:30
Revenir en haut Aller en bas
http://ferverdasco.over-blog.net
alba
{ Membre }
{ Membre }

Féminin Messages : 12



Barre de navigation + PA avec onglets Empty
Merci beaucoup Kaiji Calins

Je pense que je vais abandonner la barre de navigation ca dépasse mes compétences Rire

Est-ce que tu pourrais m'expliquer quelle partie de mon template je dois remplacer/déplacer pour faire ma colonne sous-forums et comment y mettre les liens des sous sections :?:
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyLun 02 Aoû 2010, 15:02
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Barre de navigation + PA avec onglets Empty
    Ouh faut que j'retrouve ça dans mon bordel !! mdr
    Le soucis c'est que moi j'ai pas "créé" une nouvelle colonne, j'ai remplacé "derniers messages" par les sous-forums. A toi de voir où tu mets des derniers messages etc avant sinon t'en as plus... =S
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyLun 02 Aoû 2010, 15:05
Revenir en haut Aller en bas
http://ferverdasco.over-blog.net
alba
{ Membre }
{ Membre }

Féminin Messages : 12



Barre de navigation + PA avec onglets Empty
LOL Rire

Non en fait je voudrais garder la colonne derniers messages et au lieu d'avoir messages et sujets que j'ai mis dans la description des catégories, je voudrais utiliser la place d'une des deux colonnes qu'il y avait à la base (bon je l'ai enlevé mais ca doit pouvoir se remettre 🐷 ) pour faire cette nouvelle colonne qui n'en sera pas vraiment une 👅
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyLun 02 Aoû 2010, 15:10
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Barre de navigation + PA avec onglets Empty
    Oulala *keuf* Tu peux me passer ton template ? Je vais avoir à (beaucoup) bidouiller xD.

    J'te fais ça dès que j'me suis rempli l'estomac : impossible de bosser le ventre vide.
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyLun 02 Aoû 2010, 15:12
Revenir en haut Aller en bas
http://ferverdasco.over-blog.net
alba
{ Membre }
{ Membre }

Féminin Messages : 12



Barre de navigation + PA avec onglets Empty
Super merci, le voilà.

j'ai réussi à faire la colonne sous-forum mais elle contient encore le nombre de sujets Smile

Spoiler:
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyLun 02 Aoû 2010, 15:25
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Barre de navigation + PA avec onglets Empty
    Bon alors déjà, désolée pour le temps de réponse ^^'

    J'l'ai fait sans utiliser ton template alors dis-moi si tu l'avais déjà modifié avant, sinon t'as plus qu'à copier/coller le mien =)

    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;">Sous-forums</div></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">
            <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                <span class="forumlink">
                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
                </span>
            </h{catrow.forumrow.LEVEL}></td><td class="gensmall">{catrow.forumrow.POSTS} messages & {catrow.forumrow.TOPICS} sujets</td></tr></tbody></table>

            <span class="genmed"><br />{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 -->
            </span>
          </td>
          <!-- BEGIN forum_link_no -->
          <td class="row3" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
          </td>
          <td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </td>
          <!-- 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 -->

    Le rendu sur mon forum test :

    http://kdr-rpg.forumactif.fr/index.htm

    Tu peux modifier la largeur de la colonne ici :

    Code:
          <th nowrap="nowrap" width="150"><div style="width:150px;">Sous-forums</div></th>

    En modifiant la valeur de "width". L'inconvénient c'est que ton forum doit obligatoirement avoir une certaine largeur avec ça =/
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyMer 04 Aoû 2010, 04:58
Revenir en haut Aller en bas
http://ferverdasco.over-blog.net
alba
{ Membre }
{ Membre }

Féminin Messages : 12



Barre de navigation + PA avec onglets Empty
Super, merci beaucoup ca marche.

Résolu Smile
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyMer 04 Aoû 2010, 06:21
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Barre de navigation + PA avec onglets Empty
    Je classe ^^
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets EmptyMer 04 Aoû 2010, 07:55
Revenir en haut Aller en bas
Contenu sponsorisé




Barre de navigation + PA avec onglets Empty
MessageSujet: Re: Barre de navigation + PA avec onglets   Barre de navigation + PA avec onglets Empty
Revenir en haut Aller en bas
 

Barre de navigation + PA avec onglets

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

 Sujets similaires

-
» Problème avec ma Barre de Navigation
» Problème avec ma barre de navigation.
» Probléme de position avec ma Barre de Navigation.
» Barre de navigation avec menu déroulant intégré
» [RESOLU] Soucis avec le tuto d'Hiro sur la barre de navigation

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-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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