وبسایت تخصصی قالب گراف

مطلب امروزسایت قالب گراف

کد css انیمیشنی خروس

در 9 طرح متفاوت می باشد .
ضمن تبریک پیشاپیش عیدباستانی نوروز 1396 به همه وبمستران و طراحان و توسعه دهنده گان قالب گرافی ، شما را به دیدن این کد ها در ادامه مطلب دعوت می نمایم .

کد پست زمینه انیمیشنی

برای هدر و فوتر و بخش های مختلف قالب چهره ای زیبا به سایت شما می بخشد .
داشتن قالب زیبا و خلاقانه هم از لحاظ زیبایی گرافیکی و کاربرپسند بودن مهم است و هم با نگه داری کاربران در سایت ، باعث تاثیر غیر مستقیم در

سئو

می شود.
در این پست از قالب گراف به مرور زمان

کد پست زمینه

های خلاقانه قرار می گیرد که هم اکنون با 3 پست زمینه قابل مشاهده هست .
برای مشاهده و دریافت کد ها به ادامه مطلب مراجعه نمایید .

کد نوار درصد پیشرفت پروژه

به صورت واکنشگرا Responsive با رنگ های متنوع و هوشمند در محاسبه درصد ها به همراه آموزش استفاده از آن در این پست از قالب گراف برای شما یاران همیشگی آماده شده است .
انواع استایل های اماده به مرور در این پست از سایت قالب گراف قرار خواهد گرفت
برای مشاهده آموزش به ادامه مطلب مراجعه نمایید.

پس از قرار دادن سری های : یک و دو و سه و چهار و پنج ؛ مجموعه کد های کاربردی ، این بار نوبت سری ششم قالب گراف رسید .
کد های موجود در این سری عبارت اند از :
کدهای موجود در این پک شامل این موارد است : 1.

کد درج اتوماتیک منبع هنگام کپی متنی از سایت شما

2.

کد انتقال به آدرس تعیین شده در صورت حذف لینک

3.

کد کتابخانه jQuery

4.

کد لود کردن صفحه ای در یک صفحه اصلی به صورت Ajax

5.

کد و آموزش ساختن تب Tab در وب

6.

کد ساختن قسمت باز و بسته شونده مانند پرسش های متداول

7.

کد متن تایپ شونده جدید با افکت رفت و برگشت متن

8.

کد تغییر سایز فونت متن توسط کاربر

9.

کد پاپ آپ NewTab 24 ساعته

9.

کد اشتراک مطالب به ایمیل

10.

کد تولبار مترجم گوگل برای سایت

11.

کد و آموزش دادن لینک به دکمه

12.

کد صفحه ورود به سایت

برای دریافت هر کدام از کدها به ادامه مطلب مراجعه کنید .

کد های پست زمینه ساخته شده با css بدون استفاده از هیچ گونه عکسی .

دیگر زمانه استفاده از تصاویر برای پست زمینه های سایت به سر آمده ! کد های css به شما این امکان را میدهد که در کم ترین حجم ممکن برای وب خود پست زمینه های خلاقانه داشته باشید .
برای دریافت کد پست زمینه های آماده css به ادامه مطلب مراجعه نمایید .

مالکان سایت های فیلم ، پیش نمایش فیلم های سینمای خود را در یک محیط واقعی ، یک سینمای مجازی از این پست به کاربران خود به نمایش بگذارید .

امروز در قالب گراف با شماییم با یک کد سینمای آنلاین که در این سینما شما می توانید رو صندلی انتخابی خود بنشینید و سپس به تماشای فیلم از آن زاویه بپردازید و این محیط مانند یک سینمای واقعی است !
این کد ، یک کد حرفه ای برای سایت های فیلم می باشد که بتوانند پیش نمایش فیلم های خود را از حالت عادی خارج کنند و در این محیط نمایش دهند.
برای دیدن پیش نمایش و دریافت کد به ادامه مطلب مراجعه نمایید .

این روزها اکثر سایت ها از حالت قدیمی زیر هم پست ها دور شده و به سوی پست های کنار هم گرایش دارند . قالب گراف هم به این سلایق اهمیت داده و کد پست سه بعدی در این حالت که باعث جمع و جور شدن سایت می شود را برای شما آماده کرده ایم .

برای دیدن پیش نمایش اینجا را کلیک کنید .
برای دریافت کد به ادامه مطلب مراجعه کنید .

با کدی حرفه ای مخصوص پیشنمایش محصولات فروشگاه اینترنتی در خدمت شما قالب گرافی ها هستیم . این کد واکنشگرا بوده و در هنگام قرار گیری موس روی تصویر به حالت ذره بین آن را بزرگ کرده و در هنگام کلیک به صورت تمام صفحه عکس را نمایش می دهد و قابلیت نمایش تصویر قبلی وبعدی را در حالت بزرگنمایی دارد.

برای دیدن پیش نمایش اینجا را کلیک کنید .
برای مشاهده آموزش و دریافت کد به ادامه مطلب مراجعه کنید .

در این پست از قالب گراف 17 انیمشن زیبا با عملکرد انیمیشن در هنگام کلیک روی آیکون ها را در کنار هم گرد آوردیم .
این انیمیشن ها خلاقانه بوده اند و جلوه خارق العاده ای را برای سایت یا وبلاگ شما رقم می زنند .
این انیمیشن ها قابل اعمال روی هر آیکونی هستند و شما می توانید آیکون ها را تغییر دهید.

پیش از مراجعه به ادامه مطلب پیش نمایش تک به تک این انیمیشن ها را مشاهده کنید به خصوص انیمیشن های بعد شماره 8 را که در طراحی قالب کاربردی هستند.
برای دیدن پیش نمایش تمام آیکون ها اینجا را کلیک کنید .
برای مشاهده آموزش و دریافت کد به ادامه مطلب مراجعه کنید .

29 کد لودینگ loading خلاقانه با css و بدون هیچ عکسی به صورت انیمشنی ، پست سوپرایزی امروز سایت قالب گراف می باشد. کد های لودینگ کدهایی هستند که یک متن یا عکس یا نماد دلخواهی را تا پایان بارگزاری کامل صفحه نشان می دهند و پس از لود(بارگزاری) کامل صفحه پنهان می شوند .

برای دیدن پیش نمایش تمام لودینگ ها اینجا را کلیک کنید .
برای مشاهده آموزش و دریافت کد به ادامه مطلب مراجعه کنید .

احتمالا تابه حال با سایت هایی مواجه شده اید که در بخشی از سایت خود بک گراند بزرگی دارند و به گونه ای قرار داده شده اند که با اسکرول کردن کاربر یعنی حرکت به بالا و پایین در سایت ، بک گراند به صورت متحرک به نظر می رسید. برای مثال اینجا را کلیک کنید و به این صفحه بروید و تا آخر صفحه را پس از لود تصاویر پست زمینه اسکرول کنید تا متوجه منظور ما شوید .

ساخت این پست زمینه ها بسیار ساده است و با افزودن دو خط کد Css قابل انجام است .
برای مشاهده آموزش به ادامه مطلب مراجعه کنید.

Animate.css کتابخانه ای حاوی افکت های انیمیشنی css3 می باشد که شما می توانید از آنها در طراحی سایت خود جهت انیمیشن کردن باکس ها و تصاویر و ... قالب خود استفاده کنید .

جهت مشاهده پیش نمایش این کتابخانه اینجا را کلیک کنید
برای دریافت کد و مشاهده آموزش به ادامه مطلب مراجعه نمایید .