HTML5 CSS3 jQuery ناوبری منوها می آید یا کپی و خمیر کد را به طراحی خود و یا تغییر منو با توجه به نیازهای شما.
ناوبری چنین بخش مهمی از وب سایت شما است. این است که چگونه بازدید کنندگان خود را به مناطق اصلی سایت شما حرکت و باعث می شود آن را آسان برای آنها برای پیدا کردن محتوای خوب خود را.
CSS البته زبان مناسب برای طراحی منوهای ناوبری زیبا است. می توان آن را به هر نوع وب سایت اعمال می شود و بسیار انعطاف پذیر است. نگران ن باشید اگر مهارت های CSS خود را نسبتا محدود به عنوان بسیاری از آموزش های بزرگ وجود دارد که شما را از طریق راه رفتن چگونه برای اضافه کردن تمیز و حرفه ای به دنبال منوهای CSS به وب سایت شما وجود دارد. شما می توانید یا کپی و خمیر کد را به طراحی خود و یا تغییر منو با توجه به نیازهای خود را.
Css تنها Lavalamp مانند فانتزی اثر منو
این بار اجازه دهید از اثر منو کشویی الهام گرفته, همچنین به عنوان اثر Lavalamp شناخته می شود (سابق. در اینجا). ما آن را با css خالص – با استفاده از انتقال css3 و انتخاب کننده ترکیب خواهر و برادر عمومی بازسازی. در زیر ما سه مثال ساده بحث (مطمئن شوید که برای دیدن نسخه ی نمایشی اول).
منو شش ضلعی
UI صندوق پستی
چشم انداز منو تلنگر
چيزي که توي يه طرح فکر کردم چند روز پيش وقتي حوصله ام سر رفته بود انجام دادم -بهترین نتیجه با مرورگرهای webkit prefixe.
دکمه سهم اجتماعی CSS
CSS دکمه سهم اجتماعی الهام گرفته شده است.
ویندوز 8 مترو سبک منو
منوی CSS Flatly
در اینجا منو کمی است که من با خالص HTML & CSS ایجاد
منوی ساده عمودی با jQuery و CSS3
ساده، اما بسیار شیک منوی عمودی با استفاده از برخی از CSS3، کمی jQuery، فونت متن سفارشی و فونت آیکون چشمگیر ترین شما می توانید در این لحظه پیدا کنید، که FontAwesome است.
منوی حساب
اثرات پنجره بسیار عالی مودال
مجموعه ای از جلوه های ظاهری پنجره مودال تجربی با گذارهای CSS و انیمیشن ها.
Flexy Menu – Responsive Horizontal & Vertical Menu
فلکسی یک جزء منو مبتنی بر CSS و کد جاوا اسکریپت است. شما می توانید از Flex Menu آن به عنوان منوی افقی یا عمودی استفاده کنید. این منو پاسخگو و فروپاشی پذیر است, مناسب برای هر نوع وب سایت..
منوی سوپرفیش با jQuery
Superfish افزایش Suckerfish سبک منو jQuery پلاگین است که طول می کشد موجود خالص CSS کشویی منو (بنابراین آن را تنزل gracefully بدون جاوا اسکریپت) و می افزاید : زیر بسیار به دنبال پس از پیشرفت.
منوی افتر افتر روکش با jQuery
در این آموزش ما در حال رفتن به ایجاد یک منو ساده است که ایستادگی کردن یک بار ما بیش از آن شناور با پوشش همه چیز به جز منو با روکش تیره. منو سفید خواهد ماند و یک منطقه زیر منو گسترش خواهد یافت. ما این اثر را با استفاده از jQuery ایجاد کنید. پس، بيا شروع کنيم!
سفارشی کشویی لیست سبک
آموزش در مورد چگونگی ایجاد برخی از لیست های سفارشی کشویی. ما به شما پنج نمونه با منوها و لیست های مختلف به دنبال کشویی برای اهداف مختلف نشان می دهد.
منوی کشویی افقی
یک منوی کشویی افقی پاسخگو با الهام از منوی Microsoft.com است.
منوی آیکون عمودی
یک منوی آیکون عمودی ثابت که اندازه آن را برای صفحه نمایش های کوچکتر تنظیم می کند.
آکاردئون تودرتو
آکاردئون ساده و تودرتو با چند نمونه از سطوح تودرتو و پرس و جو رسانه ای.
منوهای اسلاید و فشار
منوهای ثابتی که از کناره های صفحه خارج می شوند و در صورت سمت راست و چپ به صورت اختیاری بدنه را حرکت می دهند.
منوی چند سطحی پاسخگو
منوی چند سطحی پاسخگو که زیرمنوس خود را در زمینه خود نشان می دهد، اجازه می دهد برای ارائه و استفاده از صرفه جویی در فضا.
اثر منو یوتیوب ساده
آموزش نحوه بازآفرینی اثر منوی سمت چپ کوچک یوتیوب. ایده این است که اسلاید آیکون منو کمی به سمت راست در حالی که آشکار برخی از لیست آیتم منو در زیر.
پاسخگو شبکیه چشم آماده منو
منو پاسخگو، لمسی و آماده شبکیه چشم با سه چیدمان برای اندازه های مختلف مرورگر.
منوی اسلاید افقی خارج
اسلاید افقی از منو با طرح بندانگشتی شبکه مانند برای submenu. با نمونه های پرس و جو رسانه ای برای دستگاه های کوچکتر.
منوی Tooltip
منو ساده tooltip که در آن submenu خواهد شد یا در بالا و یا زیر منو اصلی ظاهر می شود ، بسته به فضای موجود است.
نپتون – زیرمنو افقی
این منوی خالص HTML5/CSS3 است. منو دارای ساختار HTML5 است و بر روی تمام مرورگرهای بزرگ کار می کند. منو آسان است برای ویرایش و ادغام در هر وب سایت. م
نو کار می کند (ساختار اصلی 100٪ یکسان است) در اینترنت اکسپلورر 9 و 8، اما انیمیشن و برخی دیگر از ویژگی های CSS3 کار نمی کند.
منوفیکاسیون – منو مگس از پاسخگو
ناوبری یکی از مهم ترین جنبه های یک وب سایت است. منو پرواز کردن (با الهام از فیس بوک) ثابت شده است که کارآمد ترین ناوبری است که به طور چشمگیری می تواند تجربه بازدید کنندگان خود را در وب سایت خود را بهبود بخشد!
Menufication کاربر پسند ، قابل تنظیم jQuery پلاگین برای تبدیل ناوبری سایت های خود را به منو مگس پاسخگو در مد فیس بوک است.
DeepMenu — چند سطح منوی ناوبری
دیپ منو یک منوی ناوبری چند سطحی با چهار گذار مختلف بین لایه ها و نزدیک به ۲۰ خواص دیگر برای سفارشی سازی است. اگر جاوا اسکریپت غیرفعال باشد، به عنوان منوی کشویی افقی کار می کند. صفحه پیش نمایش را برای نمایش زنده و اطلاعات بیشتر بررسی کنید.
یونیورسال پاسخگو مگا منو
این منو نتیجه ترکیبی از بهترین آثار من بر روی Codecanyon : من با هم قرار داده ام سیستم منو مگا انعطاف پذیر است که می تواند 12 اندازه از downs نگه دارید ، نامحدود پرواز کردن عناصر همراه با اسکریپت jQuery به منظور افزایش کل سیستم.
این می تواند به عنوان یک پاورقی چسبنده (با مگا "قطره آپ") با استفاده از نشانه گذاری دقیقا همان "استاندارد" منو مگا استفاده می شود. شما می توانید بین آن 2 گونه فقط با تغییر یک کلاس سوئیچ.
با استفاده از صفحات مثال، شما تمام کدهای لازم را آماده استفاده در سایت خود می کنید. سفارشی کردن منو نیاز به برخی از دانش اساسی CSS و شما می توانید نگاه هر بخش از منو را تغییر دهید : فونت ها ، رنگ ها ، اندازه ها ، و غیره. اسکریپت شامل چند گزینه آسان برای راه اندازی بنابراین شما می توانید انتخاب کنید که نوع اثر به درخواست (بر روی ماوس و یا ماوس کلیک کنید، محو شدن، اسلاید…).
سبک خوراک CSS منوی متحرک
با الهام از منوی برنامه Feedly iOS، اما با پیچ و
تاب. این منو به تدریج در بار صفحه محو می شود و اثرات شناور اضافه شده است به کشش آیتم منو.
طراحی مجدد
در نهایت در اطراف به طراحی مجدد وب سایت من کردم.
ناوبری پاسخگو خالص Css3
آسان برای اس
تفاده از C
ss3Horizontal Navigation
Full ResponsiveN
o جاوا اسکریپت ، بدون JQuery..
راه پله شناور ناو
در حال حاضر پلاگین jQuery.
CSS3 اسلاید پایین / تا منو
این یک منوی بالا پنهان است که اسلاید پایین (سپس به بالا) بر روی کلیک کنید – بدون جاوا اسکریپت. من با استفاده از :هدف شبه انتخاب کننده و انتقال ساده است که باعث می شود تجربه نوع دلپذیر است.
CSS3 آکاردئون و اسباب بازی ویجت کیت
CSS3 آکاردئون و اسباب بازی ویجت کیت شامل مجموعه ای از آسان به سبک و پیاده سازی — خالص CSS3 انعطاف پذیر و پاسخگو آکاردئون و اسباب بازی ویدجت — کیت همراه با 6 تم های آماده تمیز و کار می کند در تمام مرورگرهای عمده از جمله fallback برای IE8.
IcoRoll – پیمایش سیستم ناوبری
پاسخگو اسکرول سیستم منو ارائه راه حل ایده آل برای ناوبری عمودی بر روی کامپیوتر و دستگاه های تلفن همراه.
ویژگی شناسه html را در صفحه با منو به هم متصل می کند، بنابراین منو می داند که کاربر در صفحه کجاست.
jQuery آکاردئون
jQuery آکاردئون جزء آکاردئون مستقر در جاوا اسکریپت و CSS است. دارای چیدمان پاسخگو و سیال، دارای سیستم شبکه ای و ۸ سبک از پیش مجموعه است.
jQuery پانل پنهان
پلاگین jQuery که اضافه شده پانل پنهان به 4 موقعیت گوشه مرورگر. شما می توانید آن را برای نمایش گالری تصویر و یا ویترین ویدیو استفاده کنید..
منوی پاک CSS3
این منوی CSS3 پاک انعطاف پذیر و آسان برای یکپارچه سازی راه حل برای ساخت منوهای سفارشی شما است. منو تنها به CSS3 و HTML متکی است. همه چیز بر اساس سیستم شبکه 960 است. این آیتم همراه با 6 گونه رنگ. این طراحی منو به طور کامل پاسخگو
سی اس اس تخت پاژیناسیون
صفحه گذاری ساده، مسطح و شیک است. آن را با 6 تم های رنگ شیک از پیش تعریف شده می آید, 2 جهت, 4 اندازه های مختلف و بیشتر. بسیار آسان برای پیاده سازی بر روی سند اچ تی ام ال خود را. بدون تصاویر ! فقط CSS. این پشتیبانی از تمام مرورگرهای بزرگ. مستندات گنجانده شده است.
jQuery DragPan
به بازدید کنندگان وب سایت خود را توانایی حرکت به یک منطقه بزرگ از HTML رندر به سرعت. مفید برای ایجاد نقشه از سوپر مارکت ها، مراکز خرید، پارک تم، باغ وحش، سایت های جشنواره، تئاتر، فرودگاه ها، طرح های صندلی در واقع در هر نقطه که در آن نقشه بزرگتر از مرورگر کاربران خواهد بود.
رابط کاربر طرفدار – ساده مترو سبک نوار ناوبری
با استفاده از این پلاگین jQuery ساده شما به راحتی می توانید مترو (در حال حاضر به سادگی به نام ویندوز 8 UI) میله های ناوبری سبک ایجاد کنید. بسته پلاگین همراه با بسته آیکون به نام نمادین ایجاد شده توسط P.J. Onori، که شما به راحتی می توانید با کلاس های CSS تنظیم. این افزونه دارای حداقل امکانات و گزینه ها، آن را برای مدیران سایت که نیاز به قابلیت های مشابه در سایت (ها) خود ایجاد شده است.
MenuStation – Real Unlimited Responsive Menu
ویژگی های
Real Unlimited Menu
Responsive Design
Light Weight
Many Colors to Change
Submenu HTML Content for Multi Purpose
1 to 4 Columns in Submenu
Easy Customization
منوی قابل گسترش صاف
منو صاف قابل گسترش ابزار قطعی برای ساخت حداقل منوهای عمودی قابل گسترش است، که می تواند به راحتی با توجه به 17 ساخته شده در پارامترهای پیکربندی خود را سفارشی، به طور مستقیم از فایل اچ تی ام ال / تماس اسکریپت. این بسته شامل 3 نمونه (سرف، سن سرف و ریز)، برای آسان تر ادغام در هر پروژه وب است. از سیستم کتابخانه Google Fonts استفاده می کند، بنابراین نیازی به ادغام فایل های فونت یا @fontface نیست. برای دستگاه های تلفن همراه بهینه سازی شده است.
Tabs – SEO & Mobile Friendly
jTabs (نام دیگر Jaegers Tabs) ساخته شده با استانداردهای وب مدرن در ذهن، با استفاده از کتابخانه جاوا اسکریپت سبک وزن سفارشی (4kb gzipped).
زوزو تبس
نسخه با نام تجاری جدید (v3.5) از زبانه های زوزو به طور کامل پاسخگو و لمسی فعال با استفاده از استانداردهای HTML5 و CSS3 برای سرعت و عملکرد بی عیب و نقص بر روی مرورگرهای رومیزی و مهم تر از همه در مرورگرهای تلفن همراه است. اجرا می شود و درست مثل یک برنامه بومی احساس می کند!. همچنین اجازه می دهد تا شما را به حرکت به طور خودکار به بالای صفحه در هنگام کلیک کردن بر روی زبانه ها / منوی dropdown بر روی صفحه نمایش های کوچکتر
برای نشان دادن محتوای خود را. Zozo Tabs سبک وزن و بسیار قابل تنظیم پلاگین jQuery برای ارائه قابلیت زبانه کامل است که می تواند به سایت / وبلاگ خود را به سرعت بدون نوشتن هر گونه کد یکپارچه شده است. برخی از ویژگی های کلیدی آن شامل: مانند زبانه های افقی و عمودی، Deep-Linking، ۱۰ راه انعطاف پذیر برای موقعیت یابی، Powerfull API، ۱۰ تم منحصر به فرد و بیشتر. آیا ما اشاره کرد که آن را نیز در مرورگرهای قدیمی تر مانند IE7 و IE8 کار می کند؟
OpenPanel – باز کردن پنل پاسخگو در هر نقطه
OpenPanel پلاگین jQuery است که اجازه می دهد تا شما را به باز کردن پانل در هر جایی که در صفحه خود را، پانل های نامحدود به عنوان شما می خواهید و پشتیبانی برای طراحی پاسخگو است. با استفاده از این افزونه کوچک می توانید فضای بیشتری را برای سایت خود باز کنید تا هر چیزی را که می خواهید اضافه کنید.
OneMenu – پاسخگو مترو رابط کاربر منو
OneMenu افزونه منو ناوبری jQuery است که برای تم های مترو UI ایجاد شده است. OneMenu از طراحی پاسخگو، منوهای نامحدود پشتیبانی می کند.
همجوشی زبانه ها و لغزنده ها با jQuery
زبانه ها با انیمیشن مانند لغزنده.استفاده از آن
را به عنوان زبانه ها و یا به عنوان لغزنده و یا چرا نه هر دو؟
آیا شما همیشه می خواستم زبانه های مفید به متحرک فانتزی تر؟ چيزي مثل لغزنده؟ سپس این پلاگین برای شما است، زبانه ها می توانند راه های افقی و عمودی اسلاید نیز وجود دارد 15 اثرات مختلف در دسترس بین انتقال و همه کار با ارتفاع خودکار بسته به محتوای آن است.
جعبه آکاردئون منو – پاسخگو
شما می توانید در اطراف با تمام ویژگی های آن را به خود بازی.
آکاردئون چند منو
ساده ، مدرن و آسان برای نصب jQuery و CSS3 عمودی آکاردئون منو.
MelonHTML5 – منوی کشویی
منوی کشویی یک افزونه منو است که متناسب با هر وب سایت است. آن را با طراحی کشویی منحصر به فرد خود و مقدار زیادی از گزینه های API اجازه می دهد شما را به سفارشی کردن آن می آید. همه مرورگرها و دستگاه های تلفن همراه پشتیبانی می شوند. این کار بهترین در فایرفاکس، کروم، IE10+، صفری و اپرا، و همچنین به طور کامل کاربردی در IE7، 8، 9 با تفاوت کمی: بدون انیمیشن CSS3 و چرخش 45 درجه.
لطفا آن را رتبه سریع اگر شما می خواهم این. اگر شما هر گونه پیشنهادات / درخواست ویژگی و یا شما پیدا کردن یک اشکال، شما بیش از خوش آمدید به تماس با من و من آنها را آدرس ASAP.
منو سمت سبک مترو
ویژگی:
Crossbrowser
Simple/Clean
Metro Style
900+ SVG Icons
Hight Resolution (100% vector)
Valid HTML5
Vertu – آکاردئون منو
Vertu – آکاردئون منوی آکاردئون ساده و زیبا برای شما وب سایت.
منوی پاسخگو عمودی
مجموعه ای از منوهای عمودی پاسخگو، با 20 طرح رنگ، پشتیبانی متقابل مرورگر و ادغام آسان است. منوی عمودی پاسخگو را می توان در نوارهای جانبی از هر سایت و همچنین داشبورد مدیریت استفاده می شود.
منوی آکاردئون خالص CSS3
ویژگی های
مرورگرها:
Chrome
Firefox
Opera
Safari
Internet Explorer 10
7 رنگ:Bl
uePu
rpleR
edO
rangeG
reen
Yellow
Black
منوفیکاسیون وردپرس
ناوبری یکی از مهم ترین جنبه های یک وب سایت است. منو پرواز کردن (با الهام از فیس بوک) ثابت شده است که کارآمد ترین ناوبری است که به طور چشمگیری می تواند تجربه بازدید کنندگان خود را در وب سایت خود را بهبود بخشد!
منوفیکاسیون وردپرس کاربر پسند، قابل تنظیم وردپرس پلاگین برای تبدیل منوهای وردپرس 3 خود را به منو مگس از پاسخگو در مد فیس بوک است.
فقط انتخاب کنید که وردپرس 3 منو برای استفاده و شما آماده رفتن. به همین راحتی!
niceMenu – پلاگین وردپرس
niceMenu – وردپرس PluginA ر
اه جدید به اسلاید بین چند سطح منو بزرگ. حالا به عنوان
افزونه وردپرس! شما می توان
ید در سطوح مختلف حرکت بسیار آسان! فقط چند کلیک
& منو بر روی وب سایت وردپرس شما نصب شده است. این آسان به موقعیت در هر
نقطه، به عنوان یک نوار جانبی ویجت. شما می توانید لین
ک های سفارشی، صفحات وب سایت & دسته ها را قرار داده است.
UberMenu – وردپرس مگا منوی پلاگین
UberMenu کاربر پسند ، بسیار قابل تنظیم ، پاسخگو مگا منو وردپرس پلاگین است. این کار می کند از جعبه با وردپرس 3 سیستم منو، و آن را ساده برای شروع اما قدرتمند به اندازه کافی برای ایجاد تنظیمات بسیار سفارشی و خلاق مگا منو.
ادویه تا منو خود را با CSS3
در این دسته بندی جدید با نام "نکات و ترفندها" به معرفی برخی روش های سریع و جالب در اطراف توسعه وب و طراحی وب خواهیم پرداخت. در نوک امروز ما به شما نشان می دهد که چگونه به ادویه تا منو خود را با اضافه کردن اثر شناور شسته و رفته به آن. ایده این است که اسلاید یک تصویر را به سمت راست در هنگام شناور شدن بیش از یک آیتم منو.
منو با CSS3 اثرات و حباب های اطلاع رسانی
این منو با CSS3 اثرات و حباب اطلاع رسانی تا به همه چیز شما نیاز دارید. قابلیت در بخش های مختلف تقسیم شده است و این باعث می شود آن را بسیار قدرتمند است.
هسته پایه سنگ جامد برای هر منوی css با سطوح منو نامحدود و منو مگا است. افتر افتر افست ها css خالص هستند، اما شما می توانید پلاگین jQuery برای پشتیبانی در مرورگرهای قدیمی تر استفاده کنید. سبک های منو نیز css خالص هستند و هیچ تصویر مورد استفاده وجود دارد.
منوی تاریک : خالص CSS3 دو سطح منو [Tutorial]
چند روز پیش ما منتشر شد Freebie به نام منوی تاریک در PSD رایگان و در این آسان به دنبال آموزش شما یاد بگیرند که چگونه برای ایجاد این دو سطح منوی تاریک در HTML و خالص CSS3. هیچ جاوا اسکریپت یا تصاویری در ایجاد این منو مورد استفاده قرار ن گرفته است و امیدوارم بتوانید چند تکنیک را یاد بگیرید که در پروژه های آینده به شما کمک خواهد کرد.
در حال حاضر، اگر شما تا با CSS3 آشنا نیست شما یا می توانید در مورد آن در CSS3.info W3Schools یاد بگیرند. شما همچنین می توانید این ژنراتور CSS3 آنلاین برای کمک به شما ایجاد این سبک به راحتی استفاده کنید. البته خاموش شما نیاز به قرار دادن تمام کد های HTML در داخل یک سند HTML و تمام سبک های CSS یا در سربرگ اسناد HTML و یا در یک فایل CSS جداگانه. تمام رنگ ها، افتر افکن ها، سایه ها از فایل PSD منوی تاریک گرفته شده اند. حالا بيا آموزشمون رو شروع کنيم
شرپا | سیستم ناوبری کامل (نسخه CSS)
همانطور که از نام نشان می دهد، شرپا یک راه حل کل برای تمام الزامات ناوبری خود را است.
شرپا به ارمغان می آورد با هم سه عنصر ناوبری اصلی از هر رابط – ناوبار, Sidebar و چسبنده Footer.
هر کدام شامل انتخاب انواع مختلف منو از جمله: منوی اسلاید، منو مگا، منوی آکاردئون (در نوار جانبی) و منوی قطره است. شما می توانید انتخاب کنید، انتخاب کنید و مخلوط این را به یک ناوبری واقعا منحصر به فرد است.
این 10 پوست رنگ های مختلف, 12 تصاویر پس زمینه زیبا, با استفاده از اثرات CSS3 و همراه با آیکون 500+ آن را به یکی از بهترین ناوبری به دنبال در Codecanyon. اتمام تصاویر و پیش نمایش.
به جای تلاش برای گرد هم آوردن تعداد زیادی ناو مختلف از بسیاری از منابع مختلف، شرپا را انتخاب | کامل سیستم ناوبری و صرفه جویی در زمان خود را در یکپارچه سازی به سیستم شما.
ساخت منوی متحرک CSS3
در این آموزش کوتاه ، ما خواهد شد با استفاده از قدرت CSS3 اثرات و انتقال ، برای ساخت جاوا اسکریپت رایگان متحرک منو ناوبری که شما می توانید استفاده کنید برای اضافه کردن یک نگاه جلا به وب سایت یا قالب خود را.
HTML5/CSS3 کشویی منو
فوق العاده انعطاف پذیر و معنایی HTML5 / CSS3 رها کردن منو ، مطلقا بدون جاوا اسکریپت. بسیار آسان و سریع برای پیاده سازی!
منوی کشویی CSS3
در حالی که من در حال کدنویسی تم Notepad ، من آموخته ام برخی از ویژگی های جدید CSS3 و در حال حاضر من می خواهم آن را با شما به اشتراک بگذارید. مشاهده نسخه ی نمایشی برای دیدن مک مانند چند سطح منوی کشویی است که من ایجاد کرده ام با استفاده از مرز شعاع ، جعبه سایه ، و متن سایه. این ارائه کامل در فایرفاکس, صفری و کروم. کشویی همچنین بر روی مرورگرهای قابل اشتراک غیر CSS3 مانند IE7+کار می کند، اما گوشه ها و سایه گرد رندر نخواهد شد.
منوی ناوبری ساده
خوب ، منو ناوبری ساده با منو زیر تیره. مناسب برای وب سایت های پیچیده، وبلاگ های بزرگتر، و غیره. طبق معمول، آن را بردار و فایل psd به طور کامل لایه بندی شده است. اگر دوست دارید، لطفا آن را در توییتر و / یا فیس بوک به اشتراک بگذارید.
CSS3 مگا قطره منو
jQuery عمودی کشویی منو
اسکریپت ها دو پلاگین پیچیده منو jQuery با تعداد نامحدودی از submenus ، آسان به ادغام.
منوی کشویی CSS3
اغلب بهتره تا وقتي که بهشون احتياج داشته باشي اوضاع رو کنار بذاري منوهای ناوبری مثال خوبی هستند. اگر من خواندن یک مقاله، من نمی خواهم نسبت زیادی از املاک و مستغلات صفحه نمایش گرفته شده با لینک – به خصوص در یک دستگاه تلفن همراه.
در این مقاله، ما می خواهیم یک منوی اسلاید خارج با استفاده از CSS به تنهایی بسازیم. اگر شما با استفاده از یک مرورگر مدرن, آن را نیز یک اثر صفحه دوست داشتنی 3D نشان می دهد.
ناوبری CSS
نوار ناوبری CSS با عناصر کشویی و اثرات انتقال. یک مسئله است که زمانی که شما حرکت مکان کن ماوس خود را بیش از منوی کشویی به آرامی وجود دارد, آن را پنهان. بنابراین، شما نیاز به حرکت ماوس خود را به سرعت به شناور در عناصر کشویی. این است که برخی از تنظیمات رنگ آسان و سریع نیز که با استفاده از jQuery انجام می شود. Icons by Entypo.
اسلاید پایین جعبه منو با jQuery و CSS3
در این آموزش ما یک ناوبری جعبه کشویی منحصر به فرد ایجاد کنید. ایده این است که یک جعبه با اسلاید آیتم منو، در حالی که تصویر بندانگشتی بالا می آید. ما همچنین شامل یک جعبه submenu با لینک های بیشتر برای برخی از موارد منو. زیر منی به سمت چپ اسلاید خواهد شد …
ایجاد منوی آکاردئون (CSS3+jQuery)
همانطور که شما ممکن است متوجه چند روز پیش ما یک آموزش در مورد چگونگی ایجاد منوی آکاردئون در CSS3 خالص منتشر شد. همانطور که این خالص CSS3 آکاردئون منو بر روی تمام مرورگرها کار نمی کند چرا که :انتخاب کننده هدف در قدیمی ترین مرورگرها پشتیبانی نمی شود ما تصمیم به ایجاد یک نسخه jQuery از این منو. همچنین jQuery ارائه می دهد ثبات بیشتر و عبور پشتیبانی سازگاری با مرورگر بنابراین اگر شما می خواهید برای ارائه به بازدید کنندگان / مشتری محصول بهتر شما ممکن است در نظر استفاده از این نسخه jQuery.
بسته منو فوق العاده (10 منو)
بسته منو سوپر مجموعه ای از 10 منو سرد ، 5 در css خالص و 5 با استفاده از چارچوب jQuery برای سفارشی کردن و یا طرح بندی با وب سایت ها و یا برنامه های کاربردی و پروژه های خود را.
این مناسب برای هر کسی که می خواهد به لمس ویژه ای به طرح های خود و یا پیدا کردن یک نقطه شروع است. من سعی کردم برای ایجاد یک مجموعه به عنوان متنوع که ممکن است در سبک و ظاهر به شما انتخاب. فکر کردن در طراحی کار با کد.
این بسته شامل تمام فایل های لازم است:
– HTML – CSS – JS – تصاویر – فونت های Cufon با استفاده از اجازه می دهد – کد نظر و مستند – مستندات اضافی
همه منوها آسان برای سفارشی کردن از CSS. در هر فایل شما coments دقیق پیدا کنید.
امیدواریم که شما از آن لذت ببرید!
منوی کشویی CSS3
منو تار با انتقال CSS3
بسیاری از چیزهای بزرگ ما می توانیم با خواص اضافی و امکانات است که CSS3 به ارمغان می آورد همراه وجود دارد. امروز من می خواهم به شما نشان دهد که چگونه به آزمایش با سایه های متنی و با انتقال به منظور رسیدن به یک اثر تار است که ما به منو در شناور بیش از عناصر اعمال می شود. ایده اصلی این است که تار موارد دیگر در حالی که افزایش یکی از ما در حال حاضر شناور.
پاسخگو مگا منو مجموعه کامل
این Mega Drop Down Menu Complete Set برای ایجاد منوهای منحصر به فرد با استفاده از یکی از 9 jQuery effects و یکی از طرح های رنگی مناسب است.
بر اساس یک شبکه سفارشی، این منو به شما این امکان را می دهد تا محتوای خود را به ستون ها (از ۱ تا ۱۲) با نمونه های تایپوگرافی زیادی مانند سرفصل ها، لیست ها، تصاویر سبک، جداول، عناصر فرم و غیره سازماندهی کنید.
CSS3 مگا قطره پایین منو
این منوی Mega Drop Down یک راه حل انعطاف پذیر و آسان برای یکپارچه سازی منوهای سفارشی شما است. افت پایین تنها متکی بر CSS / XHTML و همراه با فرم تماس به طور کامل کار می کند.
3 گونه اصلی شامل : افقی ، عمودی تراز شده در سمت چپ و عمودی تراز شده در سمت راست.
محتوا را می توان به 6 ستون بر اساس سیستم شبکه 960 سازماندهی شده است. این آیتم همراه با 9 گونه های رنگ (و 2 طرح های رنگی برای کاهش – تیره و روشن) و مستندات دقیق برای کمک به شما آن را سفارشی.
