

ایجاد ساختار
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" alt="Product Image 1"></li>
<li><img src="img/img-2.jpg" alt="Product Image 1"></li>
<li><img src="img/img-3.jpg" alt="Product Image 2"></li>
</ul> <!-- cd-slider -->
<ul class="cd-slider-navigation">
<li><a href="#0" class="cd-prev inactive">Next</a></li>
<li><a href="#0" class="cd-next">Prev</a></li>
</ul> <!-- cd-slider-navigation -->
<a href="#0" class="cd-close">Close</a>
</div> <!-- cd-slider-wrapper -->
<div class="cd-item-info">
<h2>Produt Title</h2>
<p>Lorem ipsum dolor sit amet...</p>
<button class="add-to-cart">Add to cart</button>
</div> <!-- cd-item-info -->
</section> <!-- cd-single-item -->
<section class="cd-content">
<!-- other content here -->
</section>
توجه داشته باشید که .cd-slider-pagination
عنصر (صفحه بندی ) به طور مستقیم در HTML وارد نشده اما با استفاده از jQuery ایجاد شده است.
افزودن سبک
در دستگاه های کوچک CSS بسیار ساده است: هر دو .cd-slider-wrapper
و .cd-item-info
در عرض کامل هستند و از جریان استاندارد صفحه پیروی می کنند.
در دستگاههای دسکتاپ (عرض نمایش دهی بیش از 1024 پیکسل) ما یک position: absolute
و width: 50%
به آن اختصاص داده .cd-item-info
و آن را در سمت راست صفحه قرار دادیم .
برای .cd-slider-wrapper
عنصر، ما مجموعه width: 50%
. هنگامی که کاربر بر روی گالری تصویر کلیک می کند، .cd-slider-active
کلاس را به .cd-single-item
بخش اضافه می کنیم : .cd-slider-wrapper
عرض به 100٪ تعیین می شود؛ این راه .cd-slider-wrapper
افزایش می یابد، پوشش .cd-item-info
(که در آن است position: absolute
) و پایین آوردن محتوای باقی مانده است. CSS3 برای دستیابی به انیمیشن صاف، انتقال به مقدار عرض افزوده شده است.
@media only screen and (min-width: 1024px) {
.cd-slider-wrapper {
transition: width 0.4s;
width: 50%;
}
.cd-slider-active .cd-slider-wrapper {
width: 100%;
}
}
@media only screen and (min-width: 1024px) {
.cd-item-info {
position: absolute;
width: 50%;
top: 0;
right: 0;
padding: 60px 60px 0;
}
}
برای این روش به درستی کار می کنند، تصاویر گالری باید دارای نسبت عرضی بالاتر از 1 (عرض بالاتر از ارتفاع) باشد.هنگامی که تصویر در حالت نمایش اسلاید است، ارتفاع آن به نسبت عرض آن افزایش می یابد. بنابراین یک تصویر با نسبت عرضی کوچکتر از 1 باعث پیمایش بیشتر خواهد شد.
علاوه بر این، از آنجا که .cd-item-info
در آن است position: absolute
، ارتفاع آن .cd-single-item
فقط با اندازه تصویر گالری تنظیم می شود. در نتیجه .cd-item-info
ارتفاع باید کوچکتر از تصویر گالری باشد.
محصولات مشابه فروشی
-
دانلود بنر گالری ساعت بسیار شیک با لایه باز
بنردانلود بنر بسیار زیبای فروشگاه ساعت و گالری ساعت با لایه باز طرح لایه باز بنر گالری ساعت روکه برای شما عزیزان اماده دانلود کردیم توجه بفرمایید که فرمت طرح بصورت tiff ذخیره شده ک حجم کمتری رو اشغال کنه . شما عزیزان با دانلود این طرح و باز کردنش با فتوشاپ میتونید تغییرات دلخواهتون رو در طرح ایجاد کنید مشخصات طرح لایه باز بنر فروشگاه ساعت این طرح دارای 80 گیگ حجم. فرمت tiff و مود...16,000 -
3 موکاپ بسیار جذاب NEON
موکاپدانلود 3 موکاپ فوق جذاب NEON برای علاقمندان به موکاپ لوگو و طرح نکته : فرمت این موکاپها برای کم حجم تر شدن tiff هست.. پس از دانلود و خارج کردن از حالت زیپ روی فایلها کلیک راست کرده و گزینه ( باز کردن با..) یا open with رو انتخاب و فتوشاپ رو انتخاب کنید و با فایلتون کار کنید عزیزان میتونند با خرید و دانلود این دو موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض نمایش قرار بدن موکاپ لوگو...13,000 -
موکاپ نمایش لوگو حرفه ای (به همراه فونت رایگان)
موکاپطرح لایه باز موکاپ نمایش لوگو سه بعدی با طرح زیبا روی دیوار به جهت جذاب ساختن و نمایش طراحی شما به صورت سه بعدی می باشد که ارائه طراحی های شما را آسان تر و حرفه ای تر و قابل فهم تر برای مخاطب می کند. این موکاپ به صورت کاملا لایه باز و با مد رنگ RGB و با کیفیت طراحی شده است که به راحتی و با چند کلیک می تواند طرح خود را جایگذاری نمایید. اکثر موکاپ های حرفه ای در مارکت های خارجی با هزینه...13,000 19500 -
دانلود بنر لایه باز گالری ساعت
بنرطرح لایه باز بنر فروشگاه ساعت ، مناسب برای دیگر صنوف مرتبط این بنر را می توان با کمی تغییر برای صنوف مرتبط صنعت مبلمان و با کمی خلاقیت برای دیگر صنوف استفاده نمود. از طرفی با توجه به اندازه 1.5 متری این بنر و کاملا لایه باز بودن، با کمی تغییر می توان اندازه طرح رو به هر اندازه دلخواهی که دلخواهتان است تغییر بدهید. همچنین فایل مورد نظر این امکان را دارد که به عنوان کارت ویزیت یا تراکت...16,000 22000 -
دانلود سه موکاپ شیک و جذاب لوگو (پریمیوم)
موکاپدانلود سه موکاپ پریمیوم و جذاب گلچین شده برای علاقمندان به موکاپ لوگو عزیزان میتونند با خرید و دانلود این سه موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض نمایش قرار بدن موکاپ لوگو چیست ؟؟ به زبون ساده اگر بخوایم بگیم نحوه ی نشون دادن طراحی شما برای دیگران هست. فرض کنید شما یک لوگو طراحی کردید و میخواید اون رو نمایش بدید. میتونید طرحتون روی این قالبهای لای باز قرار...13,000 -
دانلود دو موکاپ شیک و جذاب کتاب ( پریمیوم )
موکاپدانلود دو موکاپ کتاب پریمیوم و جذاب گلچین شده برای علاقمندان عزیزان میتونند با خرید و دانلود این سه موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض نمایش قرار بدن موکاپ کتاب چیست ؟؟ فرض کنید شما ب عنوان طراح طرحی رو برای جلد کتابی طراحی کردید و اماده هست در سیستم شما. شما نیاز دارید طرحتون رو برروی کتابی قرار بدید تا به کسی که نیاز دارید نشون بدید تا طرحتون رو بتونه ببینه...13,000 -
دانلود قالب معرفی و دانلود اپلیکیشن Axuta برای HTML
شرکتیقالب Axuta قالب معرفی نرم افزار تمیز و مدرن و صفحه فرود نرم افزار است. این قالب تمیز و زیبا مناسب و ایده آل برای صفحه فرود برنامه است. قالب Axuta به خوبی سازمان یافته است و بسیار آسان برای سفارشی کردن میباشد. امکانات و ویژگی های قالب axuta برای HTML طراحی تعاملی بر اساس بوت استرپ 4 W3C معتبر انیمیشن jQuery و CSS3 Mailchimp آماده طراحی تمیز و فوق العاده مدرن پلاگین سبد پاسخگو سازگاری...29,000 55000 -
دانلود دو موکاپ سه بعدی و جذاب لوگو با لایه باز
موکاپدانلود دو موکاپ پریمیوم و جذاب گلچین شده برای علاقمندان به موکاپ لوگو نکته : فرمت فایلها به جهت کم کردن حجم موکاپها tiff میباشد. بعد از دانلود و خارج کردن محصول از حالت زیپ روی هر فایل کلیک راست کرده و گزینه ( باز کردن با..) یا open with رو بزنید و فتوشاپ رو انتخاب کنید و از موکاپها استفاده کنید عزیزان میتونند با خرید و دانلود این سه موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض...13,000 20000 -
دانلود دو موکاپ جذاب لوگو ( دیواری شرکتی)
موکاپدانلود دو موکاپ پریمیوم و جذاب گلچین شده برای علاقمندان به موکاپ لوگو نکته : فرمت این موکاپها برای کم حجم تر شدن tiff هست.. پس از دانلود و خارج کردن از حالت زیپ روی فایلها کلیک راست کرده و گزینه ( باز کردن با..) یا open with رو انتخاب و فتوشاپ رو انتخاب کنید و با فایلتون کار کنید عزیزان میتونند با خرید و دانلود این دو موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض نمایش قرار...13,000 -
دانلود دو موکاپ لاکچری و جذاب لوگو پریمیوم
موکاپدانلود دو موکاپ جذاب و لاکچری لوگو برای علاقمندان به موکاپ نکته : فرمت این موکاپها برای کم حجم تر شدن tiff هست.. پس از دانلود و خارج کردن از حالت زیپ روی فایلها کلیک راست کرده و گزینه ( باز کردن با..) یا open with رو انتخاب و فتوشاپ رو انتخاب کنید و با فایلتون کار کنید عزیزان میتونند با خرید و دانلود این دو موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض نمایش قرار بدن موکاپ...13,000 -
دانلود موکاپ جذاب تراکت با لایه باز ( پریمیوم )
موکاپ تراکت بسیار جذاب و خاص پریمیوم اماده دانلود برای عزیزان طراح عزیزان میتونن با دانلود موکاپ تراکت ازین موکاپ زیبا برای پیش نمایش تراکتهاشون استفاده کنند موکاپ تراکت چیبست ؟ موکاپ ب زبان ساده به طرح و یا قالبی گفته میشه که شما بعد از طراحیتون بای نشون دادن طرحتون به دیگران طرحتون رو در این قالبها که بهشون موکاپ میگن قرار میدید و در معرض نمایش میذارید فرض کنید شما ی...10,000 -
دانلود تکست افکت سه بعدی یخی فوقالعاده جذاب و پریمیوم
متفرفهدانلود تکست افکت فوقالعاده زیبا ..جذاب و کاربردی یخی و سه بعدی و پریمیوم که اماده دانلود میباشد این طرح دارای فرمت PSD هست و براحتی قابل ویرایش هست سما میتونید ازین افکت فوقالعاده در طرحها و تکستهاتون استفاده کنید و حرفه ای باشید امیدوارم ازین افکت فوقالعاده لذت برده باشید حتما از دیگر طرحهای من دیدن کنید ملت وب مرکز خرید و فروش فایلهای...13,000 -
دانلود تکست افکت NEON سه بعدی جذاب پریمیوم
متفرفهطرح لایه باز تکست افکت سه بعدی NEON بسیار جذاب و کاربردی پریمیوم که اماده دانلود میباشد این طرح دارای فرمت PSD هست و براحتی قابل ویرایش هست سما میتونید ازین افکت فوقالعاده در طرحها و تکستهاتون استفاده کنید و حرفه ای باشید امیدوارم ازین افکت فوقالعاده لذت برده باشید حتما از دیگر طرحهای من دیدن کنید ملت وب مرکز خرید و فروش فایلهای...13,000 -
دانلود 3 موکاپ کاربردی و جذاب ساک دستی و جعبه خرید
موکاپدانلود 3 موکاپ جذاب ( ساک دستی و جعبه خرید ) برای علاقمندان نکته : فرمت این موکاپها برای کم حجم تر شدن tiff هست.. پس از دانلود و خارج کردن از حالت زیپ روی فایلها کلیک راست کرده و گزینه ( باز کردن با..) یا open with رو انتخاب و فتوشاپ رو انتخاب کنید و با فایلتون کار کنید عزیزان میتونند با خرید و دانلود این دو موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض نمایش قرار بدن موکاپ ساک...13,000 -
دانلود دو موکاپ جذاب NEON و سه بعدی پریمیوم ( لایه باز )
موکاپدانلود دو موکاپ جذاب و شیک NEON سه بعدی برای علاقمندان به موکاپ نکته : فرمت این موکاپها برای کم حجم تر شدن tiff هست.. پس از دانلود و خارج کردن از حالت زیپ روی فایلها کلیک راست کرده و گزینه ( باز کردن با..) یا open with رو انتخاب و فتوشاپ رو انتخاب کنید و با فایلتون کار کنید عزیزان میتونند با خرید و دانلود این دو موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض نمایش قرار بدن موکاپ لوگو...13,000 -
دانلود افکت متن جذاب نقره ای و درخشان قابل ادیت پریمیوم
متفرفهدانلود تکست افکت نقره ای جذاب و کاربردی و پریمیوم که اماده دانلود میباشد این طرح دارای فرمت PSD هست و براحتی قابل ویرایش هست سما میتونید ازین افکت فوقالعاده در طرحها و تکستهاتون استفاده کنید و حرفه ای باشید امیدوارم ازین افکت فوقالعاده لذت برده باشید حتما از دیگر طرحهای من دیدن کنید ملت وب مرکز خرید و فروش فایلهای...13,000 -
دانلود پست اینستاگرام فروشگاه اینترنتی کاملا لایه باز با فرمت PSD طرح جذاب و شیک
پست و استوری اینستاگرامپست اینستاگرام | کاور اینستاگرام | فریم اینستاگرام | طرح لایه باز اینستاگرام | طرح فروشگاهی اینستاگرام معرفی قالب پست اینستاگرام فروشگاه هدفون دانلود پست اینستاگرام فروشگاهی هدفون و لوازم جانبی کاملا لایه باز بوده و از طرح جذابی برای فروش بیشتر محصولات اینستاگرامی استفاده شده، این طرح مناسب برای پیج های فروشگاهی | فروش هدفون | فروش لوازم جانبی | پست فروشگاه...16,000 28000 -
دانلود دو موکاپ جذاب لوگو ( سردر شرکت و دیوار ساختمان )
موکاپدانلود دو موکاپ پریمیوم و جذاب گلچین شده برای علاقمندان به موکاپ لوگو نکته : فرمت این موکاپها برای کم حجم تر شدن tiff هست.. پس از دانلود و خارج کردن از حالت زیپ روی فایلها کلیک راست کرده و گزینه ( باز کردن با..) یا open with رو انتخاب و فتوشاپ رو انتخاب کنید و با فایلتون کار کنید عزیزان میتونند با خرید و دانلود این دو موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض نمایش قرار...13,000 -
دانلود 2 تکست افکت فوقالعاده جذاب پریمیوم لایه باز با تخفیف ویژه
متفرفهطرحی که مشاهده میکنید دو تکست افکت پریمیوم سایت فریپیک هست که براتون با تخفیف بسیار زیاد قرار دادم تا بتونید در تکستها و حتی طرحهاتون ازین افکتهای جذاب استفاده کنید. توجه : فراموش نکنید که این تکست افکتها پریمیوم و پولی هستند و نسخه رایگان هیچجا ندارند و تصمیم گرفتم جذابهای پریمیوم رو با هزینه خیلی مناسب برای طراحان عزیز قرار بدم نمونه تکست افکت سه بعدی...13,000 26000 -
دانلود دو موکاپ جذاب طرح برروی تلفن و لپتاپ همزمان ( لایه باز پریمیوم )
موکاپدانلود دو موکاپ جذاب بسیار شیک و کاربردی لوگو برای عزیزان نکته : فرمت این موکاپها برای کم حجم تر شدن tiff هست.. پس از دانلود و خارج کردن از حالت زیپ روی فایلها کلیک راست کرده و گزینه ( باز کردن با..) یا open with رو انتخاب و فتوشاپ رو انتخاب کنید و با فایلتون کار کنید عزیزان میتونند با خرید و دانلود این دو موکاپ لوگوی جذاب لوگوهاشون رو در بهترین حالت در معرض نمایش قرار بدن موکاپ...13,000 -
طرح لایه باز تراکت و بنر اتو گالری psd ش(2)
تراکتدانلود طرح لایـه باز تراکت تبلیغاتی خاص ، شیک و مدرن کد طرح : ALI002 طرح لایه باز تراکت و بنر تبلیغاتی مزون لباس عروس و فیلمبرداری و آتلیه عکاسی این طرح کاملا خاص و منحصر بفرد است و در هیچ سایت دیگری وجود ندارد. این طرح بسیار شیک ، زیبا ، مدرن و منحصر بفرد بصورت کاملا لایه باز با پسوند PSD مخصوص نرم افزار ادبی فتوشاپ و براساس روانشناسی رنگ ها و همچنین تکنیک های جدید روانشناسی تبلیغات...13,000 37000 -
طرح لایه باز گالری عطر و ادکلن
متفرفهطرح لایه باز پوستر گالری عطر و ادکلن سایز 30*20 سانتیمتر (آ4) قابل تغییر به آ5 کالر مد: CMYK (مناسب چاپ) psd layer 300 dpi رزولوشن قابل چاپ در چند رنگ مناسب جهت طراحان،کانون آگهی و تبلیغات و چاپخانه ها آموزش استفاده از طرح لایه باز پوسترگالری عطر و ادکلن : بعد از باز کردن فایل زیپ و استفاده از طرح ممکن است طرح را بدون تصویر ببینید.این موضوع به دلیل آن است که تیکهای کنار تمام لایه...13,000
آخرین های مشابه مشاهده بیشتر
-
دانلود رایگان کد گالری تصویر بسیار جذاب با 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"...رایگان -
دانلود پروژه css , java جهت نمایش نمونه کار ها با انیمیشن بسیار جذاب
آموزش cssما با ایده حرکت بلوک های محتوا به عنوان راهی برای انتقال از صفحه اصلی / گالری به صفحه پروژه، بازی کرده ایم. تمام پانل ها در امتداد محور Y حرکت می کنند (محور x در دستگاه های کوچکتر)، و حرکت به وسیله ی این که کاربر میخواهد بیشتر درباره یک پروژه یاد بگیرد یا میخواهد به ناوبری دسترسی پیدا کند، حرکت می کند. تصاویر: unsplash.com ایجاد ساختار ساختار HTML از دو لیست های نامرتب تشکیل...رایگان -
ساخت گالری تصاویر رسپانسیو در وردپرس
آموزش wordpressامروزه هر سایت مدرن شرکتی و خدماتی را که مشاهده می کنید بخشی با عنوان گالری تصاویر رسپانسیو دارند. سایت های شرکتی معمولا در گالری تصاویر رسپانسیو خود؛ تصاویر همکاران، بخش های مختلف شرکت، تندیس ها و… را قرار می دهند و از قرار دادن این گونه تصاویر در بخش های دیگر سایت جهت جلوگیری از شلوغ شدن سایت، خودداری می کنند. از این رو می توان گالری تصاویر رسپانسیو در وردپرس را یک...رایگان -
5 پلاگین گالری عکس وردپرس برای عکاسان حرفه ای
آموزش wordpressپیدا کردن بهترین شیوه ارائه تصاویر خود به صورت آنلاین می تواند مفید باشد. در ادامه با ملت وب همراه باشید: پلاگین گالری عکس راه حل ایده آل است و خوشبختانه در بازار بسیاری از آنها انتخاب شده اند. هر یک از ویژگی های متعددی را برای نمایش کار خود ارائه می دهد، همه با لمس دکمه (یا دو) قابل تنظیم است.برای کمک به محدود کردن انتخابتان، مادر این لیست از پنج پلاگین برتر گالری عکس وردپرس را برای کمک...رایگان -
دانلود سورس js , css نمایش گالری تصاویر به صورت سه بعدی
آموزش cssایده این منبع این است: اگر من یک گالری محصولات داشته باشم، من بهترین تصویر را برای هر یک از آنها انتخاب می کنم. اما اگر یک تصویر کافی نیست چه؟ مشتری بر روی محصول کلیک می کند، او به صفحه محصول تکیه می کند، و در بیشتر موارد، یک نمایش اسلاید در آنجا پیدا می کند. با این حال، اگر آنها قبل از رفتن به صفحه محصول، تصاویر بیشتری از یک محصول مشابه را ببینند، احتمال بیشتری وجود دارد که آنها...رایگان -
15 کد تب بندی شده با css و jquery
با 15 نمونه سورس تب بندی شده در خدمت دوستان هستیم که امیدواریم خوشتان آمده باشد فایل های این مجموعه کاملا کم حجم بوده و از انیمشن های جالب و زیبا جهت باز کردن تب بندی ها استفاده گردیده که طرح را بسیار زیبا کرده است جهت نمایش آیکون ها از svg استفاده گردیده که سرعت کار را بالا ببرد از تگ های سکشن جهت باز شروع و اتمام تب ها استفاده شده است آموزش تنظیمات تب بندی ها : ما از آیکون...رایگان -
طرح لایه باز موکاپ لوگو طلایی بسیار زیبا
طرح لایه بازاز این طرح زیبای طلایی میتوانید برای موکاپ کردن لوگو خود استفاده کنید و در طرح ها و عکس های پروفایلتون ازش استفاده کنید این طرح بسیار زیبا و دارای افکت طلایی بسیار حرفه می باشد که به راحتی میتوانید عکس خود را طبق آموزشی که میدهیم جایگزاری کنید آموزش استفاده از موکاپ فتوشاپ برای استفاده از این کار شما باید به قسمت لایه ها در فتوشاپ خود مراجعه کنید اگر ابزار لایه برای شما فعال نیست از...رایگان -
طرح فاکتور فروش بسیار خلاقانه و زیبا به صورت وکتور
وکتورطرح فاکتور فروش بسیار خلاقانه و زیبا به صورت وکتور که این فاکتور میتوانید پیشنهاد خوبی برای اشخاصی که کار های خلاقانه دوست دارند و خوش سلیقه هستند پیشنهاد می شود این طرح با رنگ بندی بنفش آبی می باشد که باز میتوانید تغییر رنگ داده و جذابتر کنید دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس...رایگان -
دانلود کارت ویزیت وکلات بسیار متین و حرفه ای
وکتوردانلود کارت ویزیت وکلات بسیار متین و حرفه ای ، از این طرح لایه باز که به صورت پشت و رو است و دارای دو آیکن جذاب وکیل به شما این امکان را میدهد به راحتی با ویرایش متون و اضافه کردن فونت فارسی بهترین کارت ویزیت رو برای دفتر وکالت خود داشته باشید دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس...رایگان -
طرح لایه باز وکتور لوح تقدیر جدید 1400 بسیار زیبا
وکتورطرح لایه باز وکتور لوح تقدیر جدید که در سال جدید 1400 به عنوان پربازدید ترین طرح گواهینامه یا همان لوح تقدیر یاد شده است را میتوانید به صورت رایگان دانلود بفرمایید دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل...رایگان -
دانلود فرم جستجوی CSS3/jQuery بهمراه PSD
آموزش cssفرم جستجو بخش بسیار مهمی از یک وب سایت بوده و به کاربران اجازه می دهد ب محتوای مورد نظر را با سرعت زیاد پیدا کنند. یک فرم جستجو پیشرفته با طراحی خوب باعث می شود یک وب سایت حرفه ای و مدرن باشد. امروز برای شما کاربرای عزیز یک فرم جستجو آماده کرده ایم که میتوانید به رایگان دانلود و استفاده...رایگان -
دانلود منو ساید بار زیبا با css , jquery همراه با دمو
آموزش cssنوشتن رسپانسیو منو برای سایت های مگا، کار ساده ای نیست. اگر شما در حال کار بر روی یک پنل مدیریت هستید، احتمالا شما باید یک منوی عمودی را طراحی و توسعه دهید، با مقدار زیادی زیر مجموعه ها. به همین دلیل تصمیم گرفتیم قطعه امروز را به اشتراک بگذاریم! ناوبری نوار ابزار ما می تواند زندگی شما را ساده تر با ارائه یک قالب شروع ساده برای پروژه بعدی خود؛) آیکون: کتابخانه هسته...رایگان -
باکس ثبت نام حرفه ای با انیمیشن زیبا css,jquery
آموزش cssدر بیشتر موارد، کاربران خود را به یک صفحه ثبت نام هدایت می کنید. با این حال، اگر فرآیند پرداخت شما کاملا ساده باشد، یک روش جایگزین برای جابجایی جدول قیمت گذاری است، و در همان صفحه، فرم پرداخت را نشان می دهد. این همان چیزی است که ما با قطعه امروز تلاش کردیم. صحبت کردن به اندازه کافی، بیایید به کد بچرخانیم؛) منابع: Velocity.js توسط جولیان شاپیرو. آیکون از Nucleo . ایجاد...رایگان -
سورس jquery افزودن به سبد خرید سریع
آموزش cssاستفاده از صفحه نمایش بزرگتر نباید محدود به استفاده از تصاویر / عناصر بزرگتر باشد. ما می توانیم این پیکسل های اضافی را با افزایش تجربه کاربر با ویژگی های اضافی کار کنیم. UX استاندارد برای یک گالری محصول: کلیک کاربر بر روی یک محصول که او دوست دارد، و سپس به صفحه محصول تک حرکت می کند. از این جا، او قصد دارد برخی از گزینه ها را انتخاب کند و در نهایت محصول را به سبد خرید اضافه کند. هیچ...رایگان -
دانلود طرح لایه باز فاکتور فروش مشکی زرد رستوران بسیار زیبا رایگان
طرح لایه بازدانلود طرح لایه باز فاکتور فروش مشکی زرد رستوران بسیار زیبا رایگان این طرح هر چیزی را که شما به عنوان فاکتور نیاز دارید برای شما فراهم میکند این طرح دارای بخش های قیمت کل لوگو و آدرس و همه چیز دیگر می باشد دانلود طرح لایه باز رایگان توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز...رایگان -
دانلود رایگان اسلایدر رسپانسیو ساخته شده با jquery
آموزش cssاسلایدر جی کوئری اساسی پلاگین جی کوئری سبک و سریع برای ایجاد لغزنده تصویر پاسخگو با حداقل ویژگی ها و تم های تمیز است. امکانات: طرح رسپانسیو سبک و آسان برای استفاده به طور خودکار نوشتن شرح تصاویر با استفاده از ویژگی های عنوان فشرده سازی و لغزش انیمیشن پیمایش پیمایش و عددی خودکار بازی و شروع تصادفی پشتیبانی می شود مرورگر صلیب چگونه از آن استفاده کنید: 1. شامل آخرین...رایگان -
آموزش کامل و سورس سبد خرید css , jquery با پیشنمایش و دانلود
آموزش cssما در مورد فرآیند "اضافه به سبد خرید" به الگوهای مختلفی استفاده می کنیم. ایده اصلی این الگو، اطلاع دادن به کاربر است که یک مورد به سبد اضافه شده است و او را با یک پیوند برای ادامه به پرداخت، ارائه می دهد. ما با این ایده مخفی کردن سبد خرید به طور پیش فرض آزمایش کرده ایم و آن را زمانی که کاربر بر روی دکمه «افزودن به سبد خرید» کلیک می کند نشان می دهد. به این ترتیب کاربر می...رایگان -
دانلود پخش ویدیو رایگان جی کوئری و اچ تی ام ال jQuery Videre رسپانسیو
آموزش javascriptVidere یک پلاگین جی کوئری است که به شما اجازه می دهد یک پخش کننده ویدئویی HTML5، رسپانسیو، همراه با پشتیبانی از دکمه های پخش و قطع و .. با کیفیت می باشد. چگونه از آن استفاده کنید: 1. استایل ضروری و مورد نیاز videre.css را برای پخش کننده ویدیوی HTML5 در داخل تگ هد سایتتان جایگزاری فرمایید. <link rel="stylesheet" href="videre.css"> 2. تکه کد اچ تی ام زیر را در جایی که قرار است ویدئو پخش...رایگان -
تصویر کارت بازدید زیبا
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید.این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...رایگان -
آموزش نمایش تصویر قبل و بعد در وردپرس
آموزش wordpressآیا می خواهید قبل و بعد از عکس در وب سایت وردپرس خود نشان دهید؟ یک عکس قبل و بعد می تواند برای نمایش مقایسه با دو تصویر مشابه با تفاوت های جزئی مفید باشد . چگونه کارهای قبل و بعد از اثر عکس انجام می شود؟ به طور معمول مردم از فتوشاپ برای ایجاد تصویر قبل و بعد استفاده می کنند. این یک عکس واحد است که نشان می دهد قبل / بعد از اثرات، و شما می توانید آن را به عنوان یک تصویر ثابت در...رایگان
هشتگ ها :
این محصول بدون نظر می باشد شما میتوانید اولین نظر را ثبت کنید