Buton Şeklinde Menü

+ Yorum Gönder
Webmaster ve HTML-PHP-ASP-JAVA Bölümünden Buton Şeklinde Menü ile ilgili Kısaca Bilgi
  1. 1
    dj_aybastili
    Üye
    Reklam

    Buton Şeklinde Menü

    Reklam



    Buton Şeklinde Menü

    Forum Alev
    Kod:

    <HEAD>
    <STYLE type=text/css>UL {
    MARGIN-TOP: 120pt
    }
    A:hover {
    COLOR: #0000ff
    }

    .LeftNavSubOff {
    BACKGROUND-COLOR: #000066; BORDER-BOTTOM: AQUA 1px solid;
    BORDER-LEFT:AQUA 1px solid; BORDER-RIGHT: AQUA 1px solid; BORDER-TOP: AQUA 1px solid; COLOR: white; CURSOR: hand; FONT-FAMILY: verdana; FONT-SIZE: 10px; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 18px; MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; WIDTH: 100px
    }
    .LeftNavSubUp {
    BORDER-BOTTOM: yellow 1px solid;
    BORDER-LEFT:yellow 1px solid; BORDER-RIGHT: yellow 1px solid; BORDER-TOP: yellow 1px solid; COLOR: aqua; CURSOR: hand; FONT-FAMILY: verdana; FONT-SIZE: 10px; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 18px; MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; WIDTH: 100px
    }

    .LeftNavSubDown {
    BACKGROUND-COLOR: #920000; BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #003399 1px solid; BORDER-RIGHT: #99ccff 1px solid; BORDER-TOP: #003399 1px solid; COLOR: yellow; CURSOR: hand; FONT-FAMILY: verdana; FONT-SIZE: 10px; LETTER-SPACING: -0.5pt; LINE-HEIGHT: 18px; MARGIN: 2px 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 2px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; TEXT-DECORATION: none; WIDTH: 100px
    }</STYLE>
    <SCRIPT language=JAVASCRIPT type=text/javascript>
    <!--
    var oLastBtn=0;
    function RaiseButton(){
    window.event.cancelBubble=true;
    oBtn = window.event.srcElement;
    var bChosen = false;
    if(oLastBtn && oLastBtn != oBtn){
    HideButton();
    }
    if(oBtn.buttonType){
    oBtn.className = oBtn.buttonType + "Up";
    oLastBtn=oBtn;
    }
    else {
    oLastBtn = 0;
    }
    }
    function DepressButton(){
    window.event.cancelBubble=true;
    oBtn = window.event.srcElement;
    if(oBtn.buttonType){
    oBtn.className = oBtn.buttonType + "Down";
    }
    }
    function HideButton(){
    if ((oLastBtn.buttonType == "LeftNavChosen") || (oLastBtn.buttonType == "LeftNavSubChosen")) {
    oLastBtn.className = oLastBtn.buttonType;
    }
    else {
    oLastBtn.className = oLastBtn.buttonType + "Off";
    }
    }
    //-->

    </SCRIPT>

    <SCRIPT language=JAVASCRIPT type=text/javascript>
    <!--
    var strTDColor = '#000000';
    g_RolledTD = new Object;

    function textRoll(strTextColor)
    {
    window.event.srcElement.style.color = strTextColor;
    window.event.cancelBubble = true;
    }
    function TDUnRoll()
    {
    g_RolledTD.bgColor = strTDColor;
    }
    function TDRoll(strTDColor)
    {
    window.event.srcElement.bgColor = strTDColor;
    g_RolledTD = window.event.srcElement;
    window.event.cancelBubble = true;
    }

    document.onClick = TDUnRoll;
    document.onmouseover = TDUnRoll;

    //-->

    </SCRIPT>
    </HEAD>
    <BODY bgColor=#000000 leftMargin=0 link=#0000ff onmousedown=DepressButton();
    onmouseover=RaiseButton(); onmouseup=RaiseButton(); topMargin=0
    MARGINWIDTH="0">
    </SCRIPT>
    <DIV align=center>
    <TABLE border=0 bordercolor=#00ff00 cellPadding=0 cellSpacing=2>
    <TBODY>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 1</SPAN></A></STRONG></TD>
    </TR>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 2</SPAN></A></STRONG></TD>
    </TR>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 3</SPAN></A></STRONG></TD>
    </TR>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 4</SPAN></A></STRONG></TD>
    </TR>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 5</SPAN></A></STRONG></TD>
    </TR>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 6</SPAN></A></STRONG></TD>
    </TR>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 7</SPAN></A></STRONG></TD>
    </TR>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 8</SPAN></A></STRONG></TD>
    </TR>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 9</SPAN></A></STRONG></TD>
    </TR>
    <TR>
    <TD bgcolor="#115585" height=10 width=100><STRONG><A
    href="http://www.linkadi.com"target="sag">
    <SPAN
    class=LeftNavSubOff
    buttonType="LeftNavSub">
    LİNK 10</SPAN></A></STRONG></TD>
    </TR></TABLE>



  2. Alev
    Özel Üye

    Buton Şeklinde Menü Makalesine henüz yorum yazılmamış. ilk yorumu siz yapın


Sponsor Bağlantılar
+ Yorum Gönder
5 üzerinden | Toplam : 0 kişi