vízszintes menü képekkel(saját készítés)

vízszintes menü képekkel(saját készítés):

Demó:látható az oldalon!

 

Kód:

<div style="LEFT: 1 px; WIDTH: 1150 px; POSITION: absolute; TOP:360px; HEIGHT: 250px">
<style type="text/css">
#menu{
list-style: none;
}
#menu li{
float: left;
padding: 2px;
position: relative;
}
#menu a{
float:left;
padding: 6px 0;
width:100px;
}
#menu li a{
font-family: Century Gothic !important;
font-size: 10px !important;
color: #000000;
text-align: center;
background:  #ffffff;
letter-spacing: 1px !important;
text-transform: uppercase;
text-decoration: none;
}
#menu li:hover > a{color: #000000;}
*html #menu li a:hover{ /* IE6 */
color: #ffffff;
}
#menu li:hover > ul{
display: block;
}
#submenu{
list-style: none;
padding: 0;
display: none;
position: absolute;
top: 45px;
left: 2px;
z-index: 99999;
background:#ffffff;
width: 100px;
}
#submenu li{
float: none;
margin: 0;
padding: 0;
display: block;
}
#submenu li a{
font-family: Century Gothic !important;
font-size: 13px !important;
font-weight: normal !important;
color: #000000 !important;
background:  #ffffff;
padding: 10px 0;
line-height: 1;
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#submenu li a:hover{ /* lenyíló menü színe, ha ráviszed az egeret */
color: #000000 !important;
background: #949664;
} </style>
<center>
 
<ul id="menu">
<li>
<a href="//jegvirag.gportal.hu"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1501860128_13.jpg" /></a></li>
<li>
<a href="//jegvirag.gportal.hu"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1501860128_60.jpg" /></a></li>
<li>
<a href="//jegvirag.gportal.hu"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1501860128_99.jpg" /></a></li>
<li>
<a href="//jegvirag.gportal.hu"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1501860128_08.jpg" /></a></li>
<li>
<a href="//jegvirag.gportal.hu"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1501860128_72.jpg" /></a></li>
<li>
<a href="//jegvirag.gportal.hu"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1501860128_67.jpg" /></a></li>
<li>
<a href="//jegvirag.gportal.hu"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1501860128_84.jpg" /></a></li>
<li>
<a href="//jegvirag.gportal.hu"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1501860128_58.jpg" /></a></li>
 
</ul>
</center>
</div>
 
 
 
 
 
 
 
 

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

Készült:2017.08.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-2025 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 


A PlayStation 3 átmeneti fiaskója után a PlayStation 4 ismét sikersztori volt. Ha kíváncsi vagy a történetére, katt ide!    *****    A Bakuten!! az egyik leginkább alulértékelt sportanime. Egyedi, mégis csodálatos alkotásról van szó. Itt olvashatsz róla    *****    A PlayStation 3-ra jelentõsen felborultak az erõviszonyok a konzolpiacon. Ha érdekel a PS3 története, akkor kattints ide    *****    Új mese a Mesetárban! Téged is vár, gyere bátran! Mese, mese, meskete - ha nem hiszed, nézz bele!    *****    Az Anya, ha mûvész - Beszélgetés Hernádi Judittal és lányával, Tarján Zsófival - 2025.05.08-án 18:00 -Corinthia Budapest    *****    &#10024; Egy receptes gyûjtemény, ahol a lélek is helyet kapott &#8211; ismerd meg a &#8222;Megóvlak&#8221; címû írást!    *****    Hímes tojás, nyuszipár, téged vár a Mesetár! Kukkants be hozzánk!    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168    *****    Nagyon ütõs volt a Nintendo Switch 2 Direct! Elemzést a látottakról pedig itt olvashatsz!    *****    Elkészítem születési horoszkópod és ajándék 3 éves elõrejelzésed. Utána szóban minden kérdésedet megbeszéljük! Kattints    *****    Könyves oldal - egy jó könyv, elrepít bárhová - Könyves oldal    *****    20 éve jelent meg a Nintendo DS! Emlékezzünk meg ról, hisz olyan sok szép perccel ajándékozott meg minket a játékaival!    *****    Ha érdekelnek az animék,mangák,videojátékok, japán és holland nyelv és kultúra, akkor látogass el a személyes oldalamra.    *****    Dryvit, hõszigetelés! Vállaljuk családi házak, nyaralók és egyéb épületek homlokzati szigetelését! 0630/583-3168 Hívjon!    *****    Könyves oldal - Ágica Könyvtára - ahol megnézheted milyen könyveim vannak, miket olvasok, mik a terveim...    *****    Megtörtént Bûnügyekkel foglalkozó oldal - magyar és külföldi esetek.    *****    Why do all the monsters come out at night? - Rose Harbor, a város, ahol nem a természetfeletti a legfõbb titok - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    Mindig tudnod kell, melyik kiköt&#245; felé tartasz. - ROSE HARBOR, a mi városunk - FRPG