Szerző |
Üzenet |
stell
a fórum lelke
Csatlakozott: vas. jún. 24, 2007 10:18 Hozzászólások: 6679 Tartózkodási hely: Revuca.S.k>>Szlovákia, nem tudok jól magyarul írni, ezért ilyen amit látsz,
|
Re: Navigacio
Koszi vackor, vissza raktam ugy ahogy volt, ez a javascript megoldas nemtetszet, hagyom ugy ahogy volt,.
|
pén. nov. 11, 2011 9:58 |
|
|
vackor
gyémánt tag
Csatlakozott: szer. márc. 24, 2004 13:43 Hozzászólások: 4912
|
Re: Navigacio
Ez a nyerő megoldás! stell írta: Idézet: <script type="text/javascript"> function show() { document.getElementById('pop1').style.display = 'inline'; document.getElementById('pop2').style.display = 'inline'; }
function hide() { document.getElementById('pop1').style.display = 'none'; document.getElementById('pop2').style.display = 'none'; } </script> Mert en nem vagyok, programozo, es meg egy kerdes ezt nem lehet beteni egyenesen a CSS stylusba?? Szerintem a CSS-be nem lehet. Ha külön akarod, akkor önálló JS fájlba lehet tenni, de a tartalma akkor is ugyanez lesz.
|
hétf. nov. 07, 2011 22:36 |
|
|
stell
a fórum lelke
Csatlakozott: vas. jún. 24, 2007 10:18 Hozzászólások: 6679 Tartózkodási hely: Revuca.S.k>>Szlovákia, nem tudok jól magyarul írni, ezért ilyen amit látsz,
|
Re: Navigacio
na varjal ha boviteni akarom akkor igy?? Idézet: <script type="text/javascript"> function show() { document.getElementById('pop1').style.display = 'inline'; } function show() { document.getElementById('pop2').style.display = 'inline'; } function hide() { document.getElementById('pop1').style.display = 'none'; } function hide() { document.getElementById('pop2').style.display = 'none'; } </script> Vagy igy?? Idézet: <script type="text/javascript"> function show() { document.getElementById('pop1').style.display = 'inline'; document.getElementById('pop2').style.display = 'inline'; }
function hide() { document.getElementById('pop1').style.display = 'none'; document.getElementById('pop2').style.display = 'none'; } </script> Mert en nem vagyok, programozo, es meg egy kerdes ezt nem lehet beteni egyenesen a CSS stylusba??
|
hétf. nov. 07, 2011 13:17 |
|
|
stell
a fórum lelke
Csatlakozott: vas. jún. 24, 2007 10:18 Hozzászólások: 6679 Tartózkodási hely: Revuca.S.k>>Szlovákia, nem tudok jól magyarul írni, ezért ilyen amit látsz,
|
Re: Navigacio
Igy mar ok, Koszi Vackor.
|
hétf. nov. 07, 2011 13:09 |
|
|
vackor
gyémánt tag
Csatlakozott: szer. márc. 24, 2004 13:43 Hozzászólások: 4912
|
Re: Navigacio
Bocs, az Adblock miatt nem tűnt fel, hogy a reklám eltakarja. A takarás kivédhető a z-index megadásával. Az egérre megjelenés viszont komplikáltabb. Kell egy azonosító a menüpontnak (pl. id="pop1"), alapból el kell rejteni (display: none), és kell egy esemény, amire megjelenik. Ez most a "testy-kvizy" listaelemen lesz megadva (onmouseover). Kell még egy olyan esemény is, amire a menüpont eltűnik, persze némi késleltetéssel (itt most 3000ms). A show() és hide() függvények bővíthetők további menüpontokkal, csak legyen egyedi azonosítója mindegyiknek (pop1, pop2, pop3, stb.) Kód: <script type="text/javascript"> function show() { document.getElementById('pop1').style.display = 'inline'; }
function hide() { document.getElementById('pop1').style.display = 'none'; } </script>
<ul class="basictab"> [...] <li style="position: absolute; top: -3px;" onmouseover="show()" onmouseout="setTimeout('hide()',3000)"> <a href="http://www.viruskasino.com/p/testy-kvizy.html" title="testy-kvizy">testy-kvizy</a></li> <li id="pop1" style="position: absolute; top: 25px; z-index: 1; display: none"> <a href="http://www.viruskasino.com/p/testc2.html" title="testc2">testc2</a></li> </ul>
|
hétf. nov. 07, 2011 13:00 |
|
|
stell
a fórum lelke
Csatlakozott: vas. jún. 24, 2007 10:18 Hozzászólások: 6679 Tartózkodási hely: Revuca.S.k>>Szlovákia, nem tudok jól magyarul írni, ezért ilyen amit látsz,
|
Re: Navigacio
betettem, de valahogy elbujik a reklam alat, ugy akarnam, hogy ojan kiugro legyen, ha raviszem az egeret akor kiugrik, http://www.viruskasino.com/
|
hétf. nov. 07, 2011 10:37 |
|
|
vackor
gyémánt tag
Csatlakozott: szer. márc. 24, 2004 13:43 Hozzászólások: 4912
|
Re: Navigacio
Próbáld a két elemet abszolút pozícióval megadni. Ehhez beszúrtam két style attribútumot a listaelemekhez, így jónak tűnik. Kód: <ul class="basictab"> <li><a href="http://www.viruskasino.com/">Domov</a></li> <li><a href="http://virusstell.blogspot.com/2010/12/programy-na-odstranenie-malware-z.html">Programy</a></li> <li><a href="http://virusstell.blogspot.com/p/prva-pomoc-pre-pocitace-ako-odstranit.html">Fórum</a></li> <li><a href="http://www.viruskasino.com/2011/01/zachranne-cd.html">Záchranné CD</a></li> <li><a href="http://www.viruskasino.com/p/tv-program_01.html">Veda-a-technika</a></li> <li><a href="http://www.viruskasino.com/2011/01/windows-7-firewall.html">windows-7-Firewall</a></li> <li><a href="http://www.viruskasino.com/2011/06/onlinehry.html">onlinehry </a></li> <li><a href="http://www.viruskasino.com/view/sidebar">Dynamic Views</a></li> <li style="position: absolute; top: -3px;"><a href="http://www.viruskasino.com/p/testy-kvizy.html" title="testy-kvizy">testy-kvizy</a></li> <li style="position: absolute; top: 25px;"><a href="http://www.viruskasino.com/p/testc2.html" title="testc2">testc2</a></li> </ul>
|
hétf. nov. 07, 2011 10:24 |
|
|
stell
a fórum lelke
Csatlakozott: vas. jún. 24, 2007 10:18 Hozzászólások: 6679 Tartózkodási hely: Revuca.S.k>>Szlovákia, nem tudok jól magyarul írni, ezért ilyen amit látsz,
|
Navigacio
Sziasztok webmesterek. Adott az oldalam. http://www.viruskasino.com/Na most akarnam hogy az vizszintes Navigacios menuben az testy-kvizy|testc2Legyen igy, egymas alatt. testy-kvizy testc2a CSS Idézet: .basictab{ padding: 3px 0; margin-left: 0; font: bold 12px Verdana; border-bottom: 1px solid gray; list-style-type: none; text-align: center; } .basictab li{ display: inline; margin: 0; } .basictab li a{ text-decoration: none; padding: 3px 7px; margin-right: 3px; border: 1px solid gray; border-bottom: none; background-color: #4cfaa7; color: #2d2b2b; } .basictab li a:visited{ color: #2d2b2b; } .basictab li a:hover{ background-color:#0c7803; color: #decfb8; } .basictab li a:active{ color: black; } .basictab li.selected a{ /*selected tab effect*/ position: relative; top: 1px; padding-top: 4px; background-color: #0c7803; color: black; } Az script. Idézet: <ul class="basictab"> <li><a href="http://www.viruskasino.com/">Domov</a></li> <li><a href="http://virusstell.blogspot.com/2010/12/programy-na-odstranenie-malware-z.html">Programy</a></li> <li><a href="http://virusstell.blogspot.com/p/prva-pomoc-pre-pocitace-ako-odstranit.html">Fórum</a></li> <li><a href="http://www.viruskasino.com/2011/01/zachranne-cd.html">Záchranné CD</a> </li> <li><a href="http://www.viruskasino.com/p/tv-program_01.html">Veda-a-technika</a></li> <li><a href="http://www.viruskasino.com/2011/01/windows-7-firewall.html">windows-7-Firewall</a></li><li><a href="http://www.viruskasino.com/2011/06/onlinehry.html">onlinehry </a></li><li><a href="http://www.viruskasino.com/view/sidebar">Dynamic Views</a></li><li><a href="http://www.viruskasino.com/p/testy-kvizy.html">testy-kvizy</a></li> <li><a href="http://www.viruskasino.com/p/testc2.html">testc2</a> </li></ul> Koszonom.
|
vas. nov. 06, 2011 11:06 |
|
|