کدمنوی سبز برای وبلاگ ها

شروع موضوع توسط mmilada ‏15 مارس 2012 در انجمن ديگر

  1. mmilada

    mmilada کاربر جدید

    تاریخ عضویت:
    ‏19 دسامبر 2011
    ارسال ها:
    103
    تشکر شده:
    0
    اینم یه کد منوی جالب که برای قرار دادن توی وبلاگ آماده و بهینه سازی کردم و میتونید به راحتی اونو در بالای قالب یا زیر هدر جا بدین.اینم کد+ دمو

    کد:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>IzzyMenu.com</title><script type="text/javascript" src="http://www.pic.iran-forum.ir/images/res0vqae8xei01g34e3i.js"></script>
    <script type="text/javascript" src="http://www.pic.iran-forum.ir/images/p31hhdl1ls7qlfyx3yf.js"></script>
    <style>
    #MainMenu
    {
    	height:33px;
    	background:#FFF url(http://www.pic.iran-forum.ir/images/w5j4dij0stawor0c7ae.gif);
    	border:0;
    	margin:0;
    }
    #tab
    {
    	top:0;
    	height:0;
    	background:repeat-x top;
    	margin:0;
    }
    #tab ul
    {
    	list-style:none;
    	float:left;
    	margin:0;
    	padding:0;
    }
    #tab li
    {
    	display:inline;
    	float:left;
    	margin:0;
    	padding:0;
    }
    #tab a
    {
    	background:#000 url(http://www.pic.iran-forum.ir/images/5jf39zviwyvn3ei7m1lj.gif) no-repeat right top;
    	text-decoration:none;
    	border:0;
    	display:block;
    	float:left;
    	margin:0;
    	padding:0;
    }
    #tab a span
    {
    	display:block;
    	background:url(http://www.pic.iran-forum.ir/images/zw6aktg3l22sjc9divq.gif) no-repeat left top;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    	color:#000;
    	font-weight:700;
    	line-height:33px;
    	padding:0 15px;
    }
    #tab a:hover,#tab li.item_active a
    {
    	background-position:right bottom;
    	border-color:#FF9300;
    }
    #tab a:hover span,#tab li.item_active a span
    {
    	background-position:left bottom;
    	color:#FFF;
    	font-weight:700;
    	font-style:normal;
    	text-decoration:none;
    }
    .dropmenudiv,.dropmenudiv ul,.dropmenudiv li ul
    {
    	position:absolute;
    	top:0;
    	float:left;
    	display:block;
    	visibility:hidden;
    	border:0 #FDB300;
    	background:#FFF url(images/bmid_066.gif);
    	color:#000;
    	z-index:100;
    	text-decoration:none;
    	margin:0;
    	padding:0;
    }
    .dropmenudiv ul
    {
    	list-style:none;
    	margin:0;
    	padding:0;
    }
    .dropmenudiv li
    {
    	list-style:none;
    	margin:0;
    	padding:0;
    }
    .dropmenudiv a:link,.dropmenudiv a:visited
    {
    	width:180px;
    	display:block;
    	border:0;
    	color:#000;
    	background:url(images/bleft_066.gif) no-repeat left top;
    	font-weight:700;
    	font-style:normal;
    	text-decoration:none;
    	margin:0;
    	padding:0;
    }
    .dropmenudiv a span
    {
    	display:block;
    	line-height:33px;
    	background:url(images/bright_066.gif) no-repeat right top;
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:11px;
    	color:#000;
    	float:none;
    	padding:0 15px;
    }
    .dropmenudiv a:hover
    {
    	border:0 #FF9300;
    	background-position:left bottom;
    	font-weight:700;
    	font-style:normal;
    	text-decoration:none;
    	color:#FFF;
    }
    .dropmenudiv a:hover span
    {
    	background-position:right bottom;
    	color:#FFF;
    	font-weight:700;
    }
    
    </style></head><body>
    <div id="MainMenu">
    	<div id="tab">
    		<ul>
    			<li class="http://http://woc.ir/"><a href="home.html"><span><font size="2">HOME</font></span></a></li>
    			<li><a href="http://http://woc.ir/"><span><font size="2">TEST</font></span></a></li>
    			<li><a href="http://http://woc.ir/"><span><font size="2">the best forum</font></span></a></li>
                <li><a href=""><span><font size="2">woc</font></span></a></li>
            </ul>
    	</div>
    </div>