قالب وبلاگ | ابزار وبلاگ نویسی | دانلود طرح لایه باز

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

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

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


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

کد نمایش فیلم ها در محیط یک سینمای مجازی

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


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

کد استایل سه بعدی برای خلاصه مطالب در صفحه اصلی

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


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

کد نمایش محصولات فروشگاهی به حالتی زیبا با قابلیت زوم هنگام هاور و بزرگنمایی تصاویر در کلیک

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


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

کد 17 آیکون جنبنده خلاقانه در هنگام کلیک مخصوص طراحان وب

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


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

کد نمایش لودینگ loading تا پایان بارگزاری صفحه در 29 طرح آماده با css و بدون عکس

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


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

کد css حرکت بک گراند در هنگام اسکرول کردن صفحه

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


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

معرفی Animate.css و آموزش کار با آن (افکت های انیمشنی برای المان ها)

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


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

کد روزشمار تا یک زمان خاص (اسکریپت شمارش معکوس)

روزشمار یا شمارش معکوس اسکریپتی است که شما یک زمان در آینده تعیین می کنید و این اسکریپت شروع به نمایش مدت مانده تا آن زمان مثلا (265روز و 3 ماه و 1 روز و 24 ساعت و 60 دقیقه و 60 ثانیه ) می کند. هم چنین پس از رسیدن به زمان تعیین شده پیغامی را نشان می دهد .
از اسکریپت شمارش معکوس می توانید برای ساخت روزشمار برای روز های خاص مثل اعیاد(نوروز ، قربان و ...) ، تاریخ ساخت سایت ، تاریخ تاسیس موسسه و ... استفاده کنید.
این اسکریپت قابلیت اجرا در سایت و وبلاگ را دارد و با زبان JavaScript نوشته شده است و کار با این اسکریپت با توضیحات قالب گراف بسیار آسان است.
برای دیدن پیش نمایش اینجا را کلیک کنید .
برای دریافت کد و مشاهده آموزش به ادامه مطلب مراجعه نمایید.

با Hover.css افکت های حرفه ای به قالب سایت خود ببخشید

هاور hover به موقعیتی اطلاق می شود که نشانه گر موس روی المنت (بخشی) از سایت قرار بگیرد و آن بخش دچار تغییراتی شود .
مثلا وقتی روی لینکی موس را نگه می دارید ، لینک شروع به لرزش کند ، یا گوشه های آن خم شود و یا رنگ آن تغییر کند و ....
معمولا در طراحی اکثر قالب ها از این استایل شیت طراحان قالب برای زیباسازی استفاده می کنند.
با Hover.css شما می توانید به یک مجموعه استایل های Hover آماده و حرفه ای به رایگان دسترسی داشته باشید.
برای دیدن پیش نمایش اینجا را کلیک کنید .
برای مشاهده آموزش و دریافت کد به ادامه مطلب مراجعه کنید .

ظاهر اسکرول های قالب سایت یا وبلاگتان را با jquery custom content scroller حرفه ای کنید

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

امکانات ویژه این اسکرول :
1- پشتیبانی از همه مرورگرها و سازگار با تمام سیستم عامل های موبایل
Internet Explorer 8+ , Firefox, Chrome, Opera, Safari, iOS, Android, Windows Phone
2- واکنشگرا بودن اسکرول در صورت تعیین درست css برای باکس (Responsive)
3- امکان استفاده به جای اسکرول معمولی سایت و هم چنین برای تعداد بی نهایت المنت و یا همان باکس
4- دارای چندین شکل و طرح متنوع برای اسکرول صفحه
5- دارای تنظیمات حرفه ای برای هر اسکرول
6- لمسی بودن اسکرول بار
7- قابلیت اسکرول کردن با دکمه های بالا و پایین و چپ و راست کیبورد
جهت مشاهده آموزش و دریافت کد به ادامه مطلب مراجعه کنید.

کد تولتیپ حرفه ای و واکنشگرا balloon.css برای استفاده در سایت بدون جاوااسکریپت

کد تولتیپ balloon.css نوشته شده توسط Claudio Holanda به ای دی تویتر kazzkiq می باشد.
این کد تولتیپ بدون جاوا اسکریپت با ذره ای کد css تهیه شده  است ، امکان تولتیپ دادن به تمام عناصر در صفحه را امکان پذیر می کند.
این تولتیپ کم حجم و حرفه ای قابلیت اضافه کردن توضیحات به اندازه مد نظر ما و در جهت دلخواه ما را دارد.
با آموزشی که سایت قالب گراف برای شما آماده کرده است می توانید ظاهر سایت خود را با تولتیپ ها حرفه ای کنید.
برای مشاهده آموزش به ادامه مطلب مراجعه کنید
چند مطلب براساس
پربازدید
تصادفی
پیشین
آمار و ارقام قالب گراف
آمار مطالب
تعداد مطالب : 802
کل نظرات : 13396

آمار کاربران
تعداد اعضا : 30355
افراد آنلاین : 11
آمار بازدید
بازدید امروز : 13,803
بازدید دیروز : 12,658
بازدید هفته : 57,120
بازدید ماه : 163,208
بازدید سال : 1,666,865
بازدید کل : 7,742,747

اطلاعات شما
آی پی : 54.156.37.123
مرورگر :
سیستم عامل :
امروز : جمعه 27 مرداد 1396

نویسندگان وبسایت قالب گراف :

تمامی حقوق برای قالب گراف محفوظ است و هرگونه کپی برداری از سایت پیگرد قانونی دارد .
بستن تبلیغات
امیران وردپرس