انجمن


منوی زیبا مثل این سایت چطوری درست میشه؟  (۵ نوشته)

  • vesal

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۵
    تشکر شده: ۲ بار
    # نوشته شده: ۱۳ سال پیش
    ۱۰ دی ۱۳۸۹ - ۱۱:۳۳

    با سلام
    من یه قالب وردپرس گرفتم دوست دارم منوی سایتم را مثل این سایت دربیارم چگونه می توانم این کار را بکنم منظورم اینکه وقتی اشاره گر موس روش می ره به حالت خاصی گه در منوهای این سایت هست دربیاد لطفا من را راهنمائی بفرمائید. با تشکر از همه وردپرسیهای عزیز

  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۱۰ دی ۱۳۸۹ - ۱۲:۳۵

    سلام, باید از جی‌کوئری استفاده کنید
    آموزش 1 و 2

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    طراحان نوین - winsent - vesal - ~> Mr.vAhiD.DI <~ - Saeed Fard
  • vesal

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۵
    تشکر شده: ۲ بار
    # نوشته شده: ۱۳ سال پیش
    ۱۰ دی ۱۳۸۹ - ۲۰:۲۹

    دوست من از راهنمائی شما ممنونم اما اگر میشد راهنمائی ساده تر و روانتری می فرمودید ممنون می شدم من یک کاربر حرفه ای نیستم اگر ممکن بگید چه کدهائی راباید به چه قسمتهای قالبم اضافه کنم تا بتونم منوهای زیبائی داشته باشم

  • Mostafa

    آفلاین
    ناظم
    تعداد نوشته‌ها: ۵۲۷۶
    تشکر شده: ۵۷۷۷ بار
    # نوشته شده: ۱۳ سال پیش
    ۱۱ دی ۱۳۸۹ - ۰۰:۴۱

    فایل header.php پوسته رو باز کنید و کد زیر رو در مکان مناسبی قرار دهید:

    <ul id="nav">
    <?php wp_list_pages('title_li=') ?>
    </ul>

    سپس کد زیر رو به style.css اضافه کنید:

    ul
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    ul#nav li
    {
        float: left;
        position: relative;
        width: 148px;
        margin: 0 20px 0 0;
    }
    
    ul#nav li a
    {
        display: block;
        padding: 5px 10px;
        border: solid 1px #000;
        color: #fff;
        background-color: #000;
        text-decoration: none;
        font: 12px Tahoma, Geneva, sans-serif;
    }
    
    ul#nav li a:hover
    {
        color: #000;
        background-color: #fff;
    }
    
    ul#nav li ul
    {
        position: absolute;
        top: 100%;
        display: none;
    }

    کد زیر رو هم در header.php بین تگ head قرار دهید:

    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    	$(function() {
    		$("#nav li").hover(
    			function() {
    				$("ul:hidden", this).slideDown(300);
    			},
    			function() {
    				$("ul", this).slideUp(100);
    			}
    		);
    	});
    </script>
    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    طراحان نوین - ~> Mr.vAhiD.DI <~ - Saeed Fard - milad200 - ناجی کرد
  • ~> Mr.vAhiD.DI <~

    آفلاین
    عضو فعال
    تعداد نوشته‌ها: ۶۴۹
    تشکر شده: ۹۹۵ بار
    # نوشته شده: ۱۳ سال پیش
    ۱۱ دی ۱۳۸۹ - ۱۲:۳۴

    در ضمن می‌تونید برای الگو و یا نمایش انواع مدل‌ها از قالب‌های نگلیسی که اکثراً از این منوها دارن بهره ببرین و با کدها بیشتر آشنا بشین.

    شاد باشید @};-

    کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
    Saeed Fard

درباره‌ی این موضوع