Elimde yukardaki capsteki menunun kodları var ve aşağıda paylaşıyorum.
Bu menunun kodlarını forumda gerekli yerlere yapıştırdığımda forum'un altı üstüne geliyor.Kodlardan iyi anlayan biri varsa kendisi deneyip bu kodları editleyip gönderebilirmi?
Şu kodları silerek forumhome'da bu menuyu oluşturmaya çalıştım. Editlemeye çalışan arkadaş header'da bu kodları silerek yapabilirse çok sevinirim
<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end]
Ve işte Menunun HTML & CSS kodları.
<!-- Begin CSS Vertical Popout Menu -->
<div id="menu">
<h3>CSS Tips</h3>
<ul>
<li><a href="http://www.seoconsultants.com/css/tips/" id="csstip">CSS Tips Index</a></li>
<li><a class="x crosshair">CSS Popout Menus</a>
<ul>
<li><a href="http://www.seoconsultants.com/css/menus/vertical/">Vertical CSS Menu</a></li>
<li><a href="http://www.seoconsultants.com/css/menus/horizontal/">Horizontal CSS Menu</a></li>
<li><a href="http://www.seoconsultants.com/css/menus/tutorial/">CSS Menus Tutorial</a></li>
</ul>
</li>
<li><a id="csstexeff" class="x crosshair">CSS Text Effects</a>
<ul>
<li><a href="http://www.seoconsultants.com/css/text/decoration" id="csstexdec">Text Decoration</a></li>
<li><a href="http://www.seoconsultants.com/css/text/transform" id="csstextra">Text Transform</a></li>
<li><a href="http://www.seoconsultants.com/css/text/pre" id="csstexpre">Preformatted Text</a></li>
</ul>
</li>
</ul>
<h3>Color Conversion</h3>
<ul>
<li><a href="http://www.seoconsultants.com/css/colors/conversion/" id="colcon">Convert to Hex/RGB</a></li>
<li><a href="http://www.seoconsultants.com/css/colors/web/safe/">Web Safe Colors</a></li>
<li><a href="http://www.seoconsultants.com/css/colors/web/x11/">Xll Color Keywords</a></li>
<li><a href="http://www.seoconsultants.com/css/colors/rgb" id="csscolrgb">RGB Color Chart</a></li>
</ul>
<h3>Webmaster Tips</h3>
<ul>
<li><a href="http://www.seoconsultants.com/tips/" id="tips">Webmaster Tips Index</a></li>
</ul>
<h3>Webmaster Tools</h3>
<ul>
<li><a href="http://www.seoconsultants.com/tools/" id="tools">Webmaster Tools Index</a></li>
</ul>
<h3>Tanfa CSS Design</h3>
<ul>
<li><a href="http://www.tanfa.co.uk/css/" id="tcss" class="x">CSS Index</a>
<ul>
<li><a href="http://www.tanfa.co.uk/css/articles/" id="tart">CSS Articles</a></li>
<li><a href="http://www.tanfa.co.uk/css/borders/" id="tbor">CSS Borders</a></li>
<li><a href="http://www.tanfa.co.uk/css/examples/" id="texa">CSS Examples</a></li>
<li><a href="http://www.tanfa.co.uk/css/layouts/" id="tlay">CSS Layouts</a></li>
<li><a href="http://www.tanfa.co.uk/" id="tanfa">Tanfa Home Page</a></li>
<li><a href="http://www.tanfa.co.uk/archives/" id="tarc">Archives</a></li>
<li><a href="http://www.tanfa.co.uk/portfolio/" id="tpor">Portfolio</a></li>
<li><a href="http://www.tanfa.co.uk/contact.asp" id="tcon">Contact</a></li>
</ul>
</li>
</ul>
<!-- End CSS Vertical Popout Menu -->Buda CSS'i
/* CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus - 20050131 */
*{margin:0;padding:0;border:none;}
body{margin:0.5em 0.5em 0.5em 2.0em;font-size:100%;font-family:verdana,tahoma,arial,sans-serif;}
/* Begin CSS Popout Menu */
#menu{
position:absolute;
top:0.5em;
left:0.5em;
z-index:2;
width:11.0em;
padding-bottom:12em; /* To allow room for bottom dropdown */
}
#menu a{
font:normal 90%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 4px;
}
#menu h3{
font:bold 90%/205% tahoma,arial,helvetica,sans-serif;
display:block;
border-width:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
margin:0;
padding:0 4px;
}
#menu h3{
color:#fff;
background:#000;
text-transform:uppercase;
}
#menu a{
color:#000;
background:#eee;
text-decoration:none;
}
#menu a:hover{
color:#a00;
background:#ddd;
}
#menu a:active{
color:#060;
background:#ccc;
}
#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
}
/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */
div#menu li, div#menu li:hover{
position:relative;
}
div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}
div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}
/* End non-anchor hover selectors */
/* Styling for Expand */
#menu a.x, #menu a.x:visited{
background:#eee url(http://i48.tinypic.com/6y1stu.gif) no-repeat bottom right;
}
#menu a.x:hover{
color:#a00;
background:#ddd;
}
#menu a.x:active{
color:#060;
background:#ccc;
}
/* Begin Content Area */
#content{margin:0 0 0 10em;padding:0.5em;border:1px solid #000;}
#content a:link{color:#a00;}
#content a:visited{color:#a00;}
#content a:hover{color:#a00;background:#eee;}
#content a:active{color:#060;background:#ddd;}
#content h1, #content h2, #content h3{font:bold 1.0em arial,sans-serif;margin:0.5em 0.25em;padding:0;}
#content img{border:none;}
#content p{font:normal 0.9em/1.5em verdana,sans-serif;margin:1.0em;}
#content ul, #content ul ul{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 4.0em 1.5em 4.0em;}
#content ul li{font:normal 0.9em/1.4em verdana,tahoma,arial,sans-serif;margin:1.0em 0;}
#content ul ul li{font:normal 1.1em/1.6em verdana,tahoma,arial,sans-serif;margin:0;}
#content .fr{float:right;margin:0 0 1.0em 1.0em;}
#content .mod{font:normal .7em arial,sans-serif;margin:.25em;}
div.vv{position:relative;top:0;float:right;margin:0 0 15px 15px;}
span.as300250{float:right;margin:0 1.0em .2em 1.0em;}
span.as300250l{float:left;margin:0 1.0em .2em 1.0em;}
span.as120240{float:right;margin:0 1.0em .2em 1.0em;}
span.as120240l{float:left;margin:0 1.0em .2em 1.0em;}
/* End Content Area */