Rendre la barre de navigation autrement

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

Résolu Rendre la barre de navigation autrement

Message par MollyMolly le Ven 17 Oct 2014 - 17:26

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 17/10/2014
Lien du forum : http://hetalia-rpg.forumactif.org/

Description du problème

Bonjour,

Je voudrais savoir si c'est possible de rendre ma barre de navigation de ça :

https://i39.servimg.com/u/f39/19/02/94/19/avant10.jpg

à ça:

https://i39.servimg.com/u/f39/19/02/94/19/aprys10.jpg

le css :

Code:
/***barre de navigation made in Ayu***/

        div.vertical_nav {
        position:absolute;
        top:130px;
        right:25%;
width: auto;
margin: 0px;}

        div.vertical_nav a.mainmenu {
        display:list-item;
        list-style:none;
 font-family: 'Unna', serif;
 font-size: 15px;}

        div.vertical_nav {
    font-family: 'Unna', serif;
 font-size: 15px;
width: auto;
margin: 0px;}

le template :

Code:
http://hetalia-rpg.forumactif.org/admin/index.forum?part=themes&sub=templates&mode=edit_main&t=116&l=main&extended_admin=1&tid=a2c6668ad281cbd9afca16b0163b1bef

Merci à vous de vous penchez dessus ♥


Dernière édition par MollyMolly le Sam 18 Oct 2014 - 0:06, édité 1 fois

MollyMolly
Nouveau membre

Messages : 25
Inscrit(e) le : 20/06/2013

MollyMolly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre la barre de navigation autrement

Message par MlleAlys le Ven 17 Oct 2014 - 17:56

Bonjour,
Recherchez ce passage dans votre css :
Code:
.bodyline {
    border-left: 15px solid #6b722f;
    border-right: 15px solid #6b722f;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 750px;
}
Ajoutez-y position:relative; pour positionner les liens non pas par rapport à la largeur de la page mais par rapport à celle du forum. Ce uqi donne :
Code:
.bodyline {
    border-left: 15px solid #6b722f;
    border-right: 15px solid #6b722f;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 750px;
    position: relative;
}

Retrouvez ce passage :
Code:
div.vertical_nav {
    font-family: Unna, serif;
    font-size: 15px;
    margin: 0;
    position: absolute;
    right: 25%;
    top: 130px;
    width: auto;
}
Et modifiez-le ainsi :
Code:
div.vertical_nav {
    position: absolute;
    right: 0;
    top: 170px;
    width: 300px;
}

Enfin retrouvez ce passage :
Code:
div.vertical_nav a.mainmenu {
    display: list-item;
    font-family: Unna, serif;
    font-size: 15px;
    list-style: none;
}
Et modifiez le ainsi :
Code:
div.vertical_nav a.mainmenu {
    display: inline-block;
    min-width: 140px;
    margin: 10px 0;
    padding: 0;
    font-family: Unna, serif;
    font-size: 15px;
    text-align: left;
}

Enregistrez ^^

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre la barre de navigation autrement

Message par MollyMolly le Ven 17 Oct 2014 - 19:12

Merci MlleAlys !! !Ca bien mis la navigation à droite mais du coup tout et espacé...

http://hetalia-rpg.forumactif.org/

MollyMolly
Nouveau membre

Messages : 25
Inscrit(e) le : 20/06/2013

MollyMolly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre la barre de navigation autrement

Message par MlleAlys le Ven 17 Oct 2014 - 20:18

Pardon, j'ai oublié une ligne dans les codes ><"
Dans la partie
Code:
div.vertical_nav a.mainmenu {
    display: inline-block;
    min-width: 140px;
    margin: 10px 0;
    padding: 0;
    font-family: Unna, serif;
    font-size: 15px;
    text-align: left;
}
Ajoutez width: auto; ce qui donne :
Code:
div.vertical_nav a.mainmenu {
    display: inline-block;
    min-width: 140px;
    width: auto;
    margin: 10px 0;
    padding: 0;
    font-family: Unna, serif;
    font-size: 15px;
    text-align: left;
}

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Rendre la barre de navigation autrement

Message par MollyMolly le Ven 17 Oct 2014 - 21:27

Oooh ça marche mercii beaaaucoup !!! >v<

MollyMolly
Nouveau membre

Messages : 25
Inscrit(e) le : 20/06/2013

MollyMolly 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