Menu en dessous de la barre de navigation et au dessus des pubs Bouton_activeMenu en dessous de la barre de navigation et au dessus des pubs Bouton_hoverMenu en dessous de la barre de navigation et au dessus des pubs Fb-hoverMenu en dessous de la barre de navigation et au dessus des pubs 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
Menu en dessous de la barre de navigation et au dessus des pubs EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Menu en dessous de la barre de navigation et au dessus des pubs EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Menu en dessous de la barre de navigation et au dessus des pubs EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Menu en dessous de la barre de navigation et au dessus des pubs EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Menu en dessous de la barre de navigation et au dessus des pubs EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Menu en dessous de la barre de navigation et au dessus des pubs EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Menu en dessous de la barre de navigation et au dessus des pubs EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Pokémon EV06 : où acheter le Bundle Lot ...
Voir le deal

Partagez
 

Menu en dessous de la barre de navigation et au dessus des pubs

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Re-bonsoir (aa)
Voilà mon nouveau problème;
J'aimerais bien faire un menu comme sur ce forum, juste en dessous de la barre de navigation et au dessus des pub avec le gros bord arrondi. Mais je n'arrive pas du tout à faire ceci. Je sais qu'il faut poster dans le template overall_header_new, mais c'est tout. Après je ne sais pas où exactement, et pour le reste non plus.
Merci de m'aider Smile
MessageSujet: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyMer 20 Jan 2010, 18:52
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Coucou miss, j'ai une grand nouvelle pour toi, j'ai trouver comment fait, cependant pour que tu le sache il vas falloir que tu attend un peu que je te rédige une explication potable parce que ce n'est pas super super simple. Enfin une fois qu'on a compris si mais bon ...
Je te demande donc un peu de patience Very Happy
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 13:32
Revenir en haut Aller en bas
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Ohhhh merciiii Smile
Décidément tu es ma sauveuse Smile
J'attends patiemment t'inquiètes pas!
Et merci ♥️
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 13:49
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Ben finalement ca a été plus rapide que prevu lol. J'espère juste que tu vas comprendre.

Voilà, donc tu avait raison c’est bien dans le template overall_header_new qu’il faut travailler, mais aussi avec le css.

Mais bon, commencons par le commencement.
Tu voulait faire une grosse bordure à ton forum, tu met donc dans ton css :
Code:

.bodyline{
-moz-border-radius:20px; /*si tu veux qu’il soit arrondis*/
border: ?px solid # ?; /* ici tu connais surement, c’est la largeur de la bordure, le type et la couleur*/
}

Voilà tu as une bordure épaisse.

Maintenant pour les liensau dessus et en dessous de cette bordureil faut que tu remplace dans ton template :
Code:
 <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

Par :
Code:
             <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" style="margin-top:-59px;">
               <tr>
                  <td align="{MENU_POSITION}" {MENU_NOWRAP}>
                     <a href="LIEN" class="barre1">INTITULE</a>
                     <a href="LIEN" class="barre1"> INTITULE </a>
                     <a href="LIEN" class="barre1"> INTITULE </a>
                     <a href="LIEN" class="barre1"> INTITULE </a>
                  <!-- {GENERATED_NAV_BAR} --></td>
               </tr>
            </table>
            
            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}" style="margin-top:-31px;">
               <tr>
                  <td align="{MENU_POSITION}" {MENU_NOWRAP}>
                     <a href="LIEN" class="barre2"> INTITULE </a>
                     <a href="LIEN" class="barre2"> INTITULE </a>
                     <a href="LIEN" class="barre2"> INTITULE </a>
                     <a href="LIEN" class="barre2"> INTITULE </a>
                  </td>
               </tr>
            </table>

Bon alors quelques explication maintenant.
Tu peut voir que j’ai appliquer des marge négative pour les deux tableau, suivant ce que tu fait tu devra peut être les changer des quelques pixels. Après avec ce système là la barre classique que l’on peut faire via photoshop ou photofiltre ne sert plus à rien, puisque là tu fait tout en html et css.
La margin-top négatif veut dire que plus c’est haut dans le négatif plus ton texte sera haut. J’espère que tu arrive à comprendre.
A Tout moment si tu veux revenir à la barre de base (celle qu’on fait avec tophop ou tophiltre) il te suffit de remplacer :
Code:
 <a href="LIEN" class="barre2"> INTITULE </a>
                     <a href="LIEN" class="barre2"> INTITULE </a>
                     <a href="LIEN" class="barre2"> INTITULE </a>
                     <a href="LIEN" class="barre2"> INTITULE </a>
 

Par
Code:
 {GENERATED_NAV_BAR}


Voilà on passe maintenant au CSS.
Code:
 
.barre1{ /*celle du haut*/
-moz-border-radius-topleft:10px; /*arrondis en haut*/
-moz-border-radius-topright:10px;
background-color: #?;
border: ?px solid #?; /*bordure*/
padding-left:2px; /*espacement a l’intérieur les bordures*/
padding-right:2px;
margin-right:2px; /*espacement entre les lien*/
}

.barre2{ /*celle du bas*/
-moz-border-radius-topleft:10px; /*arrondis en bas*/
-moz-border-radius-topright:10px;
background-color: #?;
border: ?px solid #?; /*bordure*/
padding-left:2px; /*espacement a l’intérieur les bordures*/
padding-right:2px;
margin-right:2px; /*espacement entre les lien*/
}
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 14:03
Revenir en haut Aller en bas
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Meeerci Smile
Mais ca ne fonctionne pas regarde ce que ça me fait ...
Spoiler:
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 14:40
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Lol oué c'est normal, j'ai oublier de te donner un truc sorry.
A mettre dans ton css.

Code:
.bodylinewidth {
margin-top:500px;
}

Après faut peut être régler la distance, a voir sur ton forum.
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 18:04
Revenir en haut Aller en bas
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Merci lol.
Mais je n'arrive pas du tout à remettre comme il fallait!
Ca donne pas bien du tout =$
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 19:19
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Roooo mince alors, c'est quoi qui vas pas ?
C'est tout nouveau pour moi aussi alors faut que j'y travail lol.
Tu peut me passer le lien de ton forum.
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 19:21
Revenir en haut Aller en bas
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
En fait le code que tu viens de me donner, ma décaler mon fofo vers le bas lol
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 19:41
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Menu en dessous de la barre de navigation et au dessus des pubs Empty
ok et si tu essaye en enlevant ton image transparente ?
Parce que moi en faite j'ai essayer sur mon forum mais ya pas d'image transparente ....
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 19:42
Revenir en haut Aller en bas
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Ah bha vouiii attend ca marche.
Mais maintenant comme fait-on pour quand pouvoir cliquez sur le header ?
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 19:50
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Faut encore que j'y reflechise
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 19:54
Revenir en haut Aller en bas
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
D'accord Smile
Ensuite je les retrouve où les liens à reporter ?
Genre s'enregistrer et tout ?
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 19:57
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Menu en dessous de la barre de navigation et au dessus des pubs Empty
lol il aurais fallu les prendre avant, mais c'est pas grave on peut rectifié. Met ce code au dessus des deux autres, recupère les lien et enlève le.

Code:
 <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 20:05
Revenir en haut Aller en bas
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Lol.
J'ai tout abandonné ...
Je m'embrouille. Donc j'ai fais simple!
Désolée de t'avoir embêtée quand même
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 20:22
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Ben c'est bête tu était bien partie.
Enfin c'est pas grave, j'essayerai de poster un tuto un peu plus clair ^^
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 20:24
Revenir en haut Aller en bas
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Mdrr Smile
Merci quand même franchement! ♥️
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 20:30
Revenir en haut Aller en bas
http://ny-university.superforum.fr/
Thalie
Thalie
{ Membre actif }
{ Membre actif }

Féminin Messages : 317



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Ben je suis désolé de ne pas avoir pu t'aider plus que ça.
Enfin je classe ?
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 20:33
Revenir en haut Aller en bas
http://oth-season7.forumactif.org/forum.htm
Poulette ♥
Poulette ♥
{ Membre }
{ Membre }

Féminin Messages : 46



Menu en dessous de la barre de navigation et au dessus des pubs Empty
Oui tu peux !
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs EmptyJeu 21 Jan 2010, 20:49
Revenir en haut Aller en bas
Contenu sponsorisé




Menu en dessous de la barre de navigation et au dessus des pubs Empty
MessageSujet: Re: Menu en dessous de la barre de navigation et au dessus des pubs   Menu en dessous de la barre de navigation et au dessus des pubs Empty
Revenir en haut Aller en bas
 

Menu en dessous de la barre de navigation et au dessus des pubs

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 )
» barre de navigation au dessus du header, problème d'emplacement...
» Barre de Navigation au dessus de la Bannière
» Mettre une image entre le menu et les pubs.
» Problème barre de navigation fixée au dessus de la bannière.

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