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

در این منوی زیبای سی اس اس از یک لرن میتونید یکی دیگر از منو های زیبا رو دریافت کنید و در وبلاگ یا وب سایت خود از اون استفاده کنید .

پیش نمایش
 

شما باید این کد استایل رو بعد از <head > یا قبل از </head > در ویرایش قالب خود قرار دهید .
<style>
/*
طراحی توسط تیم یک لرن
www.1learn.ir
محمد مهدی محمودی
*/
 
div#menu {
    background-image: url('http://dl.1learn.ir/admin/posts/menu5/menu.jpg');
    height: 51px;
    width: auto;
    font-family:Tahoma, Geneva, sans-serif;
    font-size:15px;
}
div#menu div ul {
    margin: 0px;
    padding-right: 0px;
    list-style-type: none;
}
div#menu div ul li {
    float: right;
    padding: 4px 2px;
}
div#menu div ul li a {
    color: #DFF7FF;
    text-shadow: 0 0 2px #000;
    padding: 6px 5px 0 5px;
    margin: 0px;
    display: block;
    text-align: center;
    text-decoration: none;
    -webkit-transition : all 0.5s ease-in-out;
    -moz-transition : all 0.5s ease-in-out;
    -o-transition : all 0.5s ease-in-out;
}
div#menu div ul li a:hover {
    color: #B92F5B;
    text-shadow: 0 0 2px #FFF;
    background-color: #00BAE1;
    border-radius: 8px;
    margin: 4px 0 4px 0;
    padding: 5px 5px 3px 5px;
    -moz-box-shadow: #666 0 1px 4px inset;
    -webkit-box-shadow: #666 0 1px 4px inset;
    box-shadow: #666 0 1px 4px inset;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition : all 0.3s ease-in-out;
    -o-transition : all 0.3s ease-in-out;
}
 
</style>
کد زیر رو در مکان مناسبی از ویرایش قالب خود قرار دهید سپس متون و لینک ها را عوض کنید و متون و لینک های خود را بنویسید مثلا
در خط پنجم میتوانید به جای صفحه نخست متن مورد نظر خود را بنویسید و همچنین باید به جای
http://www.1learn.ir
لینک صفحه نخست خود را وارد کنید و بقیه را نیز به همین ترتیب تغییر دهید .
<!-- www.1learn.ir -->
<div id="menu">
  <div style="width: 1002px;" >
    <ul>
    <li><a href="http://1learn.ir/">صفحه اصلی</a></li>
    <li><a href="http://1learn.ir/">ثبت نام</a></li>
    <li><a href="http://1learn.ir/">ورود</a></li>
    <li><a href="http://1learn.ir/" target="_blank">بازیابی رمز عبور</a></li>
    <li><a href="http://1learn.ir/">ارسال ایمیل به مدیریت</a></li>
    <a href="http://www.1learn.ir" style="display:none">
    &#1740;&#1705; &#1604;&#1585;&#1606; &#1605;&#1585;&#1580;&#1593;              &#1578;&#1582;&#1582;&#1589;&#1740; &#1608;&#1576;&#1604;&#1575;&#1711; &#1606;&#1608;&#1740;&#1587;&#1575;&#1606;
</a>
 
    </ul>
</div></div>
<!-- www.1learn.ir -->

فرادرس

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