Barre de navigation qui bouge

[AibMasaRo]

Bonjour ~
C'est encore moi

Voila je voudrais savoir comment il était possible de faire bouger la barre où il à accueil, membres, profils....
Je ne sais pas trop si vous voyez ce que je veux dire alors voila l'exemple d'un forum : http://hikari-gakuen.actifforum.com/

Merci beaucoup d'avance !

[Roxy.]

Bonsoir,
Pourrions-nous avoir votre css et le template "Overall header" ?

Cordialement,

[AibMasaRo]

Euh... Mon CSS entier ? :0
Et je trouve où le template ?

[Roxy.]

Oui, votre csss entier. A moins que vous sachiez la partie exacte concernant la barre de navigation.
Pour le template, allez dans : P.A > Affichage > En bas de page allez dans général > Vous le trouverez cliquez sur et copiez le.

Cordialement,

[AibMasaRo]

Voila mon CSS entier

Code:

p
{
  color: #61658B;
  font-family: Verdana;
  text-align: left;
}

h1
{
  color: #42355E;
  font-family: Verdana;
  font-size: 1.5em;
}

a /* Liens par défaut (non survolés) */
{
  color: #404345;
}

a:hover /* Apparence au survol des liens */
{
  color: #585F69;
}

a:active /* Quand le visiteur clique sur le lien */
{
  color: #42355E;
}

a:focus /* Quand le visiteur sélectionne le lien */
{
  color: #404345;
}

a:visited /* Quand le visiteur a déjà vu la page concernée */
{
  color: #646E75;
}

.bulle
{
  position: relative;
  font-size: 1em;
}

.bulle span
{
  display: none;
}

.bulle:hover
{
  background: none;
  z-index: 999;
}

.bulle:hover span
{
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 15px;
  left: -25px;

  font-family: Arial;
  color: #7F2E8C;
  padding: 3px;
  border-top: 3px solid #8aad29;
  border-bottom: 3px solid #8aad29;
  background: #cbe685;
  opacity: 0.95;
}

.lazy
{
  text-decoration: line-through
}

.box2
{
  background-color: #cbe685;
  width: 43%;
  border-top: 3px solid #8aad29;
  border-bottom: 3px solid #8aad29;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  box-shadow: 0 0 2px 2px #B3CF65;
  font-size: 1em;
  list-style-type: circle;
  float: left;
  clear: left;
  text-align: left;
}


.box3
{
  background-color: #cbe685;
  width: 43%;
  border-top: 3px solid #8aad29;
  border-bottom: 3px solid #8aad29;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  box-shadow: 0 0 2px 2px #B3CF65;
  font-size: 1em;
  float: left;
  clear: both;
}

.box1
{
  background-color: #cbe685;
  width: 43%;
  border-top: 3px solid #8aad29;
  border-bottom: 3px solid #8aad29;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  box-shadow: 0 0 2px 2px #B3CF65;
  font-size: 1em;
  float: right;
}

.box4
{
  background-color: #c3de78;
  width: 43%;
  border-top: 3px solid #8aad29;
  border-bottom: 3px solid #8aad29;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  box-shadow: 0 0 2px 2px #B3CF65;
  font-size: 0.8em;
  float: left;
}

.crédit_text
{
  font-size: 1em;
  font-style: oblique;
}

.crédit_text_big
{
  font-size: 1em;
}

div#menu {
width: 150px;
  font-size: 1.25em;
  position: absolute;
  right: 350px;
  top: 870px;
}

div#menu ul {
padding: 0;
width:140px;
  border-top: 3px solid #8aad29;
  border-bottom: 3px solid #8aad29;
  border-radius: 10px;
  box-shadow: 0 0 2px 2px #B3CF65;
  background-color: #cbe685;
}
/*On positionne les elements du menu */
div#menu ul li {
position:relative;
list-style: none;
  border-radius: 10px;
  background-color: #cbe685;
}

div#menu ul ul {
position: absolute;
top: 0;
left: 300px; /*100px correspond au décalage a droite, on décale de la taille du ul de base*/
}

div#menu li a {
margin-left : 0px;
margin-right : 0px;
display: block;
font-family : Verdana;
font-size: 0.9em;
color: #61658B;
background-color:#cbe685;
text-align:center;
border-radius: 10px;
  text-decoration: none;
}

#menu a:hover, #menu a:hover:visited{
color: #42355E;
text-decoration: none;}



div#menu li.sousmenu {
background-color: #cbe685;
}


/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
position: absolute;
top: 0;
left: 135px;
display:none
}

/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display:block;
}

.box5
{
  background-color: #cbe685;
  width: 80%;
  border-top: 3px solid #8aad29;
  border-bottom: 3px solid #8aad29;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
  box-shadow: 0 0 2px 2px #B3CF65;
  font-size: 1em;
}

.accueil
{
  font-size: 1.2em;
}

.nutty
{
  font-weight: bold;
}


.partenaire
{
waiting=setTimeout("stop(image)"), 1*1000);
}

.titre_left
{
font-family: Verdana, serif;
font-size: 1.5em;
font-variant:small-caps;
background: none;
color: #8eb031;
text-align: right;
-moz-text-shadow:  2px 2px 2px #61658B; /*ombre sur le texte*/
-webkit-text-shadow:  2px 2px 2px #61658B; /*ombre sur le texte*/
text-shadow:  2px 2px 2px #B3CF65; /*ombre sur le texte*/
  width: 43%;
  float: left;
}

.titre_right
{
font-family: Verdana, serif;
font-size: 1.5em;
font-variant: small-caps;
background: none;
color: #8eb031;
text-align: right;
-moz-text-shadow:  2px 2px 2px #61658B; /*ombre sur le texte*/
-webkit-text-shadow:  2px 2px 2px #61658B; /*ombre sur le texte*/
text-shadow:  2px 2px 2px #B3CF65; /*ombre sur le texte*/
  width: 43%;
  float: right;
}

.titre_navi
{
font-family: Verdana, serif;
font-size: 1.5em;
font-variant: small-caps;
background: none;
color: #8eb031;
text-align: right;
-moz-text-shadow:  2px 2px 2px #61658B; /*ombre sur le texte*/
-webkit-text-shadow:  2px 2px 2px #61658B; /*ombre sur le texte*/
text-shadow:  2px 2px 2px #B3CF65; /*ombre sur le texte*/
  width: 150px;
  position: absolute;
  right:367px;
  top: 850px;
}
        i {
        font-style: italic;
        text-shadow: 3px 3px 3px #367023;
        filter: dropshadow(color=#59B839, offx=2, offy=2);
        }
div.maintitle {
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        }
input {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;}
body {
        text-align: justify;
        }

Par contre je n'ai pas de "général" quand je suis dans affichage :$

Spoiler:

[Roxy.]

Pour les templates, Cliquez sur "avancé" et général s'affichera. ^^
Vous êtes bien le fondateur, je me trompe ?

[AibMasaRo]

Non je suis juste administratrice :$
Et je suis déjà en mode avancé mais rien ne s'affiche

[Roxy.]

C'est donc normal, seul le fondateur à accès au template. Pouvez-vous lui demander de vous fournir le template ?

Cordialement,

[tupac]

Bonjour

Dans votre template overall_header repérer la partie suivante.

Code:

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

Remplacez-la par celle-ci.

Code:

            <table cellspacing="0" cellpadding="0" border="0" align="center" class="barre_nav">
               <tr>
                  <td><div class="navig" align="{MENU_POSITION}">{GENERATED_NAV_BAR}</div></td>
               </tr>
            </table>

Pour finir placer les codes suivants dans votre feuille de style css.

Code:

a.mainmenu {
  font-size:16px;        /* taille du texte */
  font-weight:bold;        /* texte en gras */
  font-style:italic;      /* texte en italic */
  font-family: Georgia, Arial, serif;      /* police du texte */
  letter-spacing:-1px;        /* espace les lettres */
  color:#404040;        /* couleur texte */
}

.barre_nav {
  background-color: #B0B0B0 ;      /* couleur du fond */
  border-bottom: 3px #000 solid;      /* bordure du bas */
  position: fixed;            /* on fixe le menu en haut */
  top: 0px;            /* place le menu en haut a 0px */
  left: 0px;
  width: 100%;
  z-index: 999;
  padding: 3px;
}

/* texte au survol */
.navig a:hover{color: #000;}

[AibMasaRo]

Merci beaucoup, j'envoie tout de suite cela à la fondatrice ^_^