Barre de navigation Bouton_activeBarre de navigation Bouton_hoverBarre de navigation Fb-hoverBarre de navigation 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
» Fiche de Présentation RPG
Barre de navigation EmptySam 30 Mar 2024, 22:07 par Peyton972

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

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

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

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

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

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

» Vos partenaires dans le footer
Barre de navigation EmptyMar 07 Fév 2023, 08:40 par Oxtran

-45%
Le deal à ne pas rater :
PC Portable LG Gram 17″ Intel Evo Core i7 32 Go /1 To
1099.99 € 1999.99 €
Voir le deal

Partagez
 

Barre de navigation

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Bonjour, bonjour

En cherchant un peu je suis tombée sur ce problème Ici
Les explications données par Thalie marchent très bien, et j'ai réussit à faire une barre de menu comme je le voulais.
Mon seul soucis, c'est comment faire pour avoir les liens qui apparaissent aux invités (Connexion, S'enregistrer). Parce que si je les rajoute directement dans le HTML, ils restent tout le temps, même quand on est connecté Oo
J'ai cherché, mais il ne me semble pas avoir trouvé de solution, merci d'avance pour votre aide Smack Smack
MessageSujet: Barre de navigation   Barre de navigation EmptyLun 14 Juin 2010, 10:13
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
Bonjour.

Code:
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>
C'est le code de base du menu. Tout les liens sont générés automatiquement, en fonction de si l'on est connecté ou non par la variable {GENERATED_NAV_BAR}. Cette variable ne doit donc pas être supprimer. Il faut simplement ajouter ce que bon te semble autour, et mettre en forme ce quel génère par du CSS.

Sinon il faudrait créer un programme pour reprendre ces liens. Un peut plus complexe que la première méthode.
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyLun 14 Juin 2010, 11:05
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Le problème c'est que lorsque je rajoute ce code, j'ai une 'double' barre, celle de base plus celle que j'ai crée avec le code donné par Thalie.
Comment je dois faire pour arriver à garder le code de la barre de base, et celui de sa version trafiquée? Oo
Parce que le code GENERATED_NAV_BAR il est dans le code, mais je ne vois pas trop à quoi il sert en fait, puisqu'une fois déconnecter, la barre reste la même que celle que j'ai lorsque je suis connectée Oo
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyLun 14 Juin 2010, 11:12
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
Complètement le même ?
Normalement la barre généré par la variable doit avoir les lien "s'enregistrer" et "connexion" à la place de "déconnexion".
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyLun 14 Juin 2010, 11:16
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
J'ai remplacé "déconnexion" par les deux autres, mais ça ne change rien. Connecté ou non, j'ai les onglets S'enregistrer et Connexion qui apparaissent Oo
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyLun 14 Juin 2010, 11:20
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
Pourrai tu mettre ici le code de ta barre de navigation ?
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyLun 14 Juin 2010, 14:32
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Bien sûr =)

Voilà mon Template:
Spoiler:

Et le CSS concernant la barre:
Spoiler:
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyLun 14 Juin 2010, 14:45
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}> {GENERATED_NAV_BAR}
</td>
              </tr>
            </table>

  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">
        <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" style="margin-top:-41px;">
              <tr>
                  <td align="{MENU_POSITION}" {MENU_NOWRAP}>
                    <a href="http://justatry.forumactif.org/forum.htm" class="barre1">Accueil</a>
                    <a href="http://justatry.forumactif.org/faq.htm" class="barre1"> F.A.Q </a>
                    <a href="http://justatry.forumactif.org/search.forum" class="barre1"> Recherche </a>
                    <a href="LIEN" class="barre1">Membres </a>
<a href="LIEN" class="barre1"> Groupes </a>
                  <!-- {GENERATED_NAV_BAR} --></td>
              </tr>
            </table> 
Tu as mit 2 fois le tableau de la barre de menu. Commence déjà par supprimer le premier. Et enlève autour de l'autre. Dis moi ce que ça donne. Avec un lien aussi si possible.

Après je ne comprend pas du tout l'intéré de ta manœuvre. Tu à remis tout les lien du menue. Pourquoi ? Le menu existe déjà avec {GENERATED_NAV_BAR}. Je vois vrenchement pas à quoi ça sert de le reproduire à l'identique pour être emmerdé avec les lien de connexion juste après.
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyLun 14 Juin 2010, 18:31
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Je sais que je l'ai deux fois la barre, j'ai fait ça parce qu'avec le code donné dans le lien que j'ai mis dans mon premier post, je ne peux plus me connecter à mon forum.
Bref, j'ai supprimé le premier et enlever le reste, mais ça ne change rien, je n'ai même plus de barre de navigation maintenant en fait Oo

