Neko

Legördülő menü 4.

/egyszerű modulba illeszd be ezt a kódot, ahova a menüdet szeretnéd. Ha beilleszted a kódot, az én menüm fog megjelenni. Írd át a szöveget és a linket a sajátodra. Szöveg és link kiemelve!!!!!/
A link színe az oldaladon beállított link színét veszi fel. A lap alján a kód, amivel a link színén tudsz változtatni!!!!

<a href="#" class="button" onclick="javascript:showElement('v-menu')"> <span>Kattints a menühöz!</span> </a></p>
<ul id="v-menu" class="v-menu" style="display: none;">
    <li><a href="//aranymeli.gportal.hu/">Főoldal</a></li>
    <li><a href="//gportal.hu/gindex.php?pg=25497763">Portálépítés</a></li>
    <li><a href="//gportal.hu/gindex.php?pg=19322271">Portálszépítés</a></li>
    <li><a href="//gportal.hu/gindex.php?pg=18012139">Kódok</a></li>
    <li><a href="//aranymeli.gportal.hu/gindex.php?pg=33037026">Galéria</a></li>
</ul>

Javascript
/jobb vagy bal oldali modulba illeszd be ezt a kódot, legyen a modul aktív és más kód NE legyen benne!/

<script type="text/javascript">
function showElement(layer){
var myLayer = document.getElementById(layer);
if(myLayer.style.display=="none"){
myLayer.style.display="block";
myLayer.backgroundPosition="top";
} else {
myLayer.style.display="none";
}
}
</script>

CSS KÓD
/jobb vagy bal oldali modulba illeszd be ezt a kódot, legyen a modul aktív és más kód NE legyen benne, ha nem muszáj!/

<style type="text/css">
body{font-family:Arial, Helvetica, sans-serif; font-size:13px;}
/* -------------------------------------------------------- */
/* BUTTON                                                    */
.button{ /* menüfejléc háttere */
    background:url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1280393793_62.png)  -32px right no-repeat;
    color:#FFFFFF;
    clear:both;
    display:block;
    float:left;
    font-size:13px;
    font-weight:bold;
    height:31px;
    line-height:31px;
    width:auto;
    margin-right:30px;
}
    a.button {
        text-decoration:none;
    }
    .button span { /* menüfejléc háttere */
        background:url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1280393793_62.png) left top no-repeat;
        display:block;
        height:31px;
        line-height:31px;
        padding-left:10px;
        padding-right:8px;
        margin-right:20px;
    }
/* -------------------------------------------------------- */
/* MENU                                                        */
.v-menu{
    border:solid 1px #7F9FBF;
    width:200px;
    clear:both;
}
    ul.v-menu, .v-menu li{
        padding:0;
        margin:0;
        list-style:none;
    }
    ul.v-menu{
        clear:both;
        margin-top:6px;
        padding:6px 10px;
    }
        .v-menu li a{
            color:#555555;
            font-weight:bold;
            display:block;
            border-top:solid 1px #DEDEDE;
            padding:4px;
            text-decoration:none;
        }
        .v-menu li a:hover{
            color:#999999;
        }
</style>

CSS LINK KÓD
/jobb vagy bal oldali modulba illeszd be ezt a kódot, legyen a modul aktív/

<style type="text/css">
a:link, a:visited { /* így látható a link */
    color: #000000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
    font-size: 11px;
    text-decoration: none;
}
a:hover { /* ez akkor látható, ha ráviszed az egeret a linkre */
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    font-style: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
    cursor: default;
}
-->
</style>