neukaze mi hover

dadmtb · Napísal **dadmtb**: 26.04.2008 16:22

Strasne sa mi paci menu na sposob http://cssvault.com/ ale uz druhy den sa snazim pochopit ich kod ze ako to funguje aby sa menili obrazky tak som si chcel urobit podobny pokial som tam dat vsetky tie iste obrazky ako maju oni funguje ale ked som to chcel vymenit za moj nazorny obrazok
http://image.dayphorum.eu/obrazok.php?i ... 595173.png
tak mi to nič neukáže prečo? :oops:

Dík

p360t · Napísal **p360t**: 26.04.2008 16:45

A aké zmeny si porobil keď si to menil na svoj obraz? Lebo ak len zmeníš cestu k obrázkom v CSS súbore, nie je dôvod na to, aby to nešlo.

lio · Napísal **lio**: 26.04.2008 17:28

Napada ma len, ze si zadal zlu cestu.

dadmtb · Napísal autor témy **dadmtb**: 26.04.2008 17:40

mno takze toto je css je to cely css aby som na nieco nezabudol ten prvy homeActiv je zmeneny

Kód:

  #header  {
width : 780px;
margin-top : 12px;
height : 142px;
}
#header h1 {
text-indent : -10000px;
margin : 0;
padding : 0;
}
#header h1 a {
width : 288px;
height : 96px;
background : url(http://cssvault.com/images/logo_cssvault.png) no-repeat;
float : left;
}
#header h1 a:hover {
float : left;
color : #fff;
background : url(http://cssvault.com/images/logo_cssvault.png) no-repeat bottom 0%;
text-decoration : none;
}
#header em {
display : none;
}
#header ul {
width : 100%;
float : left;
padding : 0;
margin : 0;
list-style-type : none;
}
#header li {
float : left;
padding : 0;
margin : 0;
display : inline;
}
#header li a {
display : block;
height : 46px;
}
#header li a.home {
background : url(http://image.dayphorum.eu/obrazok.php?img=66941839291523.png) no-repeat left top;
width : 52px;
}
#header li a.homeActive {
background : url(http://image.dayphorum.eu/obrazok.php?img=66941839291523.png) no-repeat left bottom;
width : 52px;
}
#header li a.gallery {
background : url(http://cssvault.com/images/menu_02.png) no-repeat left top;
width : 60px;
}
#header li a.galleryActive {
background : url(http://cssvault.com/images/menu_02.png) no-repeat left bottom;
width : 60px;
}
#header li a.resources {
background : url(http://cssvault.com/images/menu_03.png) no-repeat left top;
width : 76px;
margin : 0;
padding : 0;
}
#header li a.resourcesActive {
background : url(http://cssvault.com/images/menu_03.png) no-repeat left bottom;
width : 76px;
}
#header li a.submit {
background : url(http://cssvault.com/images/menu_04.png) no-repeat left top;
width : 97px;
}
#header li a.submitActive {
background : url(http://cssvault.com/images/menu_04.png) no-repeat left bottom;
width : 97px;
}
#header li a.feed {
background : url(http://cssvault.com/images/menu_05.png) no-repeat left top;
width : 68px;
}
#header li a.feedActive {
background : url(http://cssvault.com/images/menu_05.png) no-repeat left bottom;
width : 68px;
}
#header li a.about {
background : url(http://cssvault.com/images/menu_06.png) no-repeat left top;
width : 52px;
}
#header li a.aboutActive {
background : url(http://cssvault.com/images/menu_06.png) no-repeat left bottom;
width : 52px;
}
#header li a.blog {
background : url(http://cssvault.com/images/menu_10.png) no-repeat left top;
width : 51px;
}
#header li a.blogActive {
background : url(http://cssvault.com/images/menu_10.png) no-repeat left bottom;
width : 51px;
}
#header li a.contact {
background : url(http://cssvault.com/images/menu_07.png) no-repeat left top;
width : 64px;
}
#header li a.contactActive {
background : url(http://cssvault.com/images/menu_07.png) no-repeat left bottom;
width : 64px;
}
#header li a:hover {
background-position : left bottom;
}

a html

Kód:

<div id="header">
<ul>
<li><a class="homeActive" href="#"><em>xdtdhf</em></a></li>
<li><a class="gallery" href="#"><em>lol</em></a></li>
</ul>
</div>

cize akosi neviem v com je problem gallery mi ukazuje ale home nie

lio · Napísal **lio**: 26.04.2008 17:46

Nejako nechapem, preco tam zadavas absolutne cesty.. Neukazuje ti to preto, lebo je tam pouzite PHP.

Toto je spravna cesta k obrazku: http://image.dayphorum.eu/images/66941839291523.png

shaggy · Napísal **shaggy**: 26.04.2008 18:10

Ak si iba menil obrázok, musí to fungovať - tým pádom je jediná chyba v tebe.

Tu máš, študuj a uč sa - http://wellstyled.com/css-nopreload-rollovers.html (predtým než poznamenáš, že to je anglicky, tak si pozri, že tam je aj česká verzia - ak sa ti náhodou neukáže).

Používam to všade a bez problémov.

dadmtb · Napísal autor témy **dadmtb**: 27.04.2008 19:08

a ako nastavím že ked na to kliknem tak zostane v inej polohe bo hover je nieco ine active tiez nejde tak ako?

Blackshadow · Napísal **Blackshadow**: 27.04.2008 19:20

cez php..
if (nejaka podmienka, ked je normalne menu) { echo "normalne menu"; }
if (nejaka podmienka, ked je stranka,kde je zmenene menu) { echo "zmenene menu"; }

dadmtb · Napísal autor témy **dadmtb**: 27.04.2008 19:24

a to sa neda bez php?????

Blackshadow · Napísal **Blackshadow**: 27.04.2008 19:26

este cez JS podla mna, ale v tom neviem robit...

ved ako menis stranku?? cez include?? ak hej, tak to je jednoduche cez php

Numline1 · Napísal **Numline1**: 27.04.2008 19:28

Blackshadow píše:

cez php..
if (nejaka podmienka, ked je normalne menu) { echo "normalne menu"; }
if (nejaka podmienka, ked je stranka,kde je zmenene menu) { echo "zmenene menu"; }

Preboha, co sem pletes php ?
Na to je tvojelementalebotag:active {babla}

Blackshadow · Napísal **Blackshadow**: 27.04.2008 19:30

tvojelementalebotag:active ???
prosim o vysvetlenie

dadmtb · Napísal autor témy **dadmtb**: 27.04.2008 19:48

co si myslel a:active ?????? bo to je iba ked na to kliknes :roll:

shaggy · Napísal **shaggy**: 27.04.2008 20:01

Ak to robíš čisto v html a nie v php, tak si v každej stránke nastav tej príslušnej položke v menu nejaké id/class a menu bude vyzerať inak... jednoduché.

dadmtb · Napísal autor témy **dadmtb**: 27.04.2008 20:20

aha mno lahke ako lahke ale spojazdnit to uz asi take lahke nebude

shaggy · Napísal **shaggy**: 27.04.2008 20:21

Ak by si chápal základy (ktoré si si pravdepodobne neprečítal), tak zistíš, že je to triviálna záležitosť ;-)

dadmtb · Napísal autor témy **dadmtb**: 27.04.2008 20:43

čítal som základy ale asi nie moc good

Numline1 · Napísal **Numline1**: 27.04.2008 21:05

Blackshadow píše:

tvojelementalebotag:active ???
prosim o vysvetlenie

Malo to byt tvojelementalebotag a:active . Zle som pochopil topic, necital som ho cely. Tym padom je to php na mieste, ospravedlnujem sa.

Mozes to spravit cez podmienku
if($_SERVER[''REMOTE_ADDR'] == "index.php?a=1&b=2") echo "background-image: url('prave_stlacene.png');"; else {echo "background-image: url('prave_nestlacene.png');";}

Malo by to tak ist

dadmtb · Napísal autor témy **dadmtb**: 28.04.2008 14:49

mno ani to nebudem skusat bo ako sa poznam mne akosi nic nejde a ked budem vediet trocha viac z php tak potom skoda ze to nejde ciste html :cry:

Flety · Napísal **Flety**: 28.04.2008 14:56

ide

len nesmies includovat ani pouzivat framy

tuto temu som tiez necital celu ak to tu uz bolo tak sry

emer · Napísal **emer**: 28.04.2008 14:56

ale ono to ide v cistom html... staci ked si spravis class napr.

.aktivne{color: red}

a potom vždy položke, ktorá má byť aktívna priradíš tu triedu

// btw, numline.. to čo za blbosť si napísal?

dadmtb · Napísal autor témy **dadmtb**: 28.04.2008 15:14

emer a nepoznas neaku stranku ktora to ma riešené týmto sposobom?????

emer · Napísal **emer**: 28.04.2008 15:23

nepozna.. prečo? nechapeš stale ak ona to? staci povedat

dadmtb · Napísal autor témy **dadmtb**: 28.04.2008 15:25

mno moc nechapem ale ja sa tu uz nerad pytam veci bo vsetci ma tu vzdy "zje.....e" :oops:

don jebot · Napísal **don jebot**: 28.04.2008 15:28

tuto to musis najst
http://www.cssplay.co.uk/menus/

a cez ciste html to ide urcite(teda ak myslis to co ja zmena obrazu ak je hover)

emer · Napísal **emer**: 28.04.2008 15:28

takze.. mas menu napr.

Kód:

<ul>
<li><a href="uvod.html">Uvod</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>

a ked uz si na stranke blog.html tak k nej priradis uz nastylovane class

Kód:

<ul>
<li><a href="uvod.html">Uvod</a></li>
<li><a class="aktivne" href="blog.html">Blog</a></li> //aktivna polozka
<li><a href="kontakt.html">Kontakt</a></li>
</ul>

nic tazke

a tu class mozes priradit aj ku li, to je uz na tebe...

a pre priklad css

Kód:

a{color: blue}
a.aktivne{color: red}

don jebot · Napísal **don jebot**: 28.04.2008 15:30

jj presne ale bo tam mozes priradit obrazok namiesto farieb

Blackshadow · Napísal **Blackshadow**: 28.04.2008 16:35

shaggy píše:

Ak to robíš čisto v html a nie v php, tak si v každej stránke nastav tej príslušnej položke v menu nejaké id/class a menu bude vyzerať inak... jednoduché.

je to vlastne to iste, ako som myslel s php.. akurat je to vychadzanie z domu oknom a nie dverami :roll:

shaggy · Napísal **shaggy**: 28.04.2008 17:38

Áno, blackshadow - v konečnom dôsledku to je to isté... ale ty si mu napísal riešenie v php, ja som mu odpovedal, že to ide aj v html (keďže vlastne výstup z php je html).

dadmtb - poznám takú stránku, kde to je riešené cez html (aj keď je to vlastne php, ale to ti môže byť jedno, ty vidíš iba to html)... ja robím tak väčšinu stránok. Teraz mám pár rozpracovaných, tie ti neukážem. Ale na jednom mojom chystanom dizajne to tak je, tak ti pošlem odkaz... môžeš študovať zdrojový kód.

dadmtb · Napísal autor témy **dadmtb**: 28.04.2008 19:42

mno tak uz mi funguje to aby to zostalo ale ked to skombinujem s hovrom neako to zase nejde nweda mi to obrazok ale iba text :roll:

css

Kód:

a{color: blue}
a.aktivne{
color:#b2d8de;
background-position:0 -50px;
}
a.blik {background: url(lol.png)no-repeat scroll;}

#horizontalne_menu ul li {
list-style-type:none;
display:inline;
font-family:Georgia;
font-size:15px;
float:left;
}

#horizontalne_menu ul li a {
text-decoration:none;
color:#c7c7c7;
float:left;
display:block;
width:200px;
height: 43px;
padding:7px 0 0 0;
text-align:center;
background: url(lol.png)no-repeat scroll;
}

#horizontalne_menu ul li a:hover {
color:#b2d8de;
background-position:0 -50px;
}

#horizontalne_menu ul li a:active {
color:#b2d8de;
background-position:0 -30px;
}

a html je rozdielny takze neviem ci ho tu mam pisat

neukaze mi hover

Podobné témy