Megválaszolatlan hozzászólások | Aktív témák Pontos idő: pén. márc. 29, 2024 0:28



Hozzászólás a témához  [ 8 hozzászólás ] 
Navigacio 
Szerző Üzenet
a fórum lelke
Avatar

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,
Hozzászólás Re: Navigacio
Koszi vackor, vissza raktam ugy ahogy volt, ez a javascript megoldas nemtetszet, hagyom ugy ahogy volt,. :hm:


pén. nov. 11, 2011 9:58
Profil Privát üzenet küldése Honlap
gyémánt tag
Avatar

Csatlakozott: szer. márc. 24, 2004 13:43
Hozzászólások: 4773
Tartózkodási hely: Siófok
Hozzászólás 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
Profil Privát üzenet küldése
a fórum lelke
Avatar

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,
Hozzászólás 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
Profil Privát üzenet küldése Honlap
a fórum lelke
Avatar

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,
Hozzászólás Re: Navigacio
Igy mar ok, :!:
Koszi Vackor.


hétf. nov. 07, 2011 13:09
Profil Privát üzenet küldése Honlap
gyémánt tag
Avatar

Csatlakozott: szer. márc. 24, 2004 13:43
Hozzászólások: 4773
Tartózkodási hely: Siófok
Hozzászólás 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
Profil Privát üzenet küldése
a fórum lelke
Avatar

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,
Hozzászólás Re: Navigacio
betettem, de valahogy elbujik a reklam alat, ugy akarnam, hogy ojan kiugro legyen, ha raviszem az egeret akor kiugrik, :D
http://www.viruskasino.com/


hétf. nov. 07, 2011 10:37
Profil Privát üzenet küldése Honlap
gyémánt tag
Avatar

Csatlakozott: szer. márc. 24, 2004 13:43
Hozzászólások: 4773
Tartózkodási hely: Siófok
Hozzászólás 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
Profil Privát üzenet küldése
a fórum lelke
Avatar

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,
Hozzászólás Navigacio
Sziasztok webmesterek.

Adott az oldalam.
http://www.viruskasino.com/

Na most akarnam hogy az vizszintes Navigacios menuben az
testy-kvizy|testc2
Legyen igy, egymas alatt.

testy-kvizy
testc2


a 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
Profil Privát üzenet küldése Honlap
Hozzászólások megjelenítése:  Rendezés  
Hozzászólás a témához   [ 8 hozzászólás ] 

Ki van itt

Jelenlévő fórumozók: nincs regisztrált felhasználó valamint 9 vendég


Nem nyithatsz témákat ebben a fórumban.
Nem válaszolhatsz egy témára ebben a fórumban.
Nem szerkesztheted a hozzászólásaidat ebben a fórumban.
Nem törölheted a hozzászólásaidat ebben a fórumban.

Keresés:
Ugrás:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by ST Software for PTF.
Magyar fordítás © Magyar phpBB Közösség