vízszintes navigáció(sárga)18

Vízszintes menü 18 :

Demó:

kód:

<style>
 
ul.slideuptabs{
list-style: none;
margin: 0;
padding: 0;
position: relative;
text-align: left; /* change to "center" or "right" to align differently */
border-bottom: 10px solid green; /* bottom border */
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #d8d8d8 100%); /* gray gradient background */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d8d8d8));
background: -webkit-linear-gradient(top,  #ffffff 0%,#d8d8d8 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#d8d8d8 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#d8d8d8 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#d8d8d8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8',GradientType=0 );
}
 
 
ul.slideuptabs li{
 display: inline;
}
 
ul.slideuptabs li:first-of-type{
margin-left: 10px;
}
 
ul.slideuptabs a{
position: relative;
display: inline-block;
overflow: hidden;
color: black; /* font color */
text-decoration: none;
padding: 8px 20px;
font-size: 14px; /* font size */
font-weight: bold;
vertical-align: bottom;
-webkit-transition: color 0.5s; /* transition property and duration */
-moz-transition: color 0.5s;
transition: color 0.5s;
}
 
ul.slideuptabs a span{
position: relative;
z-index: 10;
}
 
ul.slideuptabs a::before{
content: '';
color: white;
display: block;
position: absolute;
width: 100%;
height: 100%;
background: green; /* tab background */
left: 0;
top: 110%; /* extra 10% is to account for shadow dimension */
box-shadow: -2px 2px 10px rgba(255,255,255,.5) inset;
border-radius: 15px 15px 0 0 / 12px 12px; /* oval shaped border for top-left and top-right corners */
-webkit-transition: top 0.5s; /* transition property and duration */
-moz-transition: top 0.5s;
transition: top 0.5s;
}
 
ul.slideuptabs a:hover{
color: white; /* hover color */
}
 
ul.slideuptabs a:hover::before{
top: 0; /* slide tab up */
}
 
/****** Responsive Code ******/
 
@media screen and (max-width: 640px) {
 
ul.slideuptabs li:first-of-type{
margin-left: 0;
}
}
 
/****** Theme Orange ******/
 
ul.slideuptabs.orange{
border-bottom-color: #F4BB00;
}
 
ul.slideuptabs.orange li a{
color: black;
}
 
ul.slideuptabs.orange a::before{
background: #F4BB00;
}
 
</style>
 
<!--[if lte IE 8]>
<style type="text/css">
 
ul.slideuptabs a:hover{
color: black; /* hover color for IE8 where tabs don't slide up */
}
 
</style>   
<![endif]-->
 
<ul class="slideuptabs orange">
<li><a href="//jegvirag.gportal.hu/gindex.php?pg=36926846"><span>Főoldal</span></a></li>
<li><a href="//jegvirag.gportal.hu/gindex.php?pg=3780653"><span>Belépés</span></a></li>
<li><a href="//jegvirag.gportal.hu/gindex.php?pg=36644039"><span>HTML kód</span></a></li> 
<li><a href="//jegvirag.gportal.hu/gindex.php?pg=36461016"><span>Segítek</span></a></li> 
<li><a href="//jegvirag.gportal.hu/gindex.php?pg=36628088/"><span>Chat</span></a></li> 
<li><a href="http://users2.smartgb.com/g/g.php?a=s&i=g26-33486-46"><span>Vendégkönyv</span></a></li> 
</ul>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

(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-2025 Virág Design /  www.jegvirag.gportal.hu /  virag-78@gportal.hu

 


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!    *****    A legfrissebb hírek a Super Mario világából és a legteljesebb adatbázis a Mario játékokról.Folyamatosan bõvülõ tartalom.    *****    Gigágá! Márton napján is gyertek a Mesetárba! Nemcsak libát, de kacsát is kaptok! Játsszatok velünk!    *****    A Nintendo a Nintendo Music-kal megint valami kiváló dolgot hozott létre! Alaposan nagyító alá vettem, az eredmény itt.    *****    Leanderek, Parfümök, Olajok, és Szépségápolási termékek! Használd a LEVI10 kupont és kapj 10% kedvezményt!Megnyitottunk    *****    Megjelent a Nintendo saját gyártású órája, a Nintendo Sound Clock Alarmo! Ha kíváncsi vagy, mit tud, itt olvashatsz róla    *****    Megnyílt a webáruházunk! Parfümök, Szépségápolási termékek, Olajok mind egy helyen! Nyitási akciók, siess mert limitált!    *****    Az általam legjobbnak vélt sportanimék listája itt olvasható. Top 10 Sportanime az Anime Odyssey-n!    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél szebb képek! Ha gondolod gyere less be!    *****    Megnyílt a webáruházunk! NYITÁSI AKCIÓK! Tusfürdõ+Fogkrém+Sampon+Izzadásgátló+multifunkcionális balzsam most csak 4.490!    *****    Új mese a Mesetárban! Téged is vár, gyere bátran!    *****    Veterán anime rajongók egyik kedvence a Vadmacska kommandó. Retrospektív cikket olvashatsz róla az Anime Odyssey blogban    *****    Parfümök, Olajok, Párologtatók mind egy weboldalon! Siess mert nyitási AKCIÓNK nem sokáig tart! Nagy kedvezmények várnak    *****    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!    *****    Aki érdeklõdik a horoszkópja után, az nem kíváncsi, hanem intelligens. Rendeld meg most és én segítek az értelmezésben!    *****    A Múzsa, egy gruppi élményei a színfalak mögött + napi agymenések és bölcseletek    *****    KARATE OKTATÁS *** kicsiknek és nagyoknak *** Budapest I. II. XII.kerületekben +36 70 779-55-77    *****    Augusztus 26-án Kutyák Világnapja! Gyertek a Mesetárba, és ünnepeljétek kutyás színezõkkel! Vau-vau!    *****    A horoszkóp elemzésed utáni érdeklõdés, nem kíváncsiság hanem intelligencia. Rendeld meg és nem fogod megbánni. Katt!!!    *****    Cikksorozatba kezdtem a PlayStation történelmérõl. Miért indult nehezen a Sony karrierje a konzoliparban?