Barre de navigation qui bouge

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Barre de navigation qui bouge

Message par AibMasaRo le Mer 11 Juil 2012, 18:10

Bonjour ~
C'est encore moi Embarassed

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 ! Very Happy


Dernière édition par AibMasaRo le Sam 14 Juil 2012, 11:57, édité 1 fois
avatar

AibMasaRo
*

Féminin
Messages : 40
Inscrit(e) le : 20/12/2011

http://jeju-island.forumactif.org
AibMasaRo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation qui bouge

Message par Roxy. le Mer 11 Juil 2012, 18:14

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

Cordialement,
avatar

Roxy.
Membre habitué(e)

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation qui bouge

Message par AibMasaRo le Mer 11 Juil 2012, 18:29

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

AibMasaRo
*

Féminin
Messages : 40
Inscrit(e) le : 20/12/2011

http://jeju-island.forumactif.org
AibMasaRo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation qui bouge

Message par Roxy. le Mer 11 Juil 2012, 19:09

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 edit et copiez le.

Cordialement,
avatar

Roxy.
Membre habitué(e)

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation qui bouge

Message par AibMasaRo le Mer 11 Juil 2012, 19:13

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:
avatar

AibMasaRo
*

Féminin
Messages : 40
Inscrit(e) le : 20/12/2011

http://jeju-island.forumactif.org
AibMasaRo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation qui bouge

Message par Roxy. le Mer 11 Juil 2012, 20:58

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

avatar

Roxy.
Membre habitué(e)

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation qui bouge

Message par AibMasaRo le Jeu 12 Juil 2012, 19:12

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

AibMasaRo
*

Féminin
Messages : 40
Inscrit(e) le : 20/12/2011

http://jeju-island.forumactif.org
AibMasaRo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation qui bouge

Message par Roxy. le Jeu 12 Juil 2012, 19:23

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

Cordialement,
avatar

Roxy.
Membre habitué(e)

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation qui bouge

Message par tupac le Ven 13 Juil 2012, 07:15

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;}
avatar

tupac
Membre actif

Masculin
Messages : 2548
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation qui bouge

Message par AibMasaRo le Sam 14 Juil 2012, 11:56

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

AibMasaRo
*

Féminin
Messages : 40
Inscrit(e) le : 20/12/2011

http://jeju-island.forumactif.org
AibMasaRo a été remercié(e) par l'auteur de ce sujet.

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


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum