Autor Zpráva
cheva
Profil
Zdravím,
prosím mohli byste mi pomoct pochopit, co mám vlastně udělat, když chci použít Pixiho vylepšení měnících se odkazů? Tady Yuhů píše:
Udělal si pro pozadí odkazu obrázek, který obsahoval oba grafické stavy. Stojí tam cosi o background-position, ale moc nevím, kam vlastně ty dva obrázky dát - jak ten kód bude vypadat... Obrázky jsou statické, po hover se změní pouze barva písma.
Děkuju
tiso
Profil
http://wellstyled.com/css-nopreload-rollovers.html

Pokiaľ máš ten text ako text, tak sa Ťa zmena pozadia netýka, meníš iba farbu textu..
Joker
Profil
Návod od samotného Pixyho: http://www.wellstyled.com/singlelang.php?lang=cs&page=css-nopreload-ro llovers.html

Btw. "pixy", správně by mělo být "pixyho", ne?
cheva
Profil
Nene, je to nestandartním písmem, tak jsem to radši dala formou obrázku.
cheva
Profil
@ Joker
Dík, mrknu tam.

"Pixiho" jsem prostě opsala od Juhůa :-) Nevím, zda se v originále jmenuje Pixi nebo Pixy.
cheva
Profil
V externím stylopisu tedy víceméně opíšu Pixyho kód, posouvat doleva (mínus) budu o velikost jedné půlky obrázku (active tam mít nepotřebuju).
Sice nevím, jak v obyč. poloze browser pozná, že nemá zobrazit oba dva vedle sebe tak jak jsou ale jen levou půlku, když oba obrázky budou v jednom (i obyč. i hover) vedle sebe, ale nechám to koňovi.

Pořád mi ale není jasný, zda do kódu vlastní stránky tedy dám ten obrázek jako odkaz nebo ne, popř. jakou velikost - celého obrázku nebo jen té půlky, která se zobrazí jako první?
Něco přece jako odkaz mezi <a href=> a </a> musím dát! Měla bych tam někde zadat i velikost obrázku a title...kam?
habendorf
Profil
Pokud to máš jako obrázek, tak na to jdeš špatně, protože tohle se týká backgroundu.

Tohle lze udělat třeba záporným text-indentem. Už jsem to sem dával, takže pohledej.
habendorf
Profil
Ovšem dělat menu z obrázků zase není úplně košer. Takže tam bych to viděl na image-replacement spojený s nopreload-rolloverem.
Joker
Profil
cheva
Pixy je Pixy, s tvrdým ;)

Sice nevím, jak v obyč. poloze browser pozná, že nemá zobrazit oba dva vedle sebe tak jak jsou ale jen levou půlku
Ten obrázek se musí dát na pozadí prvku, který má přesně stanovené rozměry, aby zbytek obrázku nebyl vidět.
cheva
Profil
Jj, dík, je to tady.
:-)
Toto téma je uzamčeno. Odpověď nelze zaslat.