أضف الأكواد التالية في القالب
1- كود css ...أضفه قبل ]]></b:skin>
<style type="text/css">ul,li,nav {border:0pt none;font:inherit;margin:0pt;padding:0pt;}nav {display:block;}ol,ul {list-style:none outside none;}a {text-decoration:none;}.wrap {width:100%;margin:auto;}.nav {background-color:#333;height:49px;text-align:center;position:inherit;width:100%;left:0;z-index:999;-moz-transition:top 0.4s ease;-webkit-transition:top 0.4s ease;-o-transition:top 0.4s ease;-ms-transition:top 0.4s ease;transition:top 0.4s ease;}.overlay:hover ~ .nav,.nav:hover {top:0;}.navigation {display:inline-block;}.navigation li {display:inline;}.navigation a {display:block;float:left;font-family:helvetica,arial,sans-serif;color:#fff;font-size:12px;height:100%;line-height:49px;text-transform:uppercase;padding:0 40px;font-weight:bold;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease;}.navigation li:nth-child(1) a:hover {background-color:#ff9000;}.navigation li:nth-child(2) a:hover {background-color:#73e900;}.navigation li:nth-child(3) a:hover {background-color:#992ff3;}.navigation li:nth-child(4) a:hover {background-color:#38eec5;}.navigation li:nth-child(5) a:hover {background-color:#ff6000;}.navigation li:nth-child(6) a:hover {background-color:#008aff;}.navigation li:nth-child(7) a:hover {background-color:#ff0096;}.navigation li:nth-child(8) a:hover {background-color:#ff3939;}.botright {text-align:right;width:480px;float:right}#menu-module {background:#DDD;width:100%}#menu-wrapper {background:#DDD;font-size:14px;width:999px;margin:0 auto}#main_menu {background:#fff;list-style-type:none;text-align:left;margin:0;padding:0}.top_menu {float:left;position:relative;border-right:1px solid #E8EBED}#main_menu a {background-color:#888;color:#0000FF;display:block;padding:0 15px;text-decoration:none;height:45px;line-height:45px}#main_menu a:hover {color:#444}#main_menu a {background:#DDD}#main_menu ul {list-style:none;position:absolute;display:none;margin-left:-41px;z-index:999}#main_menu ul li:first-child a {border-top:1px solid #E8EBED;}#main_menu ul li {}#main_menu li:hover ul {display:block}#main_menu li ul a {font-size:15px;height:35px;line-height:35px;min-width:120px;border-bottom:1px solid #E8EBED;border-left:1px solid #E8EBED;border-right: 1px solid #E8EBED}</style>
2- أضف هذا الكود بعد <body>
<div class='nav'><div class='wrap'><ul class='navigation'><li><a href='/'>Home</a></li><li><a href='#'>Tourist</a></li><li><a href='#'>Tech</a></li><li><a href='#'>Life</a></li><li><a href='#'>Asian</a></li><li><a href='#'>Travel US</a></li><li><a href='#'>Travel</a></li><li><a href='/'>Style</a></li></ul></div></div>
3-غير الروابط الزرقاء و التسميات الصفراء
4- احفظ القالب ...وتمتع
إرسال تعليق