طراحی وب سایت | طراحی سایت | شرکت طراحی وب سایت پروگ پارس

منو سوییت با جی کوئری و سی اس اس

با استفاده از این پلاگین می توانید منویی عمودی زیبا در سمت چپ سایت خود داشته باشید .

آموزش استفاده

۱- فراخوانی کتابخانه پلاگین و خصوصیت ها

        <link rel="stylesheet" href="main.css" type="text/css" />
	<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="jquery.easing.js"></script>
        <script type="text/javascript" src="jquery.sweet-menu-1.0.js"></script>
		<script type="text/javascript"> 
			$(document).ready(function(){ 
                $('#backMenu').sweetMenu({
					top: 40,
					padding: 8,
					iconSize: 48,
					easing: 'easeOutBounce',
					duration: 500,
					icons: [
						'images/back.png'
					]
				});
				$('#exampleMenu').sweetMenu({
					top: 200,
					padding: 8,
					iconSize: 48,
					easing: 'easeOutBounce',
					duration: 500,
					icons: [
						'images/home.png',
						'images/comments.png',
						'images/red_heart.png',
						'images/male_user.png',
						'images/yellow_mail.png',
						'images/computer.png'
					]
				});
			});
		</script>

2-  کد html جهت استفاده پلاگین

        <ul class="fonts" id="exampleMenu">
            <li><a href="#">صفحه اصلی</a></li>
            <li><a href="#">وبلاگ</a></li>
            <li><a href="#">پروفایل</a></li>
            <li><a href="#">در باره ما</a></li>
            <li><a href="#">ارتباط با ما</a></li>
            <li><a href="#">تولیدات ما</a></li>
        </ul>

9 نظر

  • منوی خیلی خوبی می باشد.
    من این منو را در سایتم پیاده سازی نمودم ولی فقط در آدرس artenoos.ir/shop نمایش داده می شود وقتی وارد صفحات دیگر می شوم دیگر نمایش نمی دهد.لطفا راهنمایی فرمایید

  • سلام حسین جان این مشکل مربوط به این منو نمیشه این به خاطر اینه که شما این منو رو رو با توجه به cms که داری تو قسمتی گذاشتی که فقط ایندکس رو میخونه برای اینه که تو صفحات دیگه که میری منو نمایش داده نمیشه .
    تنها راهش اینه که این منو در تمام صفحات سایت شما لود بشه

  • سلام
    چرا هر کاری میکنم نمیتونم منوی “تولیدات ما” رو حذف کنم؟
    یعنی همه رو میشه پاک کرد به جز “تولیدات ما”
    یه سوال دیگه
    این لینکارو به اد ان دامین ریدایرکت میکنه
    چجوری به ساب دامین ریدایرکتش کنم؟
    ممنون از شما و سایت خوبتون

  • سلامی دوباره
    میدونم اما اگه خودتون تست کنین متوجه میشین من چی میگم
    لینک ها کلا به این صورت لود میشن example.com/#
    یعنی باس حتما اد آن دامین باشن
    اما در مورد حذف تولیدات ماو باز هرکاری میکنم کاملا بهم میخورن
    ممونون از پاسخگویی

  • سلام
    واقعا ممنون از سایت فوق العادتون!
    من برای یه پروژه لازم دارم که این منو افقی بشه ، یعنی از بالای صفحه آویزون شه. میخواستم ببینم امکان داره و میشه راهنماییم کنید؟
    با تشکر

دانلود و پیش نمایش

دانلود و پیش نمایش فایل منو سوییت با جی کوئری و سی اس اس

دانلود پلاگین پیش نمایش آنلاین

سوالی دارید؟

● در تلگرام، پاسخگوی شما :)