

نوشتن رسپانسیو منو برای سایت های مگا، کار ساده ای نیست. اگر شما در حال کار بر روی یک پنل مدیریت هستید، احتمالا شما باید یک منوی عمودی را طراحی و توسعه دهید، با مقدار زیادی زیر مجموعه ها. به همین دلیل تصمیم گرفتیم قطعه امروز را به اشتراک بگذاریم! ناوبری نوار ابزار ما می تواند زندگی شما را ساده تر با ارائه یک قالب شروع ساده برای پروژه بعدی خود؛)
آیکون: کتابخانه هسته ای .
ایجاد ساختار
ساختار HTML توسط 2 عناصر اصلی تشکیل شده است: <header>
عنصر، شامل آرم وب سایت، فرم جستجو، ماشه ناوبری ( .cd-nav-trigger
- تنها نسخه تلفن همراه) و ناوبری بالا، و یک <main>
عنصر حاوی محتوای اصلی صفحه ( div.content-wrapper
) و ناوبری نوار کناری ( nav.cd-side-nav
)
<header class="cd-main-header">
<a href="#0" class="cd-logo"><img src="img/cd-logo.svg" alt="Logo"></a>
<div class="cd-search">
<form action="#0">
<input type="search" placeholder="Search...">
</form>
</div> <!-- cd-search -->
<a href="#0" class="cd-nav-trigger">Menu<span></span></a>
<nav class="cd-nav">
<ul class="cd-top-nav">
<li><a href="#0">Tour</a></li>
<li><a href="#0">Support</a></li>
<li class="has-children account">
<a href="#0">
<img src="img/cd-avatar.png" alt="avatar">
Account
</a>
<ul>
<li><a href="#0">My Account</a></li>
<!-- other list items here -->
</ul>
</li>
</ul>
</nav>
</header> <!-- .cd-main-header -->
<main class="cd-main-content">
<nav class="cd-side-nav">
<ul>
<li class="cd-label">Main</li>
<li class="has-children overview">
<a href="#0">Overview</a>
<ul>
<li><a href="#0">All Data</a></li>
<!-- other list items here -->
</ul>
</li>
<li class="has-children notifications active">
<a href="#0">Notifications<span class="count">3</span></a>
<ul>
<li><a href="#0">All Notifications</a></li>
<!-- other list items here -->
</ul>
</li>
<!-- other list items here -->
</ul>
<!-- other unordered lists here -->
</nav>
<div class="content-wrapper">
<!-- main content here -->
</div> <!-- .content-wrapper -->
</main> <!-- .cd-main-content -->
در ساختار HTML اولیه ، عناصر .cd-search
و .cd-top-nav
در داخل آن <header>
، در حالی که در دستگاه های تلفن همراه آنها در داخل .cd-side-nav
عنصر نقل مکان (بیشتر در بخش رویداد دست زدن).
افزودن سبک
با توجه به اندازه صفحه نمایش، ما 3 تنظیم مختلف نوار کناری ایجاد کردیم.
در دستگاه های کوچک، نوار کناری دارای عرض 100٪ است، در موقعیت مطلق قرار دارد و به صورت پیش فرض پنهان است ( visibility: hidden
). هنگامی که کاربر با کلیک بر روی / ضربه تند وشدید زدن .cd-nav-trigger
، نمایش نوار کناری به قابل مشاهده (با استفاده از .nav-is-visible
کلاس) تغییر یافته است.
.cd-side-nav {
position: absolute;
left: 0;
top: 0;
width: 100%;
visibility: hidden;
opacity: 0;
transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
.cd-side-nav.nav-is-visible {
opacity: 1;
visibility: visible;
transition: opacity 0.2s 0s, visibility 0s 0s;
}
در دستگاه های متوسط اندازه (عرض نمایش بیش از 768 پیکسل)، نسخه منحصر به فرد نوار جانبی به طور پیش فرض قابل مشاهده است: در موقعیت نسبی است، دارای عرض ثابت (110px) و به float: left
طوری که آن را در سمت چپ <main>
عنصر است.
@media only screen and (min-width: 768px) {
.cd-side-nav {
position: relative;
float: left;
width: 110px;
/* reset style */
visibility: visible;
opacity: 1;
}
}
@media only screen and (min-width: 768px) {
.cd-main-content .content-wrapper {
margin-left: 110px;
}
}
در دستگاه های بزرگتر (عرض نمایش بیش از 1170 پیکسل)، نسخه گسترش نوار کناری نشان داده شده است.
مدیریت رویدادها
در ساختار HTML اولیه، عناصر .cd-search
و .cd-top-nav
عناصر درون آن قرار دارند <header>
.
در دستگاه های کوچک (عرض نمایش کمتر از 1170 پیکسل)، ما این عناصر را در داخل .cd-side-nav
ناوبری حرکت می دهیم .
var resizing = false;
moveNavigation();
$(window).on('resize', function(){
if( !resizing ) {
window.requestAnimationFrame(moveNavigation);
resizing = true;
}
});
function moveNavigation(){
var mq = checkMQ(); //this function returns mobile,tablet or desktop
if ( mq == 'mobile' && topNavigation.parents('.cd-side-nav').length == 0 ) { //topNavigation = $('.cd-top-nav')
detachElements();
topNavigation.appendTo(sidebar); //sidebar = $('.cd-side-nav')
searchForm.prependTo(sidebar);
} else if ( ( mq == 'tablet' || mq == 'desktop') && topNavigation.parents('.cd-side-nav').length > 0 ) {
detachElements();
searchForm.insertAfter(header.find('.cd-logo')); //header = $('.cd-main-header')
topNavigation.appendTo(header.find('.cd-nav'));
}
resizing = false;
}
function detachElements() {
topNavigation.detach();//topNavigation = $('.cd-top-nav')
searchForm.detach();//searchForm = $('.cd-search')
}
علاوه بر این، پلاگین جی کوئری منو هدف را یکپارچه کردیم تا بین کاربرانی که سعی در شنا کردن بر روی یک آیتم نوار کناری و کاربر سعی در حرکت به محتویات زیر منو (فقط نسخه دسکتاپ) داشته باشند، تمایز قائل شوند.
محصولات مشابه فروشی
-
دانلود کارت ویزیت کلینیک دندانپزشکی سه بعدی زیبا با لایه باز
کارت ویزیتدانلود طرح لایه باز کارت ویزیت دندانپزشکی سه بعدی و زیبا عزیزان نازنین میتونن با دانلود و ویرایش این طرح اگر تمایل داشتن از عکس و متن مورد نظر خودشون استفاده کنن و طرح اختصاصی خودشون رو داشته باشن کارت ویزیت لایه باز کلینیک دندانپزشکی چیست؟ طرح لایه باز به طرحی گفته میشه که شما عزیزان میتونید با دانلود اون .. طرح رو در فتوشاپ یا برنامه های اینچنینی ویرایش کنید و عکس و متن مورد...13,000 -
دانلود طرح لایه باز کارت ویزیت مشاور املاک سه بعدی بسیار زیبا
کارت ویزیتدانلود طرح لایه باز کارت ویزیت مشاور املاک خوشرنگ و بسیار شیک دوستان خوب میتونن با دانلود و ویرایش این طرح اگر تمایل داشتن از عکس و متن مورد نظر خودشون استفاده کنن و طرح اختصاصی خودشون رو داشته باشن کارت ویزیت لایه باز مشاور املاک چیست؟ طرح لایه باز به طرحی گفته میشه که شما عزیزان میتونید با دانلود اون .. طرح رو در فتوشاپ یا برنامه های اینچنینی ویرایش کنید و عکس و متن مورد...13,000 -
موکاپ جدید تلفن همراه
موکاپطرح موکاپ تلفن همراه و نمایش صفحات موبایل و نرم افزار به جهت جذاب ساختن و نمایش طراحی شما به صورت سه بعدی می باشد که ارائه طراحی های شما را آسان تر و حرفه ای تر و قابل فهم تر برای مخاطب می کند. این موکاپ به صورت کاملا لایه باز و با مد رنگ RGB و با کیفیت طراحی شده است که به راحتی و با چند کلیک می تواند طرح خود را جایگذاری نمایید. اکثر موکاپ های حرفه ای در مارکت های خارجی با هزینه های بسیار...13,000 22000 -
قالب پست اینستاگرام کیف و کفش با فرمت psd به همراه فایل های png
پست و استوری اینستاگرامپست اینستاگرام | کاور اینستاگرام | قالب پست اینستاگرام فروشگاه کیف | طرح لایه باز اینستاگرام | طرح فروشگاهی اینستاگرام معرفی قالب پست اینستاگرام فروشگاه کیف و کفش دانلود پست اینستاگرام فروشگاهی کیف و کفش کاملا لایه باز بوده و از طرح جذابی برای فروش بیشتر محصولات اینستاگرامی استفاده شده، این طرح مناسب برای پیج های فروشگاهی | فروش کیف | فروش کفش | و سایر مشاغل...16,000 28000 -
الفبای فارسی کودکانه به همراه تصاویر آموزشی لایه باز psd
متفرفهالفبای فارسی کودکانه فایل و طرح لایه باز حروف الفبای فارسی کودکانه به همراه تصاویر زیبا و جذاب جهت آموزش و یادگیری کودکان. این محصول با تصاویری زیبا و جذاب ، رنگ آمیزی شاد که مورد پسند کودکان واقع می شود می تواند موجب توجه کودکان شود. مشخصات محصول الفبای فارسی کودکانه این محصول با فرمت PSD ، فتوشاپ که لایه باز می باشد با کیفیت 300 DPI جهت استفاده در پروژه های کودکان مانند بسته بندی...25,000 39000 -
موکاپ نمایش لوگو حرفه ای (به همراه فونت رایگان)
موکاپطرح لایه باز موکاپ نمایش لوگو سه بعدی با طرح زیبا روی دیوار به جهت جذاب ساختن و نمایش طراحی شما به صورت سه بعدی می باشد که ارائه طراحی های شما را آسان تر و حرفه ای تر و قابل فهم تر برای مخاطب می کند. این موکاپ به صورت کاملا لایه باز و با مد رنگ RGB و با کیفیت طراحی شده است که به راحتی و با چند کلیک می تواند طرح خود را جایگذاری نمایید. اکثر موکاپ های حرفه ای در مارکت های خارجی با هزینه...13,000 19500 -
قالب پازلی اینستاگرام بصورت لایه باز PSD به همراه آموزش
قالب پازلی اینستاگرام لایه باز برای ساخت سری عکس های پازلی اینستا شاید شما هم در پروفایل پیج های مختلف مانند پیج های مدلینگ و فروش لوازم مد و یا حتی پیج های شخصی سری عکس های پازلی را در بخش پست های پیج دیده باشید که جلوه خیلی خوبی بخصوص برای پیج های فروشگاهی میدهد . برای ساخت این سری عکس ها ما امروز قالبی را آماده کردیم که شما براحتی میتوانید تصاویر خود را در این قالب قرار داده و قالب به...16,000 28000 -
طرح لایه باز سربرگ پزشک متخصص قلب به همراه کارت ویزیت با فرمت psd
سربرگمجموعه لایه باز سربرگ پزشکی به همراه کارت ویزیت پزشک متخصص قلب و عروق با فرمت psd
ابعاد کارت ویزیت 9 در 6 سانتی متر و سربرگ سایز A5
مد رنگ CMYK و ریزولوشن 300 dpi
فونت های مورد نیاز در فلدر fonts در داخل فایل زیپ دانلودی قرار دارند.
حجم فایل: 8.13 MB
13,000 -
افزونه ووکامرس پرداخت سریع و مستقیم به همراه سبد خرید پاپ آپ- افزونه Instantio نسخه پرو
افزونه ووکامرسافزونه Instantio (یا WooInstant) با به حداقل رساندن مراحل فرآیند تسویه حساب ، نرخ رها کردن سبد خرید شما را کاهش می دهد. با داشتن آیکن سبد شناور ، پرداخت چند مرحله ای را به یک مرحله تبدیل می کند. مراحل پرداخت فقط 10-15 ثانیه طول می کشد. تنها کاری که مشتری شما باید انجام دهد این است "افزودن به سبد خرید" ، یک کشوی پاپ آپ/سبد خرید با نمای سبد نمایان می شود. با کاهش مراحل ، پرداخت زمان کمتری طول می...19,000 59000 -
بنر لایه باز فست فود و ساندویچی با فرمت psd زیبا و خاص
بنربیشک حتمای این طرح را در هیچ کجا نخواهید دید! زیباترین بنر لایه باز فست فود یک تراکت خاص و متفاوت به فست فود و ساندویچی خود هدیه دهید... بنر لایه باز فست فود کاملا لایه باز بوده و این طرح مناسب برای ساندویچی و فست فود شما میباشد که از دید خوبی برخوردار است ، این طرح فوق کاملاً لایه باز با فرمت psd و از کدهای رنگی cmyk که مخصوص چاپ هست استفاده شده.این طرح با طراحی شیک و مدرن و در...16,000 -
موکاپ لوگوی جذاب و زیبا
موکاپموکاپ جدید و جذاب لوگو روی دیوار که به صورت متن لایه باز نیر می توانید استفاده کنید و نیز به جهت جذاب ساختن و نمایش طراحی شما به صورت سه بعدی می باشد که ارائه طراحی های شما را آسان تر و حرفه ای تر و قابل فهم تر برای مخاطب می کند. این موکاپ به صورت کاملا لایه باز و با مد رنگ RGB و با کیفیت طراحی شده است که به راحتی و با چند کلیک می تواند طرح خود را جایگذاری نمایید. اکثر موکاپ های حرفه ای در...13,000 18500 -
طرح لایه باز فاکتور زیبا psd اندازه A4
فاکتورفایل لایه باز فاکتور با طراحی مرتب در سایز 21 در 29.7 معادل A4 ، فایل به صورت psd و لایه باز است و کاملا قابل ادیت است و در همه جای طرح امکان ویرایش وجود دارد . فرمت فایل : psd رزولوشن : 300 مد رنگ : RGB حجم : 21 مگابایت راهکار استفاده از فایل : کافیست فایل را از حالت فشرده خارج کرده ، روی آن راست کلیک کنید و آن را با نرم افزار فتوشاپ باز کنید و ادیت خود روی فایل انجام دهید...10,000 25000 -
بنر لایه باز پیش دبستانی با فرمت psd طرحی زیبا
بنربنر پیش دبستانی لایه باز | دانلود بنر پیش دبستانی | طرح لایه باز پیش دبستانی | بنر دبستان لایه باز بنر پیش دبستانی لایه باز طرح بنر پیش دبستانی کاملا لایه باز بوده و این طرح مناسب برای پیش دبستانی و کلاس های تقویتی میباشد که باتوجه به مدرن بودن طرح از دید خوبی برخوردار میباشد، در روند طراحی این محصول سعی کردیم تمامی استانداردهای لازم را رعایت کنیم تا بعد از چاپ شما از سایر رقبا...16,000 30000 -
بنر لایه باز ساندویچی و فست فود با فرمت psd زیبا و جذاب
بنربیشک حتمای این طرح را در هیچ کجا نخواهید دید! زیباترین بنر ساندویجی و فست فود یک تراکت خاص و متفاوت به ساندویچی و فست فود خود هدیه دهید... بنر لایه باز ساندویچی و فست فود کاملا لایه باز بوده و این طرح مناسب برای ساندویچی و فست فود میباشد که از دید خوبی برخوردار است ، این طرح فوق کاملاً لایه باز با فرمت psd و از کدهای رنگی cmyk که مخصوص چاپ هست استفاده شده.این طرح با طراحی شیک و...16,000 -
موکاپ نمایش لوگو سه بعدی زیبا
موکاپموکاپ حرفه ای نمایش لوگو سه بعدی با طرح زیبا روی دیوار به جهت جذاب ساختن و نمایش طراحی شما به صورت سه بعدی می باشد که ارائه طراحی های شما را آسان تر و حرفه ای تر و قابل فهم تر برای مخاطب می کند. این موکاپ به صورت کاملا لایه باز و با مد رنگ RGB و با کیفیت طراحی شده است که به راحتی و با چند کلیک می تواند طرح خود را جایگذاری نمایید. اکثر موکاپ های حرفه ای در مارکت های خارجی با هزینه های...13,000 20000 -
طرح لایه باز تراکت غذاخوری با طرحی شیک و زیبا با فرمت psd
بنرطرح تراکت غذاخوری کاملا لایه باز بوده و این طرح مناسب برای رستوران و غذاخوری میباشد که از دید خوبی برخوردار است ، این طرح فوق کاملاً لایه باز با فرمت psd و از کدهای رنگی cmyk که مخصوص چاپ هست استفاده شده.این طرح با طراحی شیک و مدرن و در اندازه {120*300} سانتی متر و رزولوشن ۳۰۰ DPII با کیفیت عالی می باشد. از این طرح میتوانید برای بنر و حتی میتوانید با کمی تغییرات به کارت ویزیت هم...16,000 -
بنر لایه باز دبستان و پیش دبستانی طرحی کاربردی و زیبا
بنربیشک حتمای این طرح را در هیچ کجا نخواهید دید! زیباترین بنر دبستان و پیش دبستانی یک تراکت خاص و متفاوت را به مدارس و پیش دبستانی خود هدیه دهید... بنر لایه باز دبستان و پیش دبستانی کاملا لایه باز بوده و این طرح مناسب برای مدارس و پیش دبستانی میباشد که از دید خوبی برخوردار است ، این طرح فوق کاملاً لایه باز با فرمت psd و از کدهای رنگی cmyk که مخصوص چاپ هست استفاده شده.این طرح با...16,000 -
کارت ویزیت مشاور املاک ساده و زیبا
کارت ویزیتکارت ویزیت املاک آرمان کاملا لایه باز بوده و این طرح مناسب برای مشاورین املاک میباشد که از دید خوبی برخوردار است ، این طرح فوق کاملاً لایه باز با فرمت psd و از کدهای رنگی cmyk که مخصوص چاپ هست استفاده شده.این طرح با طراحی شیک و مدرن و در اندازه {400*200} سانتی متر و رزولوشن ۳۰۰ DPII با کیفیت عالی می باشد. ابعاد :300 در 100 سانتیمتر و قابل ویرایش به اندازه های دلخواه خود میباشد فرمت...13,000 23000 -
تراکت لایه باز آموزشگاه علمی با فرمت psd طرحی زیبا
بنرتراکت آموزشگاه علمی لایه باز | دانلود تراکت آموزشگاه علمی | طرح لایه باز آموزشگاه علمی | تراکت آموزشگاه علمی تراکت آموزشگاه علمی لایه باز طرح تراکت آموزشگاه علمی کاملا لایه باز بوده و این طرح مناسب برای آموزشگاه علمی و کلاس های تقویتی میباشد که باتوجه به مدرن بودن طرح از دید خوبی برخوردار میباشد، در روند طراحی این محصول سعی کردیم تمامی استانداردهای لازم را رعایت کنیم تا...13,000 22000 -
تراکت لایه باز سوپر مارکت با فرمت psd زیبا و جذاب
بنربیشک حتمای این طرح را در هیچ کجا نخواهید دید! زیباترین تراکت برای سوپر مارکت یک تراکت خاص و متفاوت به سوپر مارکت خود هدیه دهید... تراکت لایه باز سوپر مارکتکاملا لایه باز بوده و این طرح مناسب برای فروشگاه و سوپرمارکت میباشد که از دید خوبی برخوردار است ، این طرح فوق کاملاً لایه باز با فرمت psd و از کدهای رنگی cmyk که مخصوص چاپ هست استفاده شده.این طرح با طراحی شیک و مدرن و در...16,000 -
تراکت لایه باز آموزشگاه علمی با فرمت psd طرحی زیبا
بنرتراکت آموزشگاه علمی لایه باز | دانلود تراکت آموزشگاه علمی | طرح لایه باز آموزشگاه علمی | تراکت آموزشگاه علمی تراکت آموزشگاه علمی لایه باز طرح تراکت آموزشگاه علمی کاملا لایه باز بوده و این طرح مناسب برای آموزشگاه علمی و کلاس های تقویتی میباشد که باتوجه به مدرن بودن طرح از دید خوبی برخوردار میباشد، در روند طراحی این محصول سعی کردیم تمامی استانداردهای لازم را رعایت کنیم تا...13,000 22000
آخرین های مشابه مشاهده بیشتر
-
دانلود منو ساید بار زیبا با css , jquery همراه با دمو
آموزش cssنوشتن رسپانسیو منو برای سایت های مگا، کار ساده ای نیست. اگر شما در حال کار بر روی یک پنل مدیریت هستید، احتمالا شما باید یک منوی عمودی را طراحی و توسعه دهید، با مقدار زیادی زیر مجموعه ها. به همین دلیل تصمیم گرفتیم قطعه امروز را به اشتراک بگذاریم! ناوبری نوار ابزار ما می تواند زندگی شما را ساده تر با ارائه یک قالب شروع ساده برای پروژه بعدی خود؛) آیکون: کتابخانه هسته...رایگان -
باکس ثبت نام حرفه ای با انیمیشن زیبا css,jquery
آموزش cssدر بیشتر موارد، کاربران خود را به یک صفحه ثبت نام هدایت می کنید. با این حال، اگر فرآیند پرداخت شما کاملا ساده باشد، یک روش جایگزین برای جابجایی جدول قیمت گذاری است، و در همان صفحه، فرم پرداخت را نشان می دهد. این همان چیزی است که ما با قطعه امروز تلاش کردیم. صحبت کردن به اندازه کافی، بیایید به کد بچرخانیم؛) منابع: Velocity.js توسط جولیان شاپیرو. آیکون از Nucleo . ایجاد...رایگان -
15 کد تب بندی شده با css و jquery
با 15 نمونه سورس تب بندی شده در خدمت دوستان هستیم که امیدواریم خوشتان آمده باشد فایل های این مجموعه کاملا کم حجم بوده و از انیمشن های جالب و زیبا جهت باز کردن تب بندی ها استفاده گردیده که طرح را بسیار زیبا کرده است جهت نمایش آیکون ها از svg استفاده گردیده که سرعت کار را بالا ببرد از تگ های سکشن جهت باز شروع و اتمام تب ها استفاده شده است آموزش تنظیمات تب بندی ها : ما از آیکون...رایگان -
آموزش افزودن فهرست در وردپرس به همراه ویرایش و حذف آن
آموزش wordpressدسته بندی های وردپرس یک راه بسیار مناسب برای سازماندهی پست های شما هستند. که شما میتواند طبق نیاز خود دسته بندی و زیر دسته بندی هر چقدر که لازم دارید را ایجاد نمایید. علاوه بر این، در حقیقت در دسته بندی ها مطالب در دسته بندی متناسب خود قرار میگیرند و این میتواند نقاط قوتی هم در جستجوی گوگل باشد هم کاربر را مجذوب پست های خود نمایید. نحوه افزودن دسته بندی در وردپرس برای ایجاد...رایگان -
دانلود وکتور قالب وبسایت 404 همراه با گربه
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...رایگان -
طرح لایه باز موکاپ لوگو به همراه مداد و روی کاغذ
طرح لایه بازطرح لایه باز موکاپ لوگو به همراه مداد و روی کاغذ از این طرح زیبا میتوانید برای مکاپ کردن لوگو های خودتان استفاده کنید که طراحی را زیبا و هم کپی برداری از اثر را سخت تر میکند دانلود طرح لایه باز رایگان توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند...رایگان -
دانلود فرم جستجوی CSS3/jQuery بهمراه PSD
آموزش cssفرم جستجو بخش بسیار مهمی از یک وب سایت بوده و به کاربران اجازه می دهد ب محتوای مورد نظر را با سرعت زیاد پیدا کنند. یک فرم جستجو پیشرفته با طراحی خوب باعث می شود یک وب سایت حرفه ای و مدرن باشد. امروز برای شما کاربرای عزیز یک فرم جستجو آماده کرده ایم که میتوانید به رایگان دانلود و استفاده...رایگان -
سورس jquery افزودن به سبد خرید سریع
آموزش cssاستفاده از صفحه نمایش بزرگتر نباید محدود به استفاده از تصاویر / عناصر بزرگتر باشد. ما می توانیم این پیکسل های اضافی را با افزایش تجربه کاربر با ویژگی های اضافی کار کنیم. UX استاندارد برای یک گالری محصول: کلیک کاربر بر روی یک محصول که او دوست دارد، و سپس به صفحه محصول تک حرکت می کند. از این جا، او قصد دارد برخی از گزینه ها را انتخاب کند و در نهایت محصول را به سبد خرید اضافه کند. هیچ...رایگان -
سورس کامل به همراه پیشنمایش تایم لاین jqruey , css
آموزش cssخط زمانی عمودی ما تا کنون یکی از محبوب ترین منابع در ملت وب است. بسیاری از شما از ما خواسته اید تا یک جدول زمانی افقی را نیز اضافه کنید. که تقدیم شما میگردد. ساخت یک جدول زمانی افقی کمی دشوار بود، زیرا شما نمی توانید به عمودی (بصری) رفتار پیمایش تکیه کنید. ما تصمیم گرفتیم جداول زمانی و حوادث را جدا کنیم، اولین کسی که مانند یک نوار لغزنده کار می کند، در حالی که دومین اشغال...رایگان -
دانلود رایگان اسلایدر رسپانسیو ساخته شده با jquery
آموزش cssاسلایدر جی کوئری اساسی پلاگین جی کوئری سبک و سریع برای ایجاد لغزنده تصویر پاسخگو با حداقل ویژگی ها و تم های تمیز است. امکانات: طرح رسپانسیو سبک و آسان برای استفاده به طور خودکار نوشتن شرح تصاویر با استفاده از ویژگی های عنوان فشرده سازی و لغزش انیمیشن پیمایش پیمایش و عددی خودکار بازی و شروع تصادفی پشتیبانی می شود مرورگر صلیب چگونه از آن استفاده کنید: 1. شامل آخرین...رایگان -
دانلود رایگان قالب HTML فروشگاهی به همراه داشبورد MartPlace
قالب رایگان htmlTemplate MartPlace HTML5 با استفاده از آخرین فن آوری هایی مانند Gulp، SASS، BEM ساخته شده است، بنابراین آسان است برای سفارشی کردن و گسترش آن. طرح مدولار ما آن را انعطاف پذیر، قابل استفاده مجدد و منحصر به فرد در هر راه. این مجموعه شامل مجموعه ای غنی از عناصر و اجزای تشکیل شده است تا کاربر با استفاده از طرح بندی ارائه شده، محدودیت نداشته باشد. یک کاربر به راحتی می تواند اجزای جدید، بخش حتی صفحات را...رایگان -
وکتور پنجره با محیط شب و روز به همراه گربه گلدان کتاب و دیوار
وکتوروکتور پنجره با محیط شب و روز به همراه گربه گلدان کتاب و دیوار که به صورت رایگان در اختیار شما قرار میگیرد دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از...رایگان -
آموزش کامل و سورس سبد خرید css , jquery با پیشنمایش و دانلود
آموزش cssما در مورد فرآیند "اضافه به سبد خرید" به الگوهای مختلفی استفاده می کنیم. ایده اصلی این الگو، اطلاع دادن به کاربر است که یک مورد به سبد اضافه شده است و او را با یک پیوند برای ادامه به پرداخت، ارائه می دهد. ما با این ایده مخفی کردن سبد خرید به طور پیش فرض آزمایش کرده ایم و آن را زمانی که کاربر بر روی دکمه «افزودن به سبد خرید» کلیک می کند نشان می دهد. به این ترتیب کاربر می...رایگان -
دانلود پخش ویدیو رایگان جی کوئری و اچ تی ام ال jQuery Videre رسپانسیو
آموزش javascriptVidere یک پلاگین جی کوئری است که به شما اجازه می دهد یک پخش کننده ویدئویی HTML5، رسپانسیو، همراه با پشتیبانی از دکمه های پخش و قطع و .. با کیفیت می باشد. چگونه از آن استفاده کنید: 1. استایل ضروری و مورد نیاز videre.css را برای پخش کننده ویدیوی HTML5 در داخل تگ هد سایتتان جایگزاری فرمایید. <link rel="stylesheet" href="videre.css"> 2. تکه کد اچ تی ام زیر را در جایی که قرار است ویدئو پخش...رایگان -
دانلود رایگان کد گالری تصویر بسیار جذاب با html,jquery,css
آموزش cssایجاد ساختار HTML در 2 اصلی ساختار <div> با کلاس ( .cd-slider-wrapperو .cd-item-info) - اولی مربوط به گالری عکس و دوم اطلاعات محصول (عنوان، دکمه عمل ..) - پیچیده در داخل یک section.cd-single-item. محتوای باقی مانده در یک .cd-contentبخش جداگانه وارد شده است . <section class="cd-single-item"> <div class="cd-slider-wrapper"> <ul class="cd-slider"> <li class="selected"><img src="img/img-1.jpg"...رایگان -
طرح لایه باز روز مادر و زن PSD به همراه تصاویر و متن روز مادر 1400
طرح لایه بازطرح لایه باز روز مادر و خانواده PSD مادر! درستایش دنیای پرمهرت، ترانه ای از اخلاص خواهم سرود و گلدسته ای از مهر بر گردنت خواهم آویخت. شکوه عشق را در زمزمه های مادرانه ات می یابم و انگیزه خلقت را از قلب پرمهرت می خوانم. ایمانم از دعای توست وخدایم را از زبان تو شناخته ام، عبادت را تو به من آموخته ای، مادرم! به پاس آنچه به من داده ای، به ستایش محبتهای بی اندازه ات، و به وسعت همه...رایگان -
کارت ویزیت زیبا در رنگ های آبی
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...رایگان -
قالب کارت کسب و کار زیبا
کارت ویزیتدانلود کارت ویزیت توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...رایگان -
طرح لایه باز بنر مکانیکی زیبا
طرح لایه بازاین طرح زیبا را شما میتوانید در سردرب مغازه و یا حتی بیلبورد های تبلیغاتی به کار بگیرید مکان زیادی در سمت راست می باشد که میتوانید اطلاعات کافی قرار دهید از این بنر برای مکانیکی ها میتوانید استفاده کنید دانلود طرح لایه باز رایگان توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند...رایگان -
تصویر کارت بازدید زیبا
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید.این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...رایگان
هشتگ ها :
این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید