Autor Zpráva
kesaj
Profil
zdravím Vás...

už som bezradný - na stránke

mám vpravo šípku "back to top" - ktorá scrolluje stránku naspäť nahor. cez css je vložený background obrázok šípky. tento background obrázok je čierny (viď link).

ale aj tak je šípka slabo žltá a čierna je iba po prejdení myšou - hover ... ako je to možné??? chcem, aby bola čierna, nie žltá.

CSS :

#back-top span {
    width:42px;
    height:26px;
    display: block;
    margin-bottom: 7px;
    background:url(../image/up-arrow.png) no-repeat left 0px;
    padding-right:10px;
    
}
Marschmallow
Profil
kesaj:
Barvu musíš změnit v tom obrázku v [#1], dodal bys nám i CSS končící :hover ?
kesaj
Profil
toto je všetko v css týkajúce sa tohto :

/********************************************************************************back to top******************************************************************************/
#back-top {
    position: fixed;
    bottom: 30px;
    z-index:9999;
    bottom:50%;
    left:50%;
    margin-left:640px;
    background:url(../image/up-arrow.png) no-repeat left 0px;
    padding-right:10px;
    color:black;
}
#back-top a:hover {
    /*color:#79ec3e;*/
    
}
#back-top span {
    width:42px;
    height:26px;
    display: block;
    margin-bottom: 7px;
    background:url(../image/up-arrow.png) no-repeat left 0px;
    padding-right:10px;
    
}
#back-top a:hover span {
    background-position:left bottom;
    


nerozumiem ale tomu, čo píšeš, že zmeniť farbu v tom obrázku? v ktorom obrázku? obrázok je predsa čierny, ako som poslal link.
jenikkozak
Profil
Na pozadí <span>u je obrázek, který obsahuje dvě šipky. Je z něj zobrazená jen horní polovina, ve které je žlutý prvek.
Když na span najedeš, aktivuje se pseudotřída hover:

#back-top a:hover span {
    background-position: left bottom;
}
Tím se obrázek na pozadí posune a zobrazí se černá šipka, která je umístěna na obrázku dole.

Pokud nechceš, aby se žlutá šipka zobrazovala, změň zápis background:url(../image/up-arrow.png) no-repeat left 0px; (uvedený v prvním příspěvku) na background:url(../image/up-arrow.png) no-repeat left bottom;. Část stylopisu, kterou jsem uvedl výše s tím a:hoverem, pak budeš moci odstranit.
kesaj
Profil
jenikkozak:
výborne !! super, ďakujem, funguje to tak ako píšeš.
Chamurappi
Profil
Reaguji na kesaje:
Můžu se zeptat, k čemu tam ta šipka je? Opravdu očekáváš, že na ni někdo bude klikat, aby vyroloval o kousíček výš?

Když na ni dvojkliknu, skript mi po odrolování nahoru nějakou dobou brání rolovat kamkoliv jinam.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: