کد نمایش لودینگ loading تا پایان بارگزاری صفحه در 29 طرح آماده با css و بدون عکس
29 کد لودینگ loading خلاقانه با css و بدون هیچ عکسی به صورت انیمشنی ، پست سوپرایزی امروز سایت قالب گراف می باشد. کد های لودینگ کدهایی هستند که یک متن یا عکس یا نماد دلخواهی را تا پایان بارگزاری کامل صفحه نشان می دهند و پس از لود(بارگزاری) کامل صفحه پنهان می شوند .
برای دیدن پیش نمایش تمام لودینگ ها اینجا را کلیک کنید .
برای مشاهده آموزش و دریافت کد به ادامه مطلب مراجعه کنید .
کد css حرکت بک گراند در هنگام اسکرول کردن صفحه
احتمالا تابه حال با سایت هایی مواجه شده اید که در بخشی از سایت خود بک گراند بزرگی دارند و به گونه ای قرار داده شده اند که با اسکرول کردن کاربر یعنی حرکت به بالا و پایین در سایت ، بک گراند به صورت متحرک به نظر می رسید. برای مثال اینجا را کلیک کنید و به این صفحه بروید و تا آخر صفحه را پس از لود تصاویر پست زمینه اسکرول کنید تا متوجه منظور ما شوید .
ساخت این پست زمینه ها بسیار ساده است و با افزودن دو خط کد Css قابل انجام است .
برای مشاهده آموزش به ادامه مطلب مراجعه کنید.
لینک اشتراک گذاری پست ها در اکثر شبکه های اجتماعی
در این پست از قالب گراف کد اشتراک گذاری مطالب در شبکه های اجتماعی موبایلی : تلگرام ، لاین ، واتس آپ و شبکه های اجتماعی ایرانی : کلوپ ، فیس نما و شبکه های اجتماعی خارجی : فیسبوک ، تویتر ، لینکدین ، گوگل ، یاهو ، بالاترین ، فرند فید ، دلیسیوس ، تکنوراتی ، بلاگر ، فلیکر ، ردیت را در کنار هم گرد آورده ایم.
برای مشاهده لینک ها و نحوه استفاده به ادامه مطلب مراجعه کنید .
معرفی Animate.css و آموزش کار با آن (افکت های انیمشنی برای المان ها)
Animate.css کتابخانه ای حاوی افکت های انیمیشنی css3 می باشد که شما می توانید از آنها در طراحی سایت خود جهت انیمیشن کردن باکس ها و تصاویر و ... قالب خود استفاده کنید .
جهت مشاهده پیش نمایش این کتابخانه اینجا را کلیک کنید
برای دریافت کد و مشاهده آموزش به ادامه مطلب مراجعه نمایید .
کد روزشمار تا یک زمان خاص (اسکریپت شمارش معکوس)
از اسکریپت شمارش معکوس می توانید برای ساخت روزشمار برای روز های خاص مثل اعیاد(نوروز ، قربان و ...) ، تاریخ ساخت سایت ، تاریخ تاسیس موسسه و ... استفاده کنید.
این اسکریپت قابلیت اجرا در سایت و وبلاگ را دارد و با زبان JavaScript نوشته شده است و کار با این اسکریپت با توضیحات قالب گراف بسیار آسان است.
برای دیدن پیش نمایش اینجا را کلیک کنید .
برای دریافت کد و مشاهده آموزش به ادامه مطلب مراجعه نمایید.
با Hover.css افکت های حرفه ای به قالب سایت خود ببخشید
مثلا وقتی روی لینکی موس را نگه می دارید ، لینک شروع به لرزش کند ، یا گوشه های آن خم شود و یا رنگ آن تغییر کند و ....
معمولا در طراحی اکثر قالب ها از این استایل شیت طراحان قالب برای زیباسازی استفاده می کنند.
با Hover.css شما می توانید به یک مجموعه استایل های Hover آماده و حرفه ای به رایگان دسترسی داشته باشید.
برای دیدن پیش نمایش اینجا را کلیک کنید .
برای مشاهده آموزش و دریافت کد به ادامه مطلب مراجعه کنید .
ظاهر اسکرول های قالب سایت یا وبلاگتان را با jquery custom content scroller حرفه ای کنید
با این کد شما می توانید اسکرول بخش های مختلف سایت یا وبلاگ خود را در مرورگر های مختلف در نسخه کامپیوتر ، لپ تاپ ، موبایل ، تبلت ، حرفه ای کنید .
برای دیدن پیش نمایش اینجا را کلیک کنید .
امکانات ویژه این اسکرول :
1- پشتیبانی از همه مرورگرها و سازگار با تمام سیستم عامل های موبایل
Internet Explorer 8+ , Firefox, Chrome, Opera, Safari, iOS, Android, Windows Phone
2- واکنشگرا بودن اسکرول در صورت تعیین درست css برای باکس (Responsive)
3- امکان استفاده به جای اسکرول معمولی سایت و هم چنین برای تعداد بی نهایت المنت و یا همان باکس
4- دارای چندین شکل و طرح متنوع برای اسکرول صفحه
5- دارای تنظیمات حرفه ای برای هر اسکرول
6- لمسی بودن اسکرول بار
7- قابلیت اسکرول کردن با دکمه های بالا و پایین و چپ و راست کیبورد
جهت مشاهده آموزش و دریافت کد به ادامه مطلب مراجعه کنید.
کد تولتیپ حرفه ای و واکنشگرا balloon.css برای استفاده در سایت بدون جاوااسکریپت
کد پلیر اختصاصی پخش آنلاین فیلم در وبلاگ و سایت
ساعت بسیار زیبا بدون تگ تبلیغات
با سلام
متاسفانه استفاده از ساعت در بین وبلاگ نویسان بسیار زیاد است که اکثر سایت های ارائه دهنده با تگ تبلیغات به کاربران ارائه می دهند که نکات منفی بسیاری دارد.
این ساعت ساده و زیبا مناسب هر سایتی می باشد و استفاده از آن بسیار راحت است .
با ما باشید در ادامه مطلب ...
کد باکس نیازمندی گوشه صفحه با استایلی جدید +ریسپانسیو
امروز با ایده جدید همراه شما هستیم !
باکس نیازمندی به شما کمک میکند تا با دسترسی هرچه سریعتر به بخش های مورد نظر شما در سایت ، گشت و گذار را برای خود لذت بخش کنید !
برای آموزش و دریافت آنلاین کد به ادامه مطلب مراجعه فرمایید.
کد تغییر رنگ نوار آدرس مرورگر در تمام مرورگر های موبایل
یکی از مواردی که میتواند در طراحی موبایل باعث امتیاز و بازدهی مناسب برای شما باشد ، تغییر رنگ آدرس بار(نوار آدرس) مرورگر در نسخه موبایل می باشد.
برای مشاهده توضیحات به ادامه مطلب مراجعه کنید