شش مدل منو جی کوئری مختلف با افکت های فوق العاده جذاب
آموزش استفاده
- قبل از تگ <head/>
<link rel="stylesheet" type="text/css" href="css/style1.css" /> <script src="js/modernizr.custom.63321.js"></script>
- بعد ازتگ <body>
<div class="container"> <header class="clearfix"> <h1>Simple Effects<span>for Drop-Down Lists</span></h1> <nav class="codrops-demos"> <a class="current-demo" href="index.html">Demo 1</a> <a href="index2.html">Demo 2</a> <a href="index3.html">Demo 3</a> <a href="index4.html">Demo 4</a> <a href="index5.html">Demo 5</a> <a href="index6.html">Demo 6</a> </nav> </header> <section class="main clearfix"> <div class="fleft"> <p>In this example we use a gutter of 5 and stack the items with a slight offset</p> </div> <div class="fleft"> <select id="cd-dropdown" name="cd-dropdown" class="cd-select"> <option value="-1" selected>Choose your favorite animal</option> <option value="1" class="icon-monkey">Monkey</option> <option value="2" class="icon-bear">Bear</option> <option value="3" class="icon-squirrel">Squirrel</option> <option value="4" class="icon-elephant">Elephant</option> </select> </div> </section> </div><!-- /container --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.dropdown.js"></script> <script type="text/javascript"> $( function() { $( '#cd-dropdown' ).dropdown( { gutter : 5 } ); }); </script>
با عرض سلام و خسته نباشید
این کدها را چطور میشه در سایت یا در کدهای (اچ تی ام ال) قرار داد؟
سلام خانم شاهپوری همونطوری هم که در آموزش استفاده گفته شده یکسری کد ما داریم قبل از تگ
میزاریم یکسری کد دیگه هم داریم که در قسمت دوم گفته شده باید بعد از تگ بزاریممن این کد ها را جاگزاری میکنم ولی هیچکدام به صورتی مه شما نمایش میدهید اجرا نمیشود
لطفا من راهنمایی کنید
من به تازگی شروع به کار کرده ام
با تشکر از شما بیات
لطف کن آدرس سایتت رو بده چک کنم ببینم مشکل دقیقاً از کجاست
سلام داداش ممنون از مطالب زیبا و پربارتون کاراتون خیلی زیباست خیلی خوشحال میشم یه منوی حرفه ای به صورت آباشری و شناور در سایت بزارین
ممنون از لطفتون موفق باشید
ممنون Webca
چشم حتما
سلام . ببخشید چجوری میشه به اون گزینه هایی که با کلیک روی منو باز میشن لینک داد ؟
درود ؛
با تشکر بی نهایت از مطلبتون…
میخواستم ازتون درخواست کنم ، اگه ممکن هست آموزش مطلب “منوی کشویی” رو هم بذارید…
ممنونم
سلام
ممنون بابت آموزش و قرار دادن این منو های زیبا
ولی میشه بگید که چطوری میشه برای جوملا این هار رو قرار داد
در ضمن ما اگه تو ساینت همین دو کدی رو که شما گفتین رو در قسمت های مربوط قرار بدیم کار تمومه یا نیاز بت آپلود استایلها یا فایهای js هست
چرا هیچ کدوم از کدها css ندارن؟
بدون css که فایده داره!!!!
سلام.
خسته نباشید.
من از collapse توی سایتم استفاده کردم. ظاهرا درست کار میکنه تا وقتی که با کروم ورژن 44 بازش می کنم که منوها رو درست باز نمیکنه. محتویات هر panel روی مطالب پایین تر میاد. به ارتفاع panel-body و containerم ربطی نداره. اونا رو امتحان کردم.
اشکالم کجاست؟
لطفا راهنمایی کنید.
با سلام
سرور غزيز
منو هائي كه در سايتتون قرار دادين واقعا شيفته اش شدم
جنابآقاي مهندس غزيز بنده كدهاي هدر را بعد از قرار دادم
كدهاي بعدي را قبل از بادي فوتر قالب قرار دادم لطفا اين آدرس مشاهده فرما ئيد چي شده
لطفا جوابمو به اميلم ارسال بفر مائيد خيلي……….تشگر مي كنم
ضمننا پوسته ام صحيفه است
با تشکر از زحمات آن مقام:
فایلهای جی کوئری وcssمنو گوگلی رو از کجا دانلود کنم؟
سلام و خسته نباشید بابت سایت خوبتون
میخاستم بدونم چجوری میشه به اینها لینک داد چون من از تگ a استفاده میکنم لینک نمیگیره با تشکر
سلام من نیاز دارم که یک منو اطلاعات تماس – شماره همراه تلفن دفتر رو به صورت کشویی کنار صفحه سایت ایجاد کنم که وقتی سایت رو در موبایل مشاهده میکنیم بتونیم با تیک زدن روی منو شماره تماس ها نمایش داده بشه
میشه منو راهنمایی کنید
تشکر خیلی عالیه
سلام
ممنون از کد های کاربردی و زیبای شما
با تشکر
دوست عزیز ممنون از سایت خوبت اما وقتی کد هارو بزاریم تو اچ تی ام هامون این کد نمایش داده نمیشه بخاطر اینکه تو تگ تو خصیصه src به جای اینکه کد های جاوا اسکریپتشو با اپلود و لینک اپلود شده بزاری ،فایلی رو گزاشتی که تو کامپیوتر خودت سیو کردی و ما اون فایل رو نداریم پس نمایش داده نمیشه لطفا رسیدگی کنید!