Autor Zpráva
Anonymní
Profil *
ahoj,
rad bych se zeptal:
kdyz mam v hlavicce HTML kodu napsanej napriklad styl

<style>
a { color: white }
a:hover { color: orange; text-decoration: none },
</style>

a v druhy casti kodu (na jinym miste na strance) bych chtel, aby se po prejeti mysi prebarvovalo na jinou barvu, jak to udelam ?

dik moc
david
habendorf
Profil

<style>
a { color: white }
a:hover { color: orange; text-decoration: none },
.jinylink:hover { color: green; text-decoration: none },
</style>


a pak

<a href="..." >oranžový link</a>
<a href="..." class="jinylink">zelený link</a>
Anonymní
Profil *
dik moc, jdu to vyzkouset !!
Anonymní
Profil *
a kdyz bych chtel zmenit nejen najeti mysi, ale i barvu pred najetim, aby byla jina v jine casti stranky ??
tak jak to udelam ??

diky
habendorf
Profil
takhle:

<style>
a { color: white }
.modrylink { color: blue; text-decoration: none },
.zelenylink { color: green; text-decoration: none },
</style>


a pak v body:

<a href="..." class="modrylink">modrý link</a>
<a href="..." class="zelenylink">zelený link</a>
SuE
Profil
nebo , když to máš na stránce v různých divech, řekněme .menu a .obsah,
tak se to dá napsat i takhle:
.menu a:visited { .....}
.menu a:link { .....}
.menu a:hover { .....}

.obsah a:visited { .....}
.obsah a:link { .....}
.obsah a:hover { .....}

a v kodu bude
<div class="menu"> <a href= ... >
<a href= > ..... text cokoli - všechny linky budou mít vlastnost pro menu</div>

<div class="obsah"> <a href= ....> všechny linky budou mí vlastnost def pro obsah
..... jakýkoli text ,,, další linky ...
</div>


P.S. jo, já vím, že by tam mohlo/mělo být id místo class ale to ať si každý vybere sám :-)
Anonymní
Profil *
ale ja bych chtel, aby v jedny casti stranek bylo:

pred najetim = barva1
po najeti = barva2

a na jinym miste stranek:

pred najetim = barva3
po najeti = barva4


nevim, ale asi mi na toto nebylo odpovezeno :-)
diky !
habendorf
Profil
V tom případě třeba takhle:

<style>
a { color: white }
.modrylink { color: blue; text-decoration: none },
.zelenylink { color: green; text-decoration: none },
</style>


a pak:


<a href="..." class="modrylink" onMouseOver="this.style.color='red';"
onMouseOut="this.style.color='blue';">modrý-&egrave;ervený link</a>
<a href="..." class="zelenylink" onMouseOver="this.style.color='yellow';"
onMouseOut="this.style.color='green';">zelený-žlutý link</a>
SuE
Profil
habendorf: tohle by měl řešit a:hover nebo mi ještě něco uniklo?
david
Profil *
dik moc !! funguje to !
habendorf
Profil
SuE: Jasně, máš pravdu. Prostě jsem to vzal přes události. Přes a:hover:


<style>
a { color: white }
a.modrylink { color: blue },
a:hover.modrylink { color: red },
a.zelenylink { color: green },
a:hover.zelenylink { color: yellow }
</style>


a pak:


<a href="..." class="modrylink">modrý-červený link</a>
<a href="..." class="zelenylink">zelený-žlutý link</a>
Yuhů
Profil
jenom malý dotaz...

ty čárky za CSS pravidlem tam mají být?
a.modrylink { color: blue },
myslím tu čárku na konci. Nedělá to neplechu?
david
Profil *
nedela :-)
habendorf
Profil
Yuhů: ty čárky tam sice nevadí, ale samozřejmě tam nemají co dělat. Ani sám nevím jak se mi tam dostaly, prostě omyl.
Toto téma je uzamčeno. Odpověď nelze zaslat.