<DIV
style="LEFT: 200px; WIDTH: 900px; POSITION: absolute; TOP: 165px; HEIGHT: 160px">
<CENTER>
<link href="http://fonts.googleapis.com/css?family=Bitter&subset=latin" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="ultimatedropdown.css" />
<div class="ultimatedropdown">
<ul>
<li><a href="https://jegvirag.gportal.hu/">Főoldal</a></li>
<ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=7751968">Kódproba</a></li>
<li><a href="javascript:vold(0)">Design</a>
<ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37103181">Design</a></li>
<li><a href="javascript:vold(0)">Naptár</a>
<ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37443308">2022</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37450170">2023</a></li>
</ul>
<li><a href="javascript:vold(0)">Ünnepi kép</a>
<ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=7713388">Ünnepi kép</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=36553135">Ünnepi menü</a></li>
</ul>
<li><a href="javascript:vold(0)">Glitters</a>
<ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37448987">glitter kép</a></li>
<li><a href="#">glitter szöveg</a></li>
</ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37448985">Blinkie</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37448986">Signatures</a></li>
</ul>
</li>
<li><a href="javascript:vold(0)">Leírás</a>
<ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37050847">Gportál</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37095705">Chat</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37120999">Vendégkönyv</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37095699">Css kód</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37130991">Photofiltre</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37218322">Generátorok</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37223842">Betűtípus</a></li>
</ul>
</li>
<li><a href="javascript:vold(0)">Html kód 1</a>
<ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=5144845">Tűzijáték</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=36655379">Tábla</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=36655871">Template</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=36641194">Sidebars</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=8367873">Status bars</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=5660620">Link effekt</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=36655377">Navigáció</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=4617211">Vegyes kód</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=4422535">Naptárasóra</a></li>
</ul>
</li>
<li><a href="javascript:vold(0)">Html kód 2</a>
<ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=4406976">Bolyongó effekt</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37375709">Egérkövető effekt</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=4620749">Cursor effekt</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=6806320">Nyomda effekt</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=4616761">Eső effekt</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=6672969">Felszálló effekt</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=31460408">Kép effekt</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=5766115">Szöveg effekt</a></li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=6664024">Trash effekt</a></li>
</ul>
</li>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37097939">Forrásaim</a></li></ul>
<li><a href="https://jegvirag.gportal.hu/gindex.php?pg=37454838">Vendégkönyv</a></li>
</ul>
<br style="clear: left" />
</div>
<style>
/* Ultimate Drop Down v1.0
Project URL: http://www.dynamicdrive.com/style/csslibrary/item/ultimate_drop_down/
*/
.ultimatedropdown {
font: 16px 'Bitter', sans-serif;
background: #ffff00;
border-bottom: 0px dashed #C5D55B;
position: relative;
width: 100%;
}
/* Top Level Menu */
.ultimatedropdown ul {
z-index: 100;
margin: 0;
padding: 0;
position: relative;
list-style: none;
}
/* Top level list items */
.ultimatedropdown ul li {
position: relative;
display: inline;
float: left;
}
/* Top level menu items link style */
.ultimatedropdown ul li a, .ultimatedropdown ul li span {
display: block;
position: relative;
/* background of menu items (default state) */
background: #ffff00;
color: #000000;
padding: 10px 10px;
border-right: 0px solid red;
color: #000000;
text-decoration: none;
}
.ultimatedropdown ul li a:link, .ultimatedropdown ul li a:visited {
color: #000000;
}
/* Top level menu items link style on hover and when active */
.ultimatedropdown ul li:hover > a {
background: #ffff00;
}
/* Sub ULs style */
.ultimatedropdown ul li ul {
position: absolute;
left: 0px;
top: auto;
opacity: 0;
width: 170px;
visibility: hidden;
box-shadow: 2px 2px 5px gray;
-webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
transition: opacity .3s, visibility 0s .3s, left 0s .3s;
}
/* First Sub Levels UL style on hover */
.ultimatedropdown ul li:hover > ul {
visibility: visible;
left: 0;
opacity: 1;
-webkit-transition: opacity .5s;
transition: opacity .5s;
}
/* Sub level Menu list items (alters style from Top level List Items) */
.ultimatedropdown ul li ul li {
display: list-item;
float: none;
}
/* 2nd and beyond Sub Levels vertical offset after 1st level sub menu */
.ultimatedropdown ul li ul li ul {
top: 0;
left: 100%;
}
/* Sub Levels link style on hover and when active */
.ultimatedropdown ul ul li:hover > a {
background: #C5D55B;
}
/* Sub Levels UL style on hover */
.ultimatedropdown ul ul li:hover > ul {
left: 100%;
}
/* Sub level menu links style */
.ultimatedropdown ul li ul li a {
font: 14px 'Bitter', sans-serif;
padding: 10px;
margin: 2;
background: #ffff00;
border-right: none;
border-top-width: 0;
border-bottom: 0px dashed #C5D55B;
}
/* LIs with a sub UL style */
.ultimatedropdown ul li > a {
/* add padding to accomodate arrow inside LIs */
padding-right: 25px;
}
/* LIs with NO sub UL style */
.ultimatedropdown ul li > a:only-child {
/* undo padding for non submenu LIs */
padding-right: 10px;
}
/* LIs with a sub UL pseudo class */
.ultimatedropdown ul li > a:after {
/* add arrow inside LIs */
content: "";
position: absolute;
height: 0;
width: 0;
border: 5px solid transparent;
border-top-color: #000000;
top: 50%;
right: 8px;
}
/* LIs with NO sub UL pseudo class */
.ultimatedropdown ul li > a:only-child:after {
/* undo arrow for non submenu LIs */
display: none;
}
/* Sub ULs' LIs with a sub UL pseudo class */
.ultimatedropdown ul li ul li > a:after {
/* change arrow to right arrow inside sub UL LIs */
border-top-color: transparent;
border-left-color: #000000;
top: 40%;
right: 8px;
}
/* ####### responsive layout CSS ####### */
@media (max-width: 800px) {
/* FIRST breaking point
Last two top menu items' sub ULs should drop to the left (instead of right)
Change 2 to a different number to exclude/include more top menu items based on menu and max-width setting above
*/
.ultimatedropdown ul li:nth-last-of-type(-n+2) ul li:hover > ul {
left: -100%;
}
}
@media (max-width: 500px) {
/* SECOND breaking point
For mobile and screen browser windows
Get Sub ULs to expand entire width of document and drop down
Changes menu reveal type from "visibility" to "display" to overcome bug. See comments below
*/
.ultimatedropdown ul li {
position: static;
}
.ultimatedropdown ul li ul {
width: 100%;
border-top: 2px solid #C5D55B;
/* change menu reveal type from "visibility" to "display". Former seems to cause browser to jump to top of page sometimes when menu header is tapped on */
display: none;
}
.ultimatedropdown ul li:hover > ul {
display: block;
left: 0 !important;
top: auto;
}
.ultimatedropdown ul ul li:hover > ul {
left: 0 !important;
top: auto;
}
}
</style></CENTER></DIV>
AJÁNLOM AZ OLDALT
Súgó
Archívum
ARCHÍVUM