J'ai remis les liens parce que c'est ce qui était dit dans le sujet en fait Oo Il fallait remplacé tous les liens pour pouvoir les avoir à la bonne place. Parce qu'en laissant le code tel quel en fait, ma barre de menu garde l'aspect de base, et moi j'aimerai qu'elle ressemble à celle de CSS actif en fait
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 04:29
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
Celle de CSSActif est construite celons cette méthode. :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">

<!-- Le menu normal -->
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}> {GENERATED_NAV_BAR}
</td>
              </tr>

<!-- Ajout de liens en plus dans une nouvelle ligne -->
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>
                      <a class="mainmenu" href="url1">Lien 1</a>
                      <a class="mainmenu" href="url2">Lien 2</a>
                      <a class="mainmenu" href="url3">Lien 3</a>
                      ..........
                  </td>
              </tr>
            </table>
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 09:04
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Niah avec ce code ça fonctionne *.*
Mais maintenant le soucis c'est que ma barre est mal placée, j'aimerais qu'elle se trouve au-dessus du contour du forum. Avec l'autre code j'avais réussit mais là, je dois touché le Css ou bien c'est dans le template qu'on peut régler la hauteur de la barre de menu?
J'aurais encore une question *mode chiante on* comment je fais pour mettre certains liens de navigation dans les partie d'en-dessous, comme par exemple le profil les messages et la partie déconnexion? Oo
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 09:14
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
C'est dans le template.
Code:
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
C'est cette ligne qui délimite le début du cadre du forum.
Il faut donc que tu place ton menu avant elle.

Je comprend pas bien la seconde question. Tu veux déplacer les lien de la première parre vers la seconde ?
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 09:17
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Ahum j'ai collé mon code juste avant celui là, et ça m'a tout déformé. Mon cadre a disparu et mon forum prend toute la largeur de la page du coup -__-
Je vais laisser tomber je crois parce que bon, je t'embête et au final j'arrive à rien T-T
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 09:23
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
Fait moi yen copi ce ce que tu as entre
Code:
<!-- END switch_logo_right -->

<!-- BEGIN switch_ticker -->

Tu teste ça sur un forum test ? Si possible donne moi le lien pour que je vois.
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 09:31
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">

<!-- Le menu normal -->
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}> {GENERATED_NAV_BAR}
</td>
              </tr>

<!-- Ajout de liens en plus dans une nouvelle ligne -->
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>
                      <a class="mainmenu" href="url1">Lien 1</a>
                      <a class="mainmenu" href="url2">Lien 2</a>
                      <a class="mainmenu" href="url3">Lien 3</a>
   
                  </td>
              </tr>
            </table>
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

            <div style="clear: both;"></div>


Ici
Merci pour ton aide en tout cas Smack Smack
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 09:50
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
Ok je vois. Avec le lien c'est plus facil.

Ya un </table> qui trainepar là, mais je sais pas trop où.
Redonne moi ton nouveau template en entier.

Je vais pas avoir le temps de le faire dessuite, mais regarderai ça dans la fin d'aprèm.
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 10:06
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Spoiler:

Pas de soucis. Merciii beaucoup <3
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 10:08
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
Je pense que ça devrait être ça.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   {META_FAVICO}
   {META}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->
   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->
   //]]>
   </script>

   {GREETING_POPUP}
   <!-- BEGIN hitskin_preview -->
   <style type="text/css">
   #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 65px;
      background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
      color: #fff;
   }
   * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
   }
   * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
   #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
   }
   #hitskin_preview h1 img {
      vertical-align: middle;
   }
   #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
   }
   #hitskin_preview a {
   color: #fff;
   }
   #hitskin_preview a:hover {
   text-decoration: underline;
   }

   #hitskin_preview .content {
      text-align: right;
   }
   #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
   }
   #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
   }
   body {
      margin-top: 40px !important;
   }
   {hitskin_preview.HITSKIN_RTL_CSS}
   </style>
   <!-- END hitskin_preview -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVAscript}
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <!-- END switch_logo_left -->

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}</span>
                  </td>
                  <!-- END switch_logo_center -->

                  <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DEscriptION}<br />&nbsp; </span>
                  </td>
                  <td>
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  </td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
      <!-- Le menu normal -->
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
      <!-- Ajout de liens supplémentaires dans une nouvelle ligne -->
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>
                     <a class="mainmenu" href="url1">Lien 1</a>
                     <a class="mainmenu" href="url2">Lien 2</a>
                     <a class="mainmenu" href="url3">Lien 3</a>
                  </td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 15:20
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Ca ne marche toujours pas, le fond va jusqu'en haut du forum silent
Arf c'est pas grave, je vais laisser comme c'était. Merci quand même pour ton aide Calins
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 15:39
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Barre de navigation Empty
Teste ça alors :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <!-- BEGIN meta_emulate_ie7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <!-- END meta_emulate_ie7 -->
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  {META_FAVICO}
  {META}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
  <!-- BEGIN switch_ticker -->
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <!-- END switch_ticker -->
  <script type="text/javascript">
  //<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
  <!-- END switch_login_popup -->
  //]]>
  </script>

  {GREETING_POPUP}
  <!-- BEGIN hitskin_preview -->
  <style type="text/css">
  #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 65px;
      background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
      color: #fff;
  }
  * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
  }
  * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
  #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
  }
  #hitskin_preview h1 img {
      vertical-align: middle;
  }
  #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
  }
  #hitskin_preview a {
  color: #fff;
  }
  #hitskin_preview a:hover {
  text-decoration: underline;
  }

  #hitskin_preview .content {
      text-align: right;
  }
  #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
  }
  #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
  }
  body {
      margin-top: 40px !important;
  }
  {hitskin_preview.HITSKIN_RTL_CSS}
  </style>
  <!-- END hitskin_preview -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
        <tr height="25">
            <td class="catLeft">
              <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
              <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                    <input type="submit" class="mainoption" value="{L_LOGIN}" />
                    <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
              </div>
              <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
        </tr>
      </table>
  </div>
  <!-- END switch_login_popup -->

  <a name="top"></a>
  {JAVAscript}
 
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr><td>

            <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <td align="center" width="100%" valign="middle">
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <!-- END switch_logo_left -->

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DEscriptION}</span>
                  </td>
                  <!-- END switch_logo_center -->

                  <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle">
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <td>
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  </td>
                  <!-- END switch_logo_right -->
              </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
      <!-- Le menu normal -->
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
      <!-- Ajout de liens supplémentaires dans une nouvelle ligne -->
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>
                    <a class="mainmenu" href="url1">Lien 1</a>
                    <a class="mainmenu" href="url2">Lien 2</a>
                    <a class="mainmenu" href="url3">Lien 3</a>
                  </td>
              </tr>
            </table>
      </td></tr>
   </table>      
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">
            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                    <tbody>
                        <tr>
                          <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                <!-- BEGIN giefmod_index1 -->
                                {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                <!-- END giefmod_index1 -->
                              </div>
                          </td>
                          <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                        </tr>
                    </tbody>
                  </table>
              </div>
            </div>
        </td>
      </tr>
  </table>
</body>
</html>
<!-- END html_validation -->

Wink
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMar 15 Juin 2010, 17:54
Revenir en haut Aller en bas
http://devil-tears.forumactif.org/
OceanSoul
OceanSoul
{ Membre }
{ Membre }

Féminin Messages : 137



Barre de navigation Empty
Ca ne change rien Oo
NIah j'abandonne, tant pis.
C'est gentil à toi d'avoir bien voulu m'aider en tout cas I love you
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyJeu 17 Juin 2010, 11:26
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Barre de navigation Empty
Bonjour ^^

Je peux classer le sujet ? ^^
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyMer 23 Juin 2010, 10:24
Revenir en haut Aller en bas
Invité
Invité




Barre de navigation Empty
    Bonjour,

    Aucune relance de la part du créateur du sujet ! Je considère donc ce problème comme étant résolu.

    Je déplace dans les problèmes résolus.
    Si vous avez d'autres questions, merci d'ouvrir un nouveau topic en respectant les règles de l'entraide.
MessageSujet: Re: Barre de navigation   Barre de navigation EmptyDim 27 Juin 2010, 10:30
Revenir en haut Aller en bas
Contenu sponsorisé




Barre de navigation Empty
MessageSujet: Re: Barre de navigation   Barre de navigation Empty
Revenir en haut Aller en bas
 

Barre de navigation

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

 Sujets similaires

-
» Aide pour ma barre de navigation ( effet barre menu horinzontal )
» <Navigation> Barre de navigation fixée en haut de la fenêtre
» Barre de Navigation
» Barre de navigation.
» 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-

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 | Forum gratuit | Informatique et Internet | Internet