دانلود سورس انیمیشن js , css جهت صفحه بندی خدمات شما بدون رفرش
- همه دسته ها
-
- قالب html
- طرح لایه باز
- قالب وردپرس
- پلاگین وردپرس
- قالب و افزونه
- سیستم مدیریت محتوا
- سئو و بهینه سازی
- گرافیک
- آموزش طراحی سایت
فروشی و حرفه ای
رایگان
دانلود سورس انیمیشن js , css جهت صفحه بندی خدمات شما بدون رفرش
آموزش cssما اخیرا با یک انیمیشن طراحی شده با CSS تجربه کردیم که جایگزین تازه کردن صفحه وب می شود در حالی که محتوای با استفاده از ajax به روز شده است. انفجار امروز بر اساس یک ایده است، اما با یک اجرای متفاوت: در این زمان یک اثر شناور ساده تبدیل به یک نوار بارگذاری، که در نهایت با محتوای جدید گسترش می یابد!
آیکون های کتابخانه هسته ای ما .
ایجاد ساختار
ساختار HTML از یک...
رایگان
دانلود سورس استایل CSS برای منو کشویی با انیمیشن
آموزش cssساختار
از دو عنصر اصلی تشکیل شده است nav.main-navبرای موارد ناوبری بالا و div.morph-dropdown-wrapperبسته بندی عناصر کرکره.
برای هر آیتم لیست در nav.main-navعنصر، a li.dropdownدر داخل ایجاد می شود .morph-dropdown-wrapper.
Open Nav
About
Pricing
Contact
اضافی div.bg-layerدر داخل ساخته شده است div.morph-dropdown-wrapperو برای ایجاد پس زمینه morphing dropdown استفاده می شود.
افزودن سبک
در...
رایگان
دانلود سورس js , css جستجو پیشرفته با انیمیشن زیبا
آموزش cssبدست آوردن تجربه جستجو به راستی کار ساده ای نیست. نقطه شروع همیشه فرم جستجو است که در اکثر موارد تنها شامل یک فیلد ورودی و یک دکمه ارسال است. صفحه نتایج جستجو برای طراحی بسیار مشکل است، مخصوصا اگر شما دارای دسته های مختلف محتوا باشید.
برای وب سایت های بزرگ و فروشگاه های آنلاین، چه مهم است، اما سعی کنید پیش بینی حرکت کاربر. ما باید توجه داشته باشیم که اغلب کاربران ما در مورد کجا...
رایگان
نحوه آپلود یک صفحه HTML به وردپرس بدون خطا 404
آموزش wordpressآیا می خواهید یک صفحه HTML را به سایت وردپرس خود آپلود کنید؟ گاهی اوقات شما ممکن است نیاز به اضافه کردن یک صفحه HTML استاتیک دارید. در این مقاله ما به شما نحوه آپلود یک صفحه HTML به سایت وردپرس خود بدون ایجاد خطا 404 را نشان خواهیم داد.
چرا آپلود صفحات HTML به وردپرس؟
وردپرس با یک نوع محتوای داخلی ساخته شده برای اضافه کردن صفحات به وب سایت شما است. اغلب تم های وردپرس قالب...
رایگان
آموزش ویرایش صفحه پرداخت ووکامرس به سه روش مختلف بدون کد
آموزش wordpressسلام و درود خدمت همراهان عزیر ملت وب
در این آموزش ما نحوه ویرایش صفحه پرداخت ووکامرس مثل طراحی و یا فیلد های پرداخت را به سه روش مختلف بررسی خواهیم کرد و هیچ نیازی به دانش کدنویسی نخواهد بود.
دلایل تغییر صفحه پرداخت ووکامرس
ممکن است به دلایل مختلف نیاز داشته باشید تا صفحه پرداخت پیشفرض ووکامرس را تغییر دهید. برخی از این دلایل:
برای تغییر المان های پیشفرض ووکامرس مثل فونت...
رایگان
چگونه یک دسته بندی را از صفحه اصلی وردپرس خود حذف کنید
آموزش wordpressآیا می خواهید یک دسته خاص را از صفحه اصلی وب سایت خود حذف کنید؟ به طور پیش فرض، وردپرس پست ها را از همه دسته ها در صفحه اصلی شما نمایش می دهد. در بعضی موارد ممکن است آن را بخواهید. در این مقاله، ما به شما نشان خواهیم داد که چگونه به راحتی دسته بندی را از صفحه اصلی وردپرس حذف کنید.
چرا یک دسته از صفحه اصلی وردپرس را حذف کنید؟
وردپرس به شما اجازه می دهد محتوا را در دسته ها و...
رایگان
آموزش تبدیل دسته بندی وردپرس به طبقه بندی های سفارشی
آموزش wordpressآیا می خواهید دسته بندی وردپرس خود را به طبقه بندی های سفارشی تبدیل کنید؟ دسته بندی ها یکی از دو طبقه بندی پیش فرض هستند که به شما کمک می کند مطالب خود را مرتب کنید. با این حال، وردپرس همچنین شما را قادر به ایجاد و استفاده از طبقه بندی های سفارشی می کند. در این مقاله ما به شما نحوه ی تبدیل دسته های وردپرس به طبقه بندی های سفارشی را نشان خواهیم داد.
چرا و چه زمانی باید دسته...
رایگان
25+ کتابخانه انیمیشن CSS رایگان
آموزش cssامروز ما در حال رفتن به در بالای نگاه CSS انیمیشن کتابخانه برای کمک به شما انیمیشن های بسیار زیبا ایجاد کنید. انیمیشن ها زندگی را به وب، جنبش معنی دار شدت مطمئن UX را به سطح بعدی. شما احتمالا شنیده اصطلاح "انتقال" قبل، درست است؟ انتقال CSS چیزی را به محل در تغییر وضعیت هنگامی که شما معلق در هوا و یا چیزی است. در حال حاضر ما می توانید انیمیشن های CSS به تحریک و تشجیع هر...
رایگان
مجموعه 30 انیمیشن css و svg کاربردی و جذاب
آموزش cssتمامی انیمیشن های معرفی شده با css و svg و در برخی موارد همراه javascript نیز معرفی شده اند انیمیشن ها قابل دانلود هستند برای دانلود میتوانید از روی کد های آنلاین codepen دانلود را انجام بدید
Border توسط شان مک کافری
هنگامی که روی دستورالعمل "HOVER" می روید ، فقط با CSS ساخته می شود و یک حاشیه به راحتی متن ایجاد می شود.
Elastic SVG Sidebar by Nikolay Talanov
نوار کناری وقتی می خواهید آن را از کنار خود...
رایگان
دانلود رایگان قالب HTML خدمات تحویل غذا
قالب رایگان htmlAahar - خدمات تحویل غذا Bootstrap4 Template برای هر کسی در کسب و کار خدمات تحویل مواد غذایی طراحی شده است. Aahar برای ارائه مواد غذایی و صاحبان خدمات، سالن های ضیافت، شرکت های پذیرایی که به طعم غذا غذا می دهند، طراحی شده است.
ویژگی های قالب:
معتبر HTML5 و CSS3
طراحی بی نظیر، تمیز و ساده
طراحی لوکس خلاق و مدرن
چیدمان گسترده و جعبه
کوتاه آماده
مجموع صفحات HTML + 19+
6+ صفحات وبلاگ
شگفت انگیز...
رایگان
باکس ثبت نام حرفه ای با انیمیشن زیبا css,jquery
آموزش cssدر بیشتر موارد، کاربران خود را به یک صفحه ثبت نام هدایت می کنید. با این حال، اگر فرآیند پرداخت شما کاملا ساده باشد، یک روش جایگزین برای جابجایی جدول قیمت گذاری است، و در همان صفحه، فرم پرداخت را نشان می دهد. این همان چیزی است که ما با قطعه امروز تلاش کردیم.
صحبت کردن به اندازه کافی، بیایید به کد بچرخانیم؛)
منابع:
Velocity.js توسط جولیان شاپیرو.
آیکون از Nucleo .
ایجاد...
رایگان
دانلود قالب آژانس مسافربری و خدمات هواپیمایی Flio
قالب رایگان htmlقالب Flio html قالبی بسیار مناسب برای آژانس های مسافربری مخصوصا آژانس هایی هواپیمایی که دارای 24 صفحه می باشد برای کاربران ملت وب پیشنهاد می شود فایلهای HTML به ترتیب طراحی و نامگذاری شده اند بنابراین ویرایش هر یک از طرح ها بسیار آسان است. فایلهای قالب html ما با Bootstrap ساخته شده اند. 4. طرح بندی کامل با نیازهای شما مطابقت دارد و به نمایش مطالب شما به قانع کننده ترین راه کمک می کند. شما...
رایگان
دانلود انیمیشن لندینگ زیبا برای وب سایت ها
پیش بارگیرها اغلب برای بارگیری وب سایت ها / برنامه های کاربردی آهسته استفاده می شوند تا کاربر را مطلع کنند که وب سایت هنوز بارگذاری شده یا سقوط نکرده است. پیش بارگیرها برای وب سایت ها و برنامه های کاربردی با منابع بسیار مفید هستند. در بسیاری از موارد، بارگذاری انیمیشن ها به عنوان اولین عنصرUX استفاده می شود. آن را به کاربر تایید می کند که برنامه یا وب سایت سقوط نمی...
رایگان
ساخت فایل های انیمیشن GIF و تبدیل و بهینه سازی آنها
در این نوشته قصد داریم در مورد فایل هایی با پسوند GIF صحبت کنیم . فرمت GIF فرمتیست که هم بافت های گرافیکی ثابت رو پشتیبانی میکنه هم بافت های گرافیکی متحرک که در حقیقت کوتاه شده اسم Graphics Interchange Format هست .
بر خلاف اون چیزی که بین متخصصان کامپیوتری و طراحان رواج پیدا کرده تلفظ صحیح این فرمت جیف هست . دیکشنری آکسفورد هر دو تلفظ گیف و جیف رو برای این فرمت صحیح میدونه در حالی که...
رایگان
دانلود پروژه css , java جهت نمایش نمونه کار ها با انیمیشن بسیار جذاب
آموزش cssما با ایده حرکت بلوک های محتوا به عنوان راهی برای انتقال از صفحه اصلی / گالری به صفحه پروژه، بازی کرده ایم. تمام پانل ها در امتداد محور Y حرکت می کنند (محور x در دستگاه های کوچکتر)، و حرکت به وسیله ی این که کاربر میخواهد بیشتر درباره یک پروژه یاد بگیرد یا میخواهد به ناوبری دسترسی پیدا کند، حرکت می کند.
تصاویر: unsplash.com
ایجاد ساختار
ساختار HTML از دو لیست های نامرتب تشکیل...
رایگان
سورس مودال باکس modal box
آموزش cssسلام خدمت دوستان امروز با آموزش ساخت مودال باکس خدمت شما هستیم که بسیار مناسب برای ایده گیری و تسریع در طراحی وب سایت خواهد بود modal box فوق از 7 دموی متفاوت می باشد که میتوان به ساید بار کردن منو ها با مودال و دگمه های اشتراک گذاری متون با کاراکتر بیشتر با استفاده فول اسکرین و کلی امکانات دیگر...
در زیر نمایی از تصاویر دمو رو خدمتتون ارسال میکنیم :
مودال ورود و عضویت:
مودال...
رایگان
سورس jquery افزودن به سبد خرید سریع
آموزش cssاستفاده از صفحه نمایش بزرگتر نباید محدود به استفاده از تصاویر / عناصر بزرگتر باشد. ما می توانیم این پیکسل های اضافی را با افزایش تجربه کاربر با ویژگی های اضافی کار کنیم.
UX استاندارد برای یک گالری محصول: کلیک کاربر بر روی یک محصول که او دوست دارد، و سپس به صفحه محصول تک حرکت می کند. از این جا، او قصد دارد برخی از گزینه ها را انتخاب کند و در نهایت محصول را به سبد خرید اضافه کند. هیچ...
رایگان
10 قطعه کد متریال رایگان به صورت اپن سورس
آموزش cssکد جدول رسپانسیو
در اینجا قطعه طراحی مواد با پیچ و تاب منحصر به فرد است. این جدول پاسخگو ایجاد شده توسط سرگئی کوپلاتکی در واقع میزبان لینک های دیگر به قطعه طراحی مواد است. خیلی باحال!
این به طور طبیعی با استفاده از تکنیک های طراحی مواد ایجاد می شود، بنابراین جدول باید کاملا به طرح شما متوسل شود. اما سخت ترین بخشی از طراحی موبایل، ساخت جداول است که روی صفحه نمایش...
رایگان
آموزش ادغام دو سایت وردپرس با هم بدون از دست دادن سئو
آموزش wordpressاخیرا یکی از خوانندگان ما از ما درباره چگونگی ادغام دو سایت وردپرس با هم پرسید؟ گاهی اوقات شما ممکن است چندین سایت وردپرس ایجاد کنید اما بعدا می خواهید آنها را با هم ادغام کنید. در وردپرس با ابزارهای داخلی ساخته شده به راحتی این کار را انجام می دهد. در این مقاله به شما نشان خواهیم داد که چگونه دو سایت وردپرس را با هم ادغام کنید.
علت ادغام دو سایت وردپرس با هم
دلایل زیادی برای ادغام دو...
رایگان
دانلود رایگان قالب html تک صفحه ای و شرکتی صفحه فرود (لندینگ) نرم افزار Softland
قالب رایگان htmlقالب Sofiland یک قالب html صفحه فرود کاملاً پاسخگو در همه دستگاه ها برای انتخاب عالی برای راه اندازی جدید یا کسب و کار در حال انجام شما است. این با آخرین بوت استرپ v5-beta1 ساخته شده است. شما به سادگی می توانید محتویات، تصاویر و scss آن را با توجه به اطلاعات شرکت خود به روز کنید. Sofiland دارای 6 نوع طرح بندی مختلف است که برای کسب و کار شما کافی است.
امکانات قالب html سافی لند
بر اساس Bootstrap v5.1.2
طراحی...
رایگان
آموزش شبکه کردن وردپرس یا multisite بدون افزونه
آموزش wordpressاگر میخواهید یک وبسایت ساده را ایجاد و اجرا کنید، وردپرس موثرترین راه حل است. با این حال، اگر سایت های بسیاری وجود دارد که باید مدیریت شوند، پس باید هر کاری را انجام دهید تا اطمینان حاصل کنید که تمام وب سایت ها درست کار میکنند. شما باید محتوا را برای تمام این وبسایت ها برنامه ریزی کنید، همیشه مطالب را به روز کنید، به نظرات پاسخ دهید، و ...
خوشبختانه، وردپرس دارای ابزارهایی است که...
رایگان
سورس js نمایش 360 درجه و سه بعدی تصاویر محصولات فروشگاهتان
آموزش cssدر طراحی تجارت الکترونیک یکی از اهداف اصلی این است که فاصله بین محصول و کاربر را پر کنید. این به ویژه برای کالاهای با قیمت بالا مرتبط است. از این رو، اهمیت ادغام ابزارهای تعاملی، برای دادن کاربر به یک راه برای "تقریبا تجربه" محصول.
منابع امروز یک منبع ساده و تعاملی است که می تواند برای نشان دادن یک تور مجازی از محصول استفاده شود. ایده قطعه این است که از یک حرکت تصویر...
رایگان
آموزش کامل و سورس سبد خرید css , jquery با پیشنمایش و دانلود
آموزش cssما در مورد فرآیند "اضافه به سبد خرید" به الگوهای مختلفی استفاده می کنیم. ایده اصلی این الگو، اطلاع دادن به کاربر است که یک مورد به سبد اضافه شده است و او را با یک پیوند برای ادامه به پرداخت، ارائه می دهد.
ما با این ایده مخفی کردن سبد خرید به طور پیش فرض آزمایش کرده ایم و آن را زمانی که کاربر بر روی دکمه «افزودن به سبد خرید» کلیک می کند نشان می دهد. به این ترتیب کاربر می...
رایگان
سورس کامل به همراه پیشنمایش تایم لاین jqruey , css
آموزش cssخط زمانی عمودی ما تا کنون یکی از محبوب ترین منابع در ملت وب است. بسیاری از شما از ما خواسته اید تا یک جدول زمانی افقی را نیز اضافه کنید. که تقدیم شما میگردد.
ساخت یک جدول زمانی افقی کمی دشوار بود، زیرا شما نمی توانید به عمودی (بصری) رفتار پیمایش تکیه کنید. ما تصمیم گرفتیم جداول زمانی و حوادث را جدا کنیم، اولین کسی که مانند یک نوار لغزنده کار می کند، در حالی که دومین اشغال...
رایگان