Neko

Menü kódja

<div id="dolphincontainer">
    <div id="dolphinnav">
        <ul>
            <li>
                <a href="//aranymeli.gportal.hu"><span>Főoldal</span></a></li>
            <li>
                <a href="//aranymeli.gportal.hu/gindex.php?pg=20199690" rel="help"><span>Segítség</span></a></li>
            <li>
                <a href="//aranymeli.gportal.hu/gindex.php?pg=18012139" rel="script"><span>Script</span></a></li>
            <li>
                <a href="//aranymeli.gportal.hu/gindex.php?pg=19322271" rel="graphics"><span>Grafika</span></a></li>
            <li>
                <a href="//aranymeli.gportal.hu/gindex.php?pg=12241863" rel="linkbook" target="_blank"><span>Itt hirdess!</span></a></li>
        </ul>
    </div>

Ide jön a menü alatti szöveg

    <!-- Sub Menus container. Do not remove -->
    <div id="dolphin_inner">
        <div class="innercontent" id="help">
            Ha kezdő vagy, vagy haladó és segítségre lenne szükséged itt mindent megtalálsz (G-Portál és minden más...)</div>
        <div class="innercontent" id="script">
            Szövegdobozok, szövegeffekt-ek, képváltó fejlécek, linkeffektek, egérkövetők, stb...</div>
        <div class="innercontent" id="graphics">
            Hátterek, brushok, fejlécek, PNG-k, .psd-k, glitterek, textúrák, minden egy helyen...</div>
        <div class="innercontent" id="linkbook">
            Honlapodat itt hirdesd a reklámkönyvben!</div>
        <!-- End Sub Menus container --></div>
</div>

CSS kód

<style type="text/css">
#dolphincontainer{
   position:relative;
   Border-bottom: 2px solid navy;
   color:#E0E0E0;
   background:#143D55;
   width:100%;
   font-family:tahoma;
}
#dolphinnav{
   position:relative;
   height:33px;
   font-size:14px;
   text-transform:uppercase;
   font-weight:bold;
   background:#fff url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1378739135_25.gif) repeat-x bottom left;
   padding:0 0 0 20px;
}
#dolphinnav ul{
   margin:0;
   padding:0;
   list-style-type:none;
   width:auto;
   float:left;
}
#dolphinnav ul li{
   display:block;
   float:left;
   margin:0 1px;
}
#dolphinnav ul li a{
   display:block;
   float:left;
   color:#EAF3F8;
   text-decoration:none;
   padding:0 0 0 20px;
   height:33px;
}
#dolphinnav ul li a span{
   padding:12px 20px 0 0;
   height:21px;
   float:left;
}
#dolphinnav ul li a:hover{
   color:#fff;
   background:transparent url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1378739115_54.gif) repeat-x bottom left;
}
#dolphinnav ul li a:hover span{
   display:block;
   width:auto;
   cursor:pointer;
}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{
   color:#fff;
   background:#1D6893 url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1378739105_07.gif) no-repeat top left;
   line-height:275%;
}
#dolphinnav ul li a.current span{
   display:block;
   padding:0 20px 0 0;
   width:auto;
   background:#1D6893 url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1378739097_90.gif) no-repeat top right;
   height:33px;
}
#dolphin_inner{
   color:white;
   padding: 5px;
   font-size: 11px;
   height: 1em;
}
#dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{
   color: white;
}
#dolphin_inner a:hover{
   color: yellow;
}
.innercontent{
   display: none;
}
--></style>
<script type="text/javascript">
var dolphintabs={
    subcontainers:[], last_accessed_tab:null,

    revealsubmenu:function(curtabref){
    this.hideallsubs()
    if (this.last_accessed_tab!=null)
        this.last_accessed_tab.className=""
    if (curtabref.getAttribute("rel")) //If there's a sub menu defined for this tab item, show it
    document.getElementById(curtabref.getAttribute("rel")).style.display="block"
    curtabref.className="current"
    this.last_accessed_tab=curtabref
    },

    hideallsubs:function(){
    for (var i=0; i<this.subcontainers.length; i++)
        document.getElementById(this.subcontainers[i]).style.display="none"
    },


    init:function(menuId, selectedIndex){
    var tabItems=document.getElementById(menuId).getElementsByTagName("a")
        for (var i=0; i<tabItems.length; i++){
            if (tabItems[i].getAttribute("rel"))
                this.subcontainers[this.subcontainers.length]=tabItems[i].getAttribute("rel") //store id of submenu div of tab menu item
            if (i==selectedIndex){ //if this tab item should be selected by default
                tabItems[i].className="current"
                this.revealsubmenu(tabItems[i])
            }
        tabItems[i].onmouseover=function(){
        dolphintabs.revealsubmenu(this)
        }
        } //END FOR LOOP
    }

}
</script><script type="text/javascript">

//dolphintabs.init("ID_OF_TAB_MENU_ITSELF", SELECTED_INDEX)
dolphintabs.init("dolphinnav", 1)

</script>

Eredeti menü: link

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.