függőleges menü 8 (bal oldalon kiugró menü)

Függőleges menü,bal oldalon :

Demó:bal oldalon a menüre kattintva!

kód:

<center>
<script language="JavaScript1.2" type="text/javascript">
/*
Copyright ˆ MaXimuS 2000-2001, All Rights Reserved.
Site: http://www.absolutegb.com/maximus
E-mail: maximus@nsimail.com
Version: 6.1 (NS6 Compatibility)
 
Tradotto, spiegato e commentato da http://www.iltelaiodipenelope.it/tutorial/index.php
*/
 
/*
Personalizzazione menu 1
*/
 
YOffset=20; // senza virgolette!! Posizione del menu rispetto al top della pagina
staticYOffset=20; // senza virgolette!!
slideSpeed=20 // senza virgolette!! Tempo di apertura e chiusura menu
waitTime=1000; // senza virgolette!! Tempo di visibilitŕ del menu da quando si toglie da sopra il mouse
hdrFontFamily="Palatino Linotype"; // Colore font titolo orizzontale [ ..:: MENU ::.. ]
hdrFontSize="2"; // Misura font titolo orizzontale [ ..:: MENU ::.. ]
hdrFontColor="#000000"; // Colore font titolo orizzontale [ ..:: MENU ::.. ]
hdrBGColor="#C7E29F"; // Colore sfondo cella titolo orizzontale [ ..:: MENU ::.. ]
hdrAlign="center"; // Posizione testo cella titolo orizzontale [ ..:: MENU ::.. ]
hdrVAlign="center"; // Posizione contenuto cella titolo orizzontale [ ..:: MENU ::.. ]
hdrHeight="30"; // Altezza cella titolo orizzontale [ ..:: MENU ::.. ]
linkFontFamily="Palatino Linotype"; // Font per i link
linkFontSize="1"; // Misura font per i link
linkBGColor="C7E29F"; // Colore font per i link
linkOverBGColor="#dfa159"; // Colore cella link al passaggio del mouse [ hover ]
linkTarget="_blank"; // Indicazione per apertura delle pagine
linkAlign="center"; // Posizione dei link nella cella
barBGColor="#C7E29F"; // Colore sfondo cella titolo verticale [ **** MENU **** ]
barFontFamily="Palatino Linotype"; // Font titolo verticale [ **** MENU **** ]
barFontSize="2"; // Misura font titolo verticale [ **** MENU **** ]
barFontColor="#C7E29F"; // Colore font titolo verticale [ **** MENU **** ]
barVAlign="center"; // Posizione contenuto cella titolo verticale [ **** MENU **** ]
barWidth=20; // senza virgolette!! Larghezza cella titolo verticale [ **** MENU **** ]
 
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
 
moving=setTimeout('null',1)
function moveOut() {
if ((NS6 && parseInt(ssm.left)<0)||(IE && ssm.style.pixelLeft<0)||(NS && document.ssm.left<0)) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed)
if (NS6) {theleft+=10;ssm.left = theleft;}
if (IE) {ssm.style.pixelLeft += 10;}
if (NS) {document.ssm.left += 10;document.ssm.clip.left-=10}}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {
clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6 && parseInt(ssm.left)>(-menuWidth))||(IE && ssm.style.pixelLeft>(-menuWidth))||(NS && document.ssm.left>(-menuWidth))) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);
if (NS6) {theleft-=10;ssm.left = theleft;}
if (IE) {ssm.style.pixelLeft -= 10;}
if (NS) {document.ssm.left -= 10;document.ssm.clip.left+=10}}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
 
lastY = 0;
function makeStatic() {
if (NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;var NM=document.all('ssm').style}
if (NS) {winY = window.pageYOffset;var NM=document.ssm}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .3 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .3 * (winY - lastY);}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (NS6) {ssm.top=parseInt(ssm.top)+smooth;}
if (IE) NM.pixelTop+=smooth;
if (NS) NM.top+=smooth;
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}
 
function initSlide() {
if (NS6){
ssm=document.getElementById("ssm").style
ssm.visibility="visible";
ssm.left = -menuWidth;}
else if (IE) {
document.all("ssm").style.visibility = "visible"
document.all("ssm").style.pixelLeft = -menuWidth;}
else if (NS) {
document.layers["ssm"].clip.left = menuWidth;
document.layers["ssm"].left = -menuWidth;
document.layers["ssm"].visibility = "show"}
if (menuIsStatic=="yes") makeStatic();}
 
function reloadPage() {if(NS)location.reload()} 
 
function startMenu(menuHeader, barText) {
if (IE||NS6) {document.write('<DIV ID="ssm" style="visibility:hidden;Position : Absolute ;Left : 0 ;Top : '+YOffset+' ;Z-Index : 20; width:1px" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER visibility="hide" top="'+YOffset+'" name="ssm" bgcolor="'+menuBGColor+'" left="0" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS6){document.write('<table style="border:0px" cellpadding="1" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}
tempBar=""
for (i=0;i<barText.length;i++) {
tempBar+=barText.substring(i, i+1)+"<br>"}
document.write('<table style="border:5px solid #f8f2e2" cellpadding="3" cellspacing="3" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><tr><td bgcolor="'+hdrBGColor+'" WIDTH="'+(menuWidth-1)+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+menuHeader+'</b></font></td><td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></TD></tr>')
theleft=-menuWidth}
 
function addItem(text, link, target) {
if (!target) {target=linkTarget}
document.write('<TR><TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+(menuWidth-1)+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+link+'" target="'+target+'" CLASS="ssmItems">'+text+'</DIV></LAYER></ILAYER></TD></TR>')}
 
function addHdr(text) {
document.write('<tr><td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+(menuWidth-1)+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+text+'</b></font></td></tr>')}
 
function endMenu() {
document.write('<tr><td bgcolor="'+hdrBGColor+'"></td></TR></table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV>')}
if (NS) {document.write('</LAYER>')}
if (NS6||IE||NS) setTimeout('initSlide();', 500)}
 
window.onresize=reloadPage
 
/*
Personalizzazione menu 2
*/
 
YOffset=20; // senza virgolette!!
staticYOffset=20; // senza virgolette!!
slideSpeed=20 // senza virgolette!!
waitTime=500; // senza virgolette!! Tempo di visibilitŕ del menu da quando si toglie da sopra il mouse
menuBGColor="#f0e4ca"; // Colore sfondo menu
menuIsStatic="yes"; // Menu che segue lo scroll pagina. Cambiare in "no" se si preferisce statico
menuWidth=140; // senza virgolette!! Aumentare il valore con multipli di 10
hdrFontFamily="Palatino Linotype"; // Colore font titolo orizzontale [ ..:: MENU ::.. ]
hdrFontSize="2"; // Misura font titolo orizzontale [ ..:: MENU ::.. ]
hdrFontColor="#585444"; // Colore font titolo orizzontale [ ..:: MENU ::.. ]
hdrBGColor="#f0e4ca"; // Colore sfondo cella titolo orizzontale [ ..:: MENU ::.. ]
hdrAlign="center"; // Posizione testo cella titolo orizzontale [ ..:: MENU ::.. ]
hdrVAlign="center"; // Posizione contenuto cella titolo orizzontale [ ..:: MENU ::.. ]
hdrHeight="30"; // Altezza cella titolo orizzontale [ ..:: MENU ::.. ]
linkFontFamily="Palatino Linotype"; // Font per i link
linkFontSize="2"; // Misura font per i link
linkBGColor="#f0e4ca"; // Colore font per i link
linkOverBGColor="#e9dabd";// Colore cella link al passaggio del mouse [hover]
linkTarget="_blank"; // Indicazione per apertura delle pagine
linkAlign="center"; // Posizione dei link nella cella
barBGColor="#f0e4ca"; // Colore sfondo cella titolo verticale [ **** MENU **** ]
barFontFamily="Palatino Linotype"; // Font titolo verticale [ **** MENU **** ]
barFontSize="2"; // Misura font titolo verticale [ **** MENU **** ]
barFontColor="#585444"; // Colore font titolo verticale [ **** MENU **** ]
barVAlign="center";// Posizione contenuto cella titolo verticale [ **** MENU **** ]
barWidth=40; // senza virgolette!! Larghezza cella titolo verticale [ **** MENU **** ]
 
/*
Inserisci qui i tuoi link
*/
startMenu("..:: MENU ::..", "***MENU***")
addItem("INTERAKTÍV", "//jegvirag.gportal.hu/gindex.php?pg=31525008", "Opzione target");
addItem("BELÉPÉS", "//jegvirag.gportal.hu/gindex.php?pg=3780653", "Opzione target");
addItem("G-PORTAL", "//jegvirag.gportal.hu/gindex.php?pg=36545561", "Opzione target");
addItem("HTML kódok", "//jegvirag.gportal.hu/gindex.php?pg=31524452", "Opzione target");
addItem("ÜNNEPI MENÜ", "//jegvirag.gportal.hu/gindex.php?pg=36553135", "Opzione target");
addItem("TUTORIAL", "//jegvirag.gportal.hu/gindex.php?pg=31528351", "Opzione target");
addItem("SITE INFO", "//jegvirag.gportal.hu/gindex.php?pg=8497538", "Opzione target");
addItem("SEGÍTEK", "//jegvirag.gportal.hu/gindex.php?pg=36461016", "Opzione target");
addItem("SZÁMLÁLÓ", "//jegvirag.gportal.hu/gindex.php?pg=3844191", "Opzione target");
endMenu()
</script></center>
 
 
 
 
 
 

 

 

 

 

 

 

 

 

 

(Ha valami nem megy szólj és segítek. virag-78@gportal.hu )

Ellenőrítve:2017.04.04.

Copyright  © 2005-2017 JégVirág Design

 

 
Oldal információ

Portálépítés és portáldíszítés kezdőknek és haladóknak! Rengetek leírás, JavaScriptek , CSS ,HTML kódok,Naptár,Design!
E-mail:virag-78@gportal.hu
Tárhely: gportal.hu
Kategoria:Portálépítés
Indulás:2005.04.12.
URL: jegvirag.gportal.hu
Facebook: Virág Design
Szerkeszto/Design:Virág

   

Virág1 , Jégvirág , Virgonc , Minta
 
Javascript,Html kód
 
Blog plusz
 
Kiemelt Menü
(Ha a képekre kattintasz akkor az elkövetkező ÜNNEPEKRE,ÉVSZAKOKRA JUTSZ el:( tavaszi menü , nyári menü , őszi menü ,  téli menüjévi menü ,  farsangi menü , valentin napi menü , anyák napi menü  , húsvéti menü , halloween menü , hálaadás menü , karácsonyi menü , születésnapi menü , gyerek napi menü  ) Amiben megtalálsz mindent amihez egy weboldalon szükség lehet.Kellemes weboldalszerkesztést!)
 
Belépés
Felhasználónév:

Jelszó:
SúgóSúgó
Regisztráció
Elfelejtettem a jelszót
 

 

Számláló
Indulás: 2005-04-12
 
Google hirdetés
 
Copyright  © 2005-2024 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 


A legfrissebb hírek Super Mario világából, plusz információk, tippek-trükkök, végigjátszások!    *****    Ha hagyod, hogy magával ragadjon a Mario Golf miliõje, akkor egy egyedi és életre szóló játékélménnyel leszel gazdagabb!    *****    A horoszkóp a lélek tükre, nagyon fontos idõnként megtudni, mit rejteget. Keress meg és nézzünk bele együtt. Várlak!    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését!    *****    rose-harbor.hungarianforum.com - rose-harbor.hungarianforum.com - rose-harbor.hungarianforum.com    *****    Vérfarkasok, boszorkányok, alakváltók, démonok, bukott angyalok és emberek. A világ oly' színes, de vajon békés is?    *****    Az emberek vakok, kiváltképp akkor, ha olyasmivel találkoznak, amit kényelmesebb nem észrevenni... - HUNGARIANFORUM    *****    Valahol Delaware államban létezik egy város, ahol a természetfeletti lények otthonra lelhetnek... Közéjük tartozol?    *****    Minden mágia megköveteli a maga árát... Ez az ár pedig néha túlságosan is nagy, hogy megfizessük - FRPG    *****    Why do all the monsters come out at night? - FRPG - Why do all the monsters come out at night? - FRPG - Aktív közösség    *****    Az oldal egy évvel ezelõtt költözött új otthonába, azóta pedig az élet csak pörög és pörög! - AKTÍV FÓRUMOS SZEREPJÁTÉK    *****    Vajon milyen lehet egy rejtélyekkel teli kisváros polgármesterének lenni? És mi történik, ha a bizalmasod árul el?    *****    A szörnyek miért csak éjjel bújnak elõ? Az ártatlan külsõ mögött is lapulhat valami rémes? - fórumos szerepjáték    *****    Ünnepeld a magyar költészet napját a Mesetárban! Boldog születésnapot, magyar vers!    *****    Amikor nem tudod mit tegyél és tanácstalan vagy akkor segít az asztrológia. Fordúlj hozzám, segítek. Csak kattints!    *****    Részletes személyiség és sors analízis + 3 éves elõrejelzés, majd idõkorlát nélkül felteheted a kérdéseidet. Nézz be!!!!    *****    A horoszkóp a lélek tükre, egyszer mindenkinek érdemes belenéznie. Ez csak intelligencia kérdése. Tedd meg Te is. Várlak    *****    Új kínálatunkban te is megtalálhatod legjobb eladó ingatlanok között a megfelelõt Debrecenben. Simonyi ingatlan Gportal    *****    Szeretnél egy jó receptet? Látogass el oldalamra, szeretettel várlak!    *****    Minõségi Homlokzati Hõszigetelés. Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati szigetelését.