منوی بسیار زیبای سی اس اس

با سلام خدمت کاربران گرامی یک لرن در این پست تصمیم گرفتیم منوی بسیار زیبای سی اس اس رو برای شما دوستان قرار بدیم تا در وبلاگ های خود از اون استفاده کنید برای دریافت و توضیحات بیشتر در ادامه مطلب همراه ما باشید …

پیش نمایش
 

شما باید این کد را بعد از تگ <head > یا قبل از <head/> در قالب خود وارد کنید .
در خط نهم مقدار 15 نشانگر فاصبه منو از بالا میباشد که میتوانید بنا به قالب خود در صورت نیاز ان را تغییر دهید
<style>
/*
www.1learn.ir
محمد مهدی محمودی
*/
.menu-top a{
text-decoration:none;
}
 
.menu-top
    {
    text-align:center;width:900px;
    padding-top:15px;
    }
.menu-top a
    {
    color:#fff;
    }
.menu-top a:hover
    {
    color:#000;
    }
 
.menu-top ul
    {
    margin:0px;padding:0px;
    list-style-type:none;
    }
.menu-top ul li
    {
    font:13pt bkoodak;padding:0px 15px 0px 15px;color:#fff;float:right;
    border-radius:6px;
    margin-right:6px;
    }
.menu-top ul li:hover
    {
    font:13pt bkoodak;padding:0px 15px 0px 15px;color:#fff;float:right;
    background:#e4e4e4;
    border-radius:6px;
    margin-right:6px;
    color:#000;
    border-bottom:2px solid #ee5757;
    }
 
.menu-top1
    {
    width:100%;height:60px;background:url(http://dl.1learn.ir/admin/posts/menu4/bg.jpg);position:relative;top:0px;
    }
@font-face {
  font-family: 'BYekan';
  src: url('http://dl.1learn.ir/admin/1learn/byekan/BYekan.eot') format('eot'),  /* IE6–8 */
       url('http://dl.1learn.ir/admin/1learn/byekan/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('http://dl.1learn.ir/admin/1learn/byekan/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
 
@font-face {
  font-family: 'BKoodak';
  src: url('http://dl.1learn.ir/admin/1learn/bkoodak/BKoodakBold.eot') format('eot'),  /* IE6–8 */
       url('http://dl.1learn.ir/admin/1learn/bkoodak/BKoodakBold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('http://dl.1learn.ir/admin/1learn/bkoodak/BKoodakBold.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
</style>
کد زیر را در قسمت مناسبی از قالب خود قرار دهید سپس به جای متون فارسی از خط 4 تا 8 متون خود را وارد کنید مثلا به جای صفحه نخست میتوانید خانه را وارد کنید و در پایان لینک متون فارسی خود را بین ” ” قرار دهید مثلا
مثلا در خط ششم به جای http://www.forum.1learn.ir لینک انجمن خود را وارد کنید
<div class="menu-top1"> 
<div class="menu-top">
<ul><li>
<a href="http://www.1learn.ir">صفحه نخست</a></li><li>
<a href="mailto:1learn.ir@gmail.com">ارسال ایمیل به مدیر</a></li><li>
<a href="http://www.forum.1learn.ir">تالار گفتمان</a></li>
<li>
<a href="http://www.1learn.ir">طراح منو</a>
</li>
</ul>
</div>
</div>

فرادرس

برچسب ها : ، ، ، ، ، ، ، ،