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

 


Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - 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    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség    *****    Itachi Shinden 1. kötet Magyarul elérhetõ a konoha.hu -n. Nézzetek be! *** Itachi Shinden 1. kötet Magyarul elérhetõ!!!    *****    ÁGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT    *****    Movie-    *****    Játssz a színekkel keress szebbnél szebb képeket, építs, szépítsd a portálod, hogy szebb és színesebb legyen a világod!    *****    Debrecen Huszti Lakóparki napelemes családiház eladó. 06209911123 Debrecen Huszti Lakóparki napelemes családiház eladó.    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél színes szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati hõszigetelését!    *****    * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. *    *****    Elindult a Játék határok nélkül rajongói oldal! Ha te is szeretted a '90-es évek népszerû mûsorát, nézz be ide!