neukaze mi hover

dadmtb · Napísal **dadmtb**: 26.04.2008 16:22 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

Napada ma len, ze si zadal zlu cestu.

dadmtb · Napísal autor témy **dadmtb**: 26.04.2008 17:40 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

a to sa neda bez php?????

Blackshadow · Napísal **Blackshadow**: 27.04.2008 19:26 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

tvojelementalebotag:active ???
prosim o vysvetlenie

dadmtb · Napísal autor témy **dadmtb**: 27.04.2008 19:48 | neukaze mi hover

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

shaggy · Napísal **shaggy**: 27.04.2008 20:01 | neukaze mi hover

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 | neukaze mi hover

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

shaggy · Napísal **shaggy**: 27.04.2008 20:21 | neukaze mi hover

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 | neukaze mi hover

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

Numline1 · Napísal **Numline1**: 27.04.2008 21:05 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

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

emer · Napísal **emer**: 28.04.2008 15:23 | neukaze mi hover

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

dadmtb · Napísal autor témy **dadmtb**: 28.04.2008 15:25 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

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 | neukaze mi hover

jj presne ale bo tam mozes priradit obrazok namiesto farieb

Blackshadow · Napísal **Blackshadow**: 28.04.2008 16:35 | neukaze mi hover

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 | neukaze mi hover

Á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 | neukaze mi hover

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

neukaze mi hover

Podobné témy

neukaze sa!

Facebook mi nevyhľadá a neukáže jedného človeka

SE K550i: v PC sa neukáže ako mass storage

Po pripojení druhého harddisku k doske ho windows neukáže

BLBNE PC neukaze sa niekedy HDD a DVD-RW (neviem ako inac)

hover

Menu hover

hover menu

hover efekt

hover menu

Obrázkové hover

nastylizovanie a:hover

Horizontalne Hover menu

Hover na menu

zakazanie dedeneho hover

mozno komplikovany hover