| Autor | Zpráva | ||
|---|---|---|---|
| kesaj Profil |
#1 · Zasláno: 8. 8. 2014, 08:45:42
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 |
#2 · Zasláno: 8. 8. 2014, 09:06:25
kesaj:
Barvu musíš změnit v tom obrázku v [#1], dodal bys nám i CSS končící :hover ? |
||
| kesaj Profil |
#3 · Zasláno: 8. 8. 2014, 09:28:03
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;
}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 |
#5 · Zasláno: 8. 8. 2014, 10:58:21
jenikkozak:
výborne !! super, ďakujem, funguje to tak ako píšeš. |
||
| Chamurappi Profil |
#6 · Zasláno: 8. 8. 2014, 11:23:45
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. |
||
|
Časová prodleva: 10 let
|
|||
0