Survol barre de navigation.

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

Résolu Survol barre de navigation.

Message par Lady B. le Mar 23 Avr 2013 - 16:24

Bonjour,

Je souhaite changer la barre de navigation de mon forum celle du thème que j'ai pris ne va pas du tout avec le header que j'ai fait. Bref... J'ai été dans mon Css et j'ai supprimé le code de la première image « Accueil », j'ai mis le code de mon image dans « gestion des images ». Jusque là pas de soucis, mais en survolant l'image, il y a l'ancienne image qui apparait et en deux fois.
J'ai regardé mes code Css mais comme je n'y comprends rien, je suis pas plus avancé...
Comment retirer totalement l'ancienne image?

Merci d'avance Smile

Lady B.
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 22/04/2013

http://babyfriends.forumactif.org/
Lady B. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Survol barre de navigation.

Message par Matriochka le Mar 23 Avr 2013 - 16:30

Bonjour,

Peux-tu envoyer ici ton CSS personnalisé ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Survol barre de navigation.

Message par Lady B. le Mar 23 Avr 2013 - 16:51

Merci de m'avoir répondu si vite Smile

Comme j'y comprends absolument rien, j'ai tout mis ^^'

Code:
ul.linklist li.footer-home {
        float:none;}
       
        ul.linklist li.footer-home:after {
        content:" | ";}
ul.linklist li.rightside {float:none;}
        #page-footer, div.navbar, div.navbar ul.linklist {text-align:center;}
body
{
background-color: #bcad92;
background-repeat: repeat-x;
background-position: top;
background-attachment: scroll !important;
}

a.copyright
        {color:#916C64;
        }

a:link {
   color: #4c2324;
    text-decoration:underline;
   }
a:visited {
   color: #4c2324;
    text-decoration:underline;
   }
a:hover {
   color: #F846A4;
    }
a:active {
   color: #4c2324;
    text-decoration:underline;
   }
a:focus {
   color: #b861ba;
    }




span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span
{
background-image: none;
}


.headerbar
{
margin-top: -22px;
margin-bottom: -50px;
}

#logo
{
padding: 0px;
}

.navbar
{
margin: auto;
width: 1000px;
}







#i_icon_mini_index:hover
{
background-image: url(http://img10.hostingpics.net/pics/706714accueil2.png);
}

#i_icon_mini_gallery
{
background-image: url(http://img10.hostingpics.net/pics/334181galerie.png);
width: 80px;
height: 30px;
}
#i_icon_mini_gallery:hover
{
background-image: url(http://img10.hostingpics.net/pics/311553galerie2.png);
}

#i_icon_mini_calendar
{
background-image: url(http://img10.hostingpics.net/pics/825007calendrier.png);
width: 80px;
height: 30px;
}
#i_icon_mini_calendar:hover
{
background-image: url(http://img10.hostingpics.net/pics/768910calendrier2.png);
}

#i_icon_mini_faq
{
background-image: url(http://img10.hostingpics.net/pics/271688faq.png);
width: 80px;
height: 30px;
}
#i_icon_mini_faq:hover
{
background-image: url(http://img10.hostingpics.net/pics/972822faq2.png);
}

#i_icon_mini_search
{
background-image: url(http://img10.hostingpics.net/pics/203364search.png);
width: 80px;
height: 30px;
}
#i_icon_mini_search:hover
{
background-image: url(http://img10.hostingpics.net/pics/339113search2.png);
}

#i_icon_mini_members
{
background-image: url(http://img10.hostingpics.net/pics/679008membres.png);
width: 80px;
height: 30px;
}
#i_icon_mini_members:hover
{
background-image: url(http://img10.hostingpics.net/pics/972307membres2.png);
}

#i_icon_mini_groups
{
background-image: url(http://img10.hostingpics.net/pics/776376groupes.png);
width: 80px;
height: 30px;
}
#i_icon_mini_groups:hover
{
background-image: url(http://img10.hostingpics.net/pics/373367groupes2.png);
}

#i_icon_mini_profile
{
background-image: url(http://img10.hostingpics.net/pics/938702profil.png);
width: 80px;
height: 30px;
}
#i_icon_mini_profile:hover
{
background-image: url(http://img10.hostingpics.net/pics/169291profil2.png);
}

#i_icon_mini_message
{
background-image: url(http://img10.hostingpics.net/pics/406266message.png);
width: 80px;
height: 30px;
}
#i_icon_mini_message:hover
{
background-image: url(http://img10.hostingpics.net/pics/372362message2.png);
}

#i_icon_mini_new_message
{
background-image: url(http://img10.hostingpics.net/pics/844228mp2c.png);
width: 80px;
height: 30px;
}
#i_icon_mini_new_message:hover
{
background-image: url(http://img10.hostingpics.net/pics/844228mp2c.png);
}

#i_icon_mini_logout
{
background-image: url(http://img10.hostingpics.net/pics/912508off.png);
width: 80px;
height: 30px;
}
#i_icon_mini_logout:hover
{
background-image: url(http://img10.hostingpics.net/pics/118702off2.png);
}

#i_icon_mini_register
{
background-image: url(http://img10.hostingpics.net/pics/251229s__inscrire.gif);
width: 80px;
height: 30px;
}
#i_icon_mini_register:hover
{
background-image: url(http://img10.hostingpics.net/pics/251229s__inscrire.gif);
}

#i_icon_mini_login
{
background-image: url(http://img10.hostingpics.net/pics/923969on.png);
width: 80px;
height: 30px;
}
#i_icon_mini_login:hover
{
background-image: url(http://img10.hostingpics.net/pics/248091on2.png);
}


.navbar ul{border-bottom:none;}




#content-container div#container
{
width: 940px;
min-height: 800px;
float: none;
margin: auto;
background-color: #ffffff;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
padding: 6px;
}

#page-body
{
width: 950px;
min-height: 800px;
float: none;
margin: auto;
background-color: #ffffff;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
padding: 6px;
}

#content-container div#main
{
width: 750px;
margin: auto;
}

#main
{
width: 750px;
margin: auto;
background-color: transparent;
}

#content-container div#right
{
overflow: auto;
}

div#content
{
min-height: 800px;
border: 1px dashed #ddd2bf;
background-image: url(http://img4.hostingpics.net/pics/420111Fond.png);
background-position: bottom center;
background-repeat: no-repeat;
}




.h3
{
color: #bcad92;
border-bottom: 1px dashed #bcad92;
}

a.forumtitle
{
font-variant: small-caps;
font-size: 12px;
text-decoration: none;
border-bottom: 1px dashed #bcad92;
margin-bottom: 5px;
}
a.forumtitle:hover
{
color: #916C64;
text-decoration: none;
font-size: 12px;
font-style: italic;
border-bottom: 1px dashed #916C64;
letter-spacing: 2px;
}
ul.topiclist dd
{
border-left: 1px dashed #ddd2bf;
}





.table-title
{
display: block;
padding-left: 50px;
font-style: italic;
}

.table-title h2
{
letter-spacing: 2px;
}

.forabg
{
background-color: #f7f2eb;
background-image: url(http://img10.hostingpics.net/pics/798883cate_head.jpg), url(http://img10.hostingpics.net/pics/561925fond_cate_bas.jpg);
background-repeat: no-repeat, repeat-x;
background-position: top center, bottom;
padding-bottom: 14px;
}

.forumbg
{
background-color: #f7f2eb;
background-image: url(http://img10.hostingpics.net/pics/798883cate_head.jpg), url(http://img10.hostingpics.net/pics/561925fond_cate_bas.jpg);
background-repeat: no-repeat, repeat-x;
background-position: top center, bottom;
padding-bottom: 14px;
}

.module
{
border-bottom: 1px dashed #ddd2bf;
}

.ajax-profil
{
clear: both;
width: 940px;
background-color: transparent;
}




.post
{
background-color: #f7f2ea;
border: 1px dashed #ddd2bf;
border-radius: 10px;
-moz-border-radius: 10px;
text-align: justify;
}
.post a
{
text-decoration: none;
font-variant: small-caps;
letter-spacing: 1px;
}
.postprofile
{
border-left: 1px solid #ddd2bf;
border-bottom: 1px solid #ddd2bf;
padding-bottom: 6px;
}




#smiley-box
{
background-color: #f7f2ea;
border: 1px dashed #ddd2bf;
border-radius: 10px;
-moz-border-radius: 10px;
padding: 4px;
}
#message-box textarea
{
background-color: #f7f2ea;
border: 1px dashed #ddd2bf;
}





#page-footer
{
width: 940px;
margin: auto;
}

Lady B.
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 22/04/2013

http://babyfriends.forumactif.org/
Lady B. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Survol barre de navigation.

Message par Matriochka le Mar 23 Avr 2013 - 17:01

Toute la partie concernée est ici :
Code:
#i_icon_mini_index:hover
{
background-image: url(http://img10.hostingpics.net/pics/706714accueil2.png);
}

#i_icon_mini_gallery
{
background-image: url(http://img10.hostingpics.net/pics/334181galerie.png);
width: 80px;
height: 30px;
}
#i_icon_mini_gallery:hover
{
background-image: url(http://img10.hostingpics.net/pics/311553galerie2.png);
}

#i_icon_mini_calendar
{
background-image: url(http://img10.hostingpics.net/pics/825007calendrier.png);
width: 80px;
height: 30px;
}
#i_icon_mini_calendar:hover
{
background-image: url(http://img10.hostingpics.net/pics/768910calendrier2.png);
}

#i_icon_mini_faq
{
background-image: url(http://img10.hostingpics.net/pics/271688faq.png);
width: 80px;
height: 30px;
}
#i_icon_mini_faq:hover
{
background-image: url(http://img10.hostingpics.net/pics/972822faq2.png);
}

#i_icon_mini_search
{
background-image: url(http://img10.hostingpics.net/pics/203364search.png);
width: 80px;
height: 30px;
}
#i_icon_mini_search:hover
{
background-image: url(http://img10.hostingpics.net/pics/339113search2.png);
}

#i_icon_mini_members
{
background-image: url(http://img10.hostingpics.net/pics/679008membres.png);
width: 80px;
height: 30px;
}
#i_icon_mini_members:hover
{
background-image: url(http://img10.hostingpics.net/pics/972307membres2.png);
}

#i_icon_mini_groups
{
background-image: url(http://img10.hostingpics.net/pics/776376groupes.png);
width: 80px;
height: 30px;
}
#i_icon_mini_groups:hover
{
background-image: url(http://img10.hostingpics.net/pics/373367groupes2.png);
}

#i_icon_mini_profile
{
background-image: url(http://img10.hostingpics.net/pics/938702profil.png);
width: 80px;
height: 30px;
}
#i_icon_mini_profile:hover
{
background-image: url(http://img10.hostingpics.net/pics/169291profil2.png);
}

#i_icon_mini_message
{
background-image: url(http://img10.hostingpics.net/pics/406266message.png);
width: 80px;
height: 30px;
}
#i_icon_mini_message:hover
{
background-image: url(http://img10.hostingpics.net/pics/372362message2.png);
}

#i_icon_mini_new_message
{
background-image: url(http://img10.hostingpics.net/pics/844228mp2c.png);
width: 80px;
height: 30px;
}
#i_icon_mini_new_message:hover
{
background-image: url(http://img10.hostingpics.net/pics/844228mp2c.png);
}

#i_icon_mini_logout
{
background-image: url(http://img10.hostingpics.net/pics/912508off.png);
width: 80px;
height: 30px;
}
#i_icon_mini_logout:hover
{
background-image: url(http://img10.hostingpics.net/pics/118702off2.png);
}

#i_icon_mini_register
{
background-image: url(http://img10.hostingpics.net/pics/251229s__inscrire.gif);
width: 80px;
height: 30px;
}
#i_icon_mini_register:hover
{
background-image: url(http://img10.hostingpics.net/pics/251229s__inscrire.gif);
}

#i_icon_mini_login
{
background-image: url(http://img10.hostingpics.net/pics/923969on.png);
width: 80px;
height: 30px;
}
#i_icon_mini_login:hover
{
background-image: url(http://img10.hostingpics.net/pics/248091on2.png);
}
En CSS, :hover s’utilise pour le survol. Donc supprime toutes les parties en rapport avec hover ou modifie-les (supprime-les carrément, si tu veux seulement passer par le panneau d’admin).


Dernière édition par Matriochka le Mar 23 Avr 2013 - 17:11, édité 1 fois

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Survol barre de navigation.

Message par Lady B. le Mar 23 Avr 2013 - 17:07

cheers Merci énormément Yahoo

Lady B.
Nouveau membre

Féminin
Messages : 19
Inscrit(e) le : 22/04/2013

http://babyfriends.forumactif.org/
Lady B. 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