Bilder der Navibar einzeln hovern.

Thema: Bilder der Navibar einzeln hovern. Mo 8 Feb - 15:18

ihr müsst ein paar große änderungen anstellen

ihr müsst die buttons aus der bilderverwaltung in zubeispiel:

Zitat :: #i_icon_mini_gallery{
background-image:url(Hier die standard bilder der navi);
height:29px;
width:65px;
}

und dann die bilder die erscheinen sollen in:

Zitat :: #i_icon_mini_gallery:hover{
background-image:url(Hier die bilder die bei maus berührung wegseln solln);
height:29px;
width:65px;
}

und ihr müsst die höhe (height:29px;)
und die breite (width:65px;)
der bilder angeben wenn ihr die gleichen bilder nehmt also der hoberbild nicht größer oder kleiner ist dann nehmt ihr die gleiche größe...
am einfachsten geht das mit (soweit ich das testen konnte) http://abload.de/ (müsst ihr aber nich nehmen könnt ihr auch woanders hochladen^^) hier kann man ganz leicht gucken wie groß das bild ist:
Bilder der Navibar einzeln hovern. Bildeeevswg

Bilder der Navibar einzeln hovern. Bildeeevswg

damit sollte das ganze leichter gehen..^^

und ihr müsst dann die standard bilder die in der bilderverwaltung sind raus löschen und es dadurch: https://2img.net/i/fa/empty.gif ersetzen..

so ihr könnt euch das in meinen test forum nochmal genau angucken unter:
http://steive.forumieren.de

so nun noch der code und dann viel spaß beim einbauen..^^
sollte ich noch ein button vergessen haben bitte melden..

Code:: #i_icon_mini_gallery{
background-image:url(Standard bild-URL);
height:29px;
width:65px;
}
#i_icon_mini_gallery:hover{
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:65px;
}
#i_icon_mini_index{
background-image:url(Standard bild-URL);
height:29px;
width:110px;
}
#i_icon_mini_index:hover{
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:110px;
}
#i_icon_mini_portal {
background-image:url(Standard bild-URL);
height:29px;
width:110px;
}
#i_icon_mini_portal:hover {
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:110px;
}
#i_icon_mini_new_message {
background-image:url(Standard bild-URL);
height:29px;
width:93px;
}
#i_icon_mini_message:hover {
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:93px;
}
#i_icon_mini_message {
background-image:url(Standard bild-URL);
height:29px;
width:93px;
}
#i_icon_mini_register {
background-image:url(Standard bild-URL);
height:29px;
width:82px;
}
#i_icon_mini_register:hover {
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:82px;
}
#i_icon_mini_calendar{
background-image:url(Standard bild-URL);
height:29px;
width:110px;
}
#i_icon_mini_calendar:hover{
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:110px;
}
#i_icon_mini_members{
background-image:url(Standard bild-URL);
height:29px;
width:110px;
}
#i_icon_mini_members:hover{
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:110px;
}
#i_icon_mini_groups{
background-image:url(Standard bild-URL);
height:29px;
width:110px;
}
#i_icon_mini_groups:hover{
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:110px;
}
#i_icon_mini_faq{
background-image:url(Standard bild-URL);
height:29px;
width:62px;
}
#i_icon_mini_faq:hover{
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:62px;
}
#i_icon_mini_search{
background-image:url(Standard bild-URL);
height:29px;
width:70px;
}
#i_icon_mini_search:hover{
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:70px;
}
#i_icon_mini_profile {
background-image:url(Standard bild-URL);
height:29px;
width:62px;
}
#i_icon_mini_profile:hover {
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:62px;
}
#i_icon_mini_login:hover {
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:55px;
}
#i_icon_mini_login {
background-image:url(Standard bild-URL);
height:29px;
width:55px;
}
#i_icon_mini_logout {
background-image:url(Standard bild-URL);
height:29px;
width:61px;
}
#i_icon_mini_logout:hover {
background-image:url(bild das bei maus berührung wegseln soll);
height:29px;
width:61px;
}