La Desproduction
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
Blue Lock : où acheter le Tome 22 ...
Voir le deal
12 €

Partagez | 
 

 Barre de navigation au dessus de la bannière

Voir le sujet précédent Voir le sujet suivant Aller en bas 
~ Auteur ~~ Message ~
Na'Ya
Psykokwak !
Na'Ya

Psykokwak !
Messages : 2314
Date d'inscription : 10/06/2009
Age : 32

Barre de navigation au dessus de la bannière Vide
Jeu 1 Juil - 12:33
Mettre la barre de navigation au dessus de la bannière

Allez dans votre PA -> Affichage -> Templates -> général -> OVERALL_HEADER_NEW, trouvez ceci :

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

Coupez-le et coller-le juste après ceci :
Code:
<!-- END switch_login_popup -->

Et voilà ~
Revenir en haut Aller en bas
Invité
avatar

Invité

Barre de navigation au dessus de la bannière Vide
Sam 20 Nov - 15:07
coucou j 'ai un souci j ai utiliser ton code et ma barre de navigation se retrouve coller a ma bannière .


http://ruikaru-disigntest.forumactif.org/


Barre de navigation au dessus de la bannière Sans_t14


comment on fait pour baisser la bannière ou remonter la barre de navigation ?

merci
Revenir en haut Aller en bas
Na'Ya
Psykokwak !
Na'Ya

Psykokwak !
Messages : 2314
Date d'inscription : 10/06/2009
Age : 32

Barre de navigation au dessus de la bannière Vide
Sam 20 Nov - 15:59
Essaie ça :

Dans ton CSS, rajoute ceci pour la barre de navigation ( a.mainmenu ) :

Code:
margin-bottom : 15px;
Revenir en haut Aller en bas
Invité
avatar

Invité

Barre de navigation au dessus de la bannière Vide
Dim 21 Nov - 11:59
sa ne fonctionne pas voila mon code CSS si tu trouve ou est le probleme
Code:
body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 2px solid;border-color:#4f0a0a;text-decoration: none;
-moz-border-radius:6px;}

I{border-bottom:none; color:#8C4608;text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #d79a08;
border-left: 9px solid #d79a08;
border-right: 9px solid #d79a08;
-moz-border-radius:6px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.quote{
font-family: Tahoma;
font-size: 12px;
color: #802525;
line-height: 125%;
background-color: #FCD972;
border: #FCD972;
border-style: solid;
border: 1px #FCD972;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #802525;
background-color: #FCD972;
border: #FCD972;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #FCD972;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}



td.row1{
background-image: url("http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png");
}
td.row2{
background-image: url("http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png");
}
td.row3{
background-image: url("http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png");
}

td.row3Right{background-image : url(http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png);}

a {font-variant: small-caps;}
.forumline{-moz-border-radius:6px;}
.bodyline {-moz-border-radius:20px;}

.forumline{
background-color: #ffb369;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #ffb369 solid;
border-top: 1px #ffb369 dotted;
border-right: 1px #ffb369 dotted;
border-left: 1px #ffb369 dotted;}


.statistiques{
border:0px;
background-image: url("http://img713.imageshack.us/img713/9748/sanstitre4wv.png");
background-repeat: no-repeat;
background-position: center;
height:375px;}

.groupes{
background-color:#;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}
a.mainmenu{
        background-color: #cbda35;
  background-image: url("http://www.texturesweb.fr/images/orange_c_040.jpg");
      font-family: Arial;
        text-decoration: none;
        font-size: 10px;
        color: #2f2d2d;
        padding: 3px;
        border: solid 2px #b0310a;
        -moz-border-radius:30px;
        padding-right: 10px
}

a.mainmenu:hover {
        text-decoration: none;
        font-size: 10px;
        color: #0f0f0f;
        border-left: 0px ;
        background-color: #b0310a;
        background-image :  url("http://www.texturesweb.fr/images/orange_c_040.jpg");
        border-left: solid 6px #b0310a;
        border-right: solid 6px #b0310a;
        -moz-border-radius:30px;
        margin-bottom : 15px;
        padding-right: 10px;

}
Revenir en haut Aller en bas
Ovi
membre
Ovi

membre
Messages : 705
Date d'inscription : 14/08/2010
Age : 25
Localisation : Casablanca, Maroc

Barre de navigation au dessus de la bannière Vide
Lun 22 Nov - 21:34
Je me permets de m'inscruter même si je ne suis pas encore officiellement codeur:

Ben la gaffe que t'as foutu, c'est que la ligne que Nya t'a demandé d'ajouter est seulement dans a.mainmenu hover et pas a.mainmenu ^^

Si tu veux corriger ta faute, trouve ceci:

Code:
a.mainmenu{
        background-color: #cbda35;
  background-image: url("http://www.texturesweb.fr/images/orange_c_040.jpg");
      font-family: Arial;
        text-decoration: none;
        font-size: 10px;
        color: #2f2d2d;
        padding: 3px;
        border: solid 2px #b0310a;
        -moz-border-radius:30px;
        padding-right: 10px
}

et ajoute ceci:

Code:
margin-bottom: $valeur px;

Pense à modifier $valeur pas une valeur en pixels. Ou alors mets 15 px comme l'a proposé Nya-Nya Barre de navigation au dessus de la bannière 97728
Revenir en haut Aller en bas
Invité
avatar

Invité

Barre de navigation au dessus de la bannière Vide
Mar 23 Nov - 9:48
désolé de venir casser les pieds encore une fois mais j 'ai fait comme tu ma dit j 'ai crrigé et toujours rien Barre de navigation au dessus de la bannière 790173 Barre de navigation au dessus de la bannière 497102 je remet mon code

Code:
body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 2px solid;border-color:#4f0a0a;text-decoration: none;
-moz-border-radius:6px;}

I{border-bottom:none; color:#8C4608;text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #d79a08;
border-left: 9px solid #d79a08;
border-right: 9px solid #d79a08;
-moz-border-radius:6px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.quote{
font-family: Tahoma;
font-size: 12px;
color: #802525;
line-height: 125%;
background-color: #FCD972;
border: #FCD972;
border-style: solid;
border: 1px #FCD972;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #802525;
background-color: #FCD972;
border: #FCD972;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #FCD972;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}



td.row1{
background-image: url("http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png");
}
td.row2{
background-image: url("http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png");
}
td.row3{
background-image: url("http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png");
}

td.row3Right{background-image : url(http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png);}

a {font-variant: small-caps;}
.forumline{-moz-border-radius:6px;}
.bodyline {-moz-border-radius:20px;}

.forumline{
background-color: #ffb369;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #ffb369 solid;
border-top: 1px #ffb369 dotted;
border-right: 1px #ffb369 dotted;
border-left: 1px #ffb369 dotted;}


.statistiques{
border:0px;
background-image: url("http://img713.imageshack.us/img713/9748/sanstitre4wv.png");
background-repeat: no-repeat;
background-position: center;
height:375px;}

.groupes{
background-color:#;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}

a.mainmenu{
        background-color: #cbda35;
        background-image: url("http://www.texturesweb.fr/images/orange_c_040.jpg");
        font-family: Arial;
        text-decoration: none;
        font-size: 10px;
        color: #2f2d2d;
        padding: 3px;
        border: solid 2px #b0310a;
        -moz-border-radius:30px;
        padding-right: 10px
        margin-bottom: 15px;
}

a.mainmenu:hover {
        text-decoration: none;
        font-size: 10px;
        color: #0f0f0f;
        border-left: 0px ;
        background-color: #b0310a;
        background-image :  url("http://www.texturesweb.fr/images/orange_c_040.jpg");
        border-left: solid 6px #b0310a;
        border-right: solid 6px #b0310a;
        -moz-border-radius:30px;
        padding-right: 10px;

}
Revenir en haut Aller en bas
Na'Ya
Psykokwak !
Na'Ya

Psykokwak !
Messages : 2314
Date d'inscription : 10/06/2009
Age : 32

Barre de navigation au dessus de la bannière Vide
Mar 23 Nov - 17:49
Il manque un ";" au padding-right, juste au dessus.
Citation :

a.mainmenu{
background-color: #cbda35;
background-image: url("http://www.texturesweb.fr/images/orange_c_040.jpg");
font-family: Arial;
text-decoration: none;
font-size: 10px;
color: #2f2d2d;
padding: 3px;
border: solid 2px #b0310a;
-moz-border-radius:30px;
padding-right: 10px;
margin-bottom: 15px;
}

( On va y arriver, on va y arriver ! \o/ )
Revenir en haut Aller en bas
Invité
avatar

Invité

Barre de navigation au dessus de la bannière Vide
Mar 23 Nov - 18:30
Barre de navigation au dessus de la bannière 497102 toujours pas Barre de navigation au dessus de la bannière 404483

http://ruikaru-disigntest.forumactif.org/index.htm

Code:
body { cursor: crosshair }
a:hover { cursor:ne-resize; }

u{border-bottom: 2px solid;border-color:#4f0a0a;text-decoration: none;
-moz-border-radius:6px;}

I{border-bottom:none; color:#8C4608;text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #d79a08;
border-left: 9px solid #d79a08;
border-right: 9px solid #d79a08;
-moz-border-radius:6px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.quote{
font-family: Tahoma;
font-size: 12px;
color: #802525;
line-height: 125%;
background-color: #FCD972;
border: #FCD972;
border-style: solid;
border: 1px #FCD972;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #802525;
background-color: #FCD972;
border: #FCD972;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #FCD972;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}



td.row1{
background-image: url("http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png");
}
td.row2{
background-image: url("http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png");
}
td.row3{
background-image: url("http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png");
}

td.row3Right{background-image : url(http://i60.servimg.com/u/f60/15/80/75/40/rouge_10.png);}

a {font-variant: small-caps;}
.forumline{-moz-border-radius:6px;}
.bodyline {-moz-border-radius:20px;}

.forumline{
background-color: #ffb369;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 6px #ffb369 solid;
border-top: 1px #ffb369 dotted;
border-right: 1px #ffb369 dotted;
border-left: 1px #ffb369 dotted;}


.statistiques{
border:0px;
background-image: url("http://img713.imageshack.us/img713/9748/sanstitre4wv.png");
background-repeat: no-repeat;
background-position: center;
height:375px;}

.groupes{
background-color:#;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:15px;
font-weight: bold;
text-align:center;
text-decoration: none !important;}

a.mainmenu{
        background-color: #cbda35;
        background-image: url("http://www.texturesweb.fr/images/orange_c_040.jpg");
        font-family: Arial;
        text-decoration: none;
        font-size: 10px;
        color: #2f2d2d;
        padding: 3px;
        border: solid 2px #b0310a;
        -moz-border-radius:30px;
        padding-right: 10px;
        margin-bottom: 15px;
}

a.mainmenu:hover {
        text-decoration: none;
        font-size: 10px;
        color: #0f0f0f;
        border-left: 0px ;
        background-color: #b0310a;
        background-image :  url("http://www.texturesweb.fr/images/orange_c_040.jpg");
        border-left: solid 6px #b0310a;
        border-right: solid 6px #b0310a;
        -moz-border-radius:30px;
        padding-right: 10px;

}
Revenir en haut Aller en bas
Na'Ya
Psykokwak !
Na'Ya

Psykokwak !
Messages : 2314
Date d'inscription : 10/06/2009
Age : 32

Barre de navigation au dessus de la bannière Vide
Mar 23 Nov - 18:59
Aah, je crois savoir pourquoi. ._.
J'avais lu qu'il était impossible/interdit de changer la marge entre la barre de navigation et les pubs ( même si là on l'a bouger de place normalement en dessous y'a les pubs ^^ ), parce qu'on peut pas toucher aux pubs, un truc dans le genre.

Donc on va bouger la bannière, du coup.

Rajoute ça :

Code:
#i_logo
{
margin-top : 15px;
}


Je fais au pif, à vrai dire, donc pas sûr que ça marche... ._.
Revenir en haut Aller en bas
Invité
avatar

Invité

Barre de navigation au dessus de la bannière Vide
Mar 23 Nov - 19:09
toujours rien on va y arrivé Barre de navigation au dessus de la bannière 428614
Revenir en haut Aller en bas
Na'Ya
Psykokwak !
Na'Ya

Psykokwak !
Messages : 2314
Date d'inscription : 10/06/2009
Age : 32

Barre de navigation au dessus de la bannière Vide
Mar 23 Nov - 19:56
Là c'est bizarre, j'viens d'essayer sur un de mes forums-test et ça marche, pourtant !
Revenir en haut Aller en bas
Invité
avatar

Invité

Barre de navigation au dessus de la bannière Vide
Mar 23 Nov - 20:00
peut etre le template je vais re verifier


EDIT : Barre de navigation au dessus de la bannière Th_118_en touchant au template j 'ai fait encore plus de dégât Barre de navigation au dessus de la bannière 33c4b951plus de la moitier de la bare de navigation a disparut le seul bon coté c est que la barre n est plus dans la baniere
Revenir en haut Aller en bas
Ovi
membre
Ovi

membre
Messages : 705
Date d'inscription : 14/08/2010
Age : 25
Localisation : Casablanca, Maroc

Barre de navigation au dessus de la bannière Vide
Mar 23 Nov - 22:54
Hébé dis-donc, t'as fait une grosse gaffe, t'as touché au code des boutons...

Recrée un fow' test et reprend son template.
Revenir en haut Aller en bas
Na'Ya
Psykokwak !
Na'Ya

Psykokwak !
Messages : 2314
Date d'inscription : 10/06/2009
Age : 32

Barre de navigation au dessus de la bannière Vide
Mar 23 Nov - 22:56
C'est bon, j'ai réparé. ~
Revenir en haut Aller en bas
Echt ValhàsgarLord
Animateur
Echt ValhàsgarLord

Animateur
Messages : 1162
Date d'inscription : 31/01/2010
Localisation : Maintenant que vous m'le demandez, je crois bien que je me suis perdue...

Barre de navigation au dessus de la bannière Vide
Mer 24 Nov - 6:45
J'm'incruste, hein ^^

Autrement y avait la solution de simplicité : tu ouvres ta bannière sur toshop, puis après tu rajoute une bande 'transparente' de 15 px de haut au dessus de ta bann. Après tu remplace l'ancienne pas celle-là. Comme ça, plus de souci o/
Revenir en haut Aller en bas
Invité
avatar

Invité

Barre de navigation au dessus de la bannière Vide
Mer 24 Nov - 9:49
tout est réparé merci Na'ya ^^

Ewi ' : la prochaine fois je pense que je ferait comme sa c est plus simple je n 'y avait pas pensé
Revenir en haut Aller en bas
Contenu sponsorisé


Barre de navigation au dessus de la bannière Vide
Revenir en haut Aller en bas
 

Barre de navigation au dessus de la bannière

Voir le sujet précédent Voir le sujet suivant Revenir en haut 

 Sujets similaires

-
» [Technique] Découper une barre de navigation
» Bannière smudgé
» Bannière Dead Space (pas fini) Help T^T
» Jeux : Mon voisin du dessus
» Images au dessus et en dessous des catégories
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
La Desproduction :: Aide Graphique :: Réalisation de Site Web & Forum :: codes CSS & HTML-
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit