 | | |
 | Stránka: 1 z 1
| [ Príspevkov: 2 ] | |
| Autor | Správa |
|---|
Registrovaný: 04.12.07
Prihlásený: 05.11.15
Príspevky: 347
Témy: 51
Bydlisko: Internet |  Napísal pa3ck: 26.07.2011 22:55 | |
|
Ahojte, potrebujem s niecim pomoct.
Mam stranku, v ktorej su odkazy. Odkazy su obrazky. Po prejdeni mysi, by sa malo zmenit obrazok v tej polohe, ako bol predchadzajuci + chcem aby sa zobrazil nový obrázok v nejakej inej polohe.
Momentalne mam iba to jednoduche menenie obrazku, ale neviem ako zakomponovat, aby po prejdeni mysi, zmenil obrazok v menu ale aj aby zobrazil pobrazok niekde inde na tej stranke.
Proste chcem dvojitý hover efekt na dany blok.
Nemohli by ste ma k tomu nejako doviesť?
Tu je HTML kod:
Kód: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <link rel="stylesheet" href="style.css" type="text/css"> <title></title> </head> <body> <div id=kruh> <a href="#"><div id=obrazok1></div></a> <a href="#"><div id=obrazok2></div></a> <a href="#"><div id=obrazok3></div></a> <a href="#"><div id=obrazok4></div></a> </div> </body> </html> a tuna CSS: Kód: * {
margin:0;
padding:0;
}
body {
background-color: black;
}
#kruh {
background-image: url(kruh.png);
background-repeat: no-repeat;
width: 574px;
height: 574px;
margin: auto
}
#obrazok1 {
position: absolute;
background-image: url(bublina.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
margin-left: 70px;
margin-top: 20px;
}
#obrazok1:hover {
background-image: url(bublina1.png);
}
#obrazok2 {
position: absolute;
background-image: url(bublina.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
margin-left: -20px;
margin-top: 140px;
}
#obrazok2:hover {
background-image: url(bublina1.png);
}
#obrazok3 {
position: absolute;
background-image: url(bublina.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
margin-left: -30px;
margin-top: 290px;
}
#obrazok3:hover {
background-image: url(bublina1.png);
}
#obrazok4 {
position: absolute;
background-image: url(bublina.png);
background-repeat: no-repeat;
width: 80px;
height: 80px;
margin-left: 50px;
margin-top: 430px;
}
#obrazok4:hover {
background-image: url(bublina1.png);
}
Je to proste kruh, kde okolo kruhu su obrazky ktore sa maju menit, a do stredu kruhu ma sa po prejdeni mysi na nejaky odkaz objavit novy obrazok.
Ďakujem za rady.
|
|
Registrovaný: 06.08.11
Prihlásený: 29.08.11
Príspevky: 2
Témy: 0 |
sice off topic, mozno to robim ja zle  , ale ked niekam dam position:absolute
tak to pozicujem pomocou top:; a left:; a nie marginom.
k tomu hover efektu, ked chces menit polohu na hover, tak v #obrazok:hover zmenis v css top a left, alebo v tvojom pripade margin..
ale neviem si predstavit ten kruh, ale myslim ze to bude blbnut.
|
|
| Stránka: 1 z 1
| [ Príspevkov: 2 ] | |
Podobné témy | | Témy | Odpovede | Zobrazenia | Posledný príspevok |
|---|
 | Ako zrusit hover efekt na ikone ? (Win 7/vista) v Operačné systémy Microsoft | 0 | 438 | 12.06.2009 13:18 aero_help  |  | hover v HTML, XHTML, XML, CSS | 9 | 743 | 08.08.2008 15:13 exoomer | | EFEKT v Grafické programy | 6 | 1320 | 14.04.2008 22:29 prandof | | Efekt v Video programy | 2 | 542 | 31.08.2011 9:49 adam.straka | | Menu hover v HTML, XHTML, XML, CSS | 29 | 668 | 28.03.2013 22:06 pecado | | hover menu v HTML, XHTML, XML, CSS | 0 | 427 | 19.05.2010 20:38 camo | | Obrázkové hover v HTML, XHTML, XML, CSS | 8 | 502 | 12.03.2010 14:26 Denco1 | | hover menu v HTML, XHTML, XML, CSS | 0 | 542 | 22.09.2011 16:01 camo | | Efekt písma v Video programy | 1 | 465 | 24.03.2010 6:59 Jaro | | Efekt obrazka v JavaScript, VBScript, Ajax | 8 | 1232 | 20.07.2008 1:14 emer | | hrdzavy efekt! v Modifikácie, návody a projekty | 6 | 1713 | 06.01.2008 9:48 vkmt | | Video efekt v Video programy | 2 | 578 | 13.02.2011 17:22 sparco8888 | | GTA efekt v Grafické programy | 8 | 1147 | 02.10.2008 6:38 CommanderBomber | | Hover na menu v HTML, XHTML, XML, CSS | 24 | 996 | 29.04.2008 18:11 Blackshadow | | zakazanie dedeneho hover v HTML, XHTML, XML, CSS | 3 | 629 | 07.02.2011 22:32 coldak | | mozno komplikovany hover v JavaScript, VBScript, Ajax | 4 | 620 | 21.10.2008 0:06 walther |
| Nemôžete zakladať nové témy v tomto fóre
Nemôžete odpovedať na témy v tomto fóre
Nemôžete upravovať svoje príspevky v tomto fóre
Nemôžete mazať svoje príspevky v tomto fóre
|
|
