ترفند های CSS

سلام یک ساعت متحرک زیبا به شکل پیتزا فقط با CSS ، واقعا جذابه و خلاقانه کد نویسی شده است .   ترفند های css دیگه دارند جای کد جی کوئری را میگیرند . این اسکریپت فقط با ترفند های css نوشته شده است .   See the Pen #dailycssimages 011 by Adam Kuhn (@cobra_winfrey) […]

سلام امروز یه کد خیلی جالب و زیبا را براتون اماده کرده ام .  ایجاد دختر دونده تنها با CSS ، شاید برای شما هم تصور ایجاد همچین اسکریپتی سخت باشه . این انیمیشن CSS توسط Adam Walker نوشته شده که به گفته سایت codeopen با نک ترین چیزی است تا به حال درست کرده است . این […]

کد css پس زمینه گرید / CSS Background Grid Lines با این کد CSS کاربردی و زیبا می توانید مانند تصویر زیر یک بکگراند یا پس زمینه گرید در هر المانی در صفحه وب خود بوجود بیاروید بدون اینکه از عکس و تصویر در بکگراند استفاده کنید و حجم صفحه وب را بالاببرید.   See […]

امروز یک ترفند ساده و راحت برای استفاده از اسلایدشو در صفحات وبتون آمده کرده ام. با این کد میتونید خیلی راحت بدون دردسر جیکوئری فقط و فقط با کد css اسلایدشو در صفحه وبتون داشته باشید. کد html و css از پیش نمایش پایین برداشته و در پروژه تون بکار ببرید. می تونید فایل این […]

سلام امروز یک افکت زیبا با CSS3 بروی فایل های SVG آماده کرده ام که امید وارم خوشتون بیاد. از لین افکت می تونید برای تصاویر و وکتور هایی که جنبه اطلاعیه دارند استفاده کنید . (متاسفانه افزونه نمایش کد ما از کار افتاده و نمی توانیم کد html را در پست نمایش دهیم . […]

با سلام امروز یک استایل زیبا برای نمایش متن با ترفند های CSS برا تون آماده کرده ام. با این استایل می تونید شکلی زیبا به متون عناوینتون بدید. این ترفند ها برای زیبا سازی سایتتون خیلی کمکتون میکنه. نکته اینکه شما باید هر نوع فوت فارسی که  دوست دارید برای این پروژه تعریف کنید . […]

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

باسلام همانطور که میدانید فیلد آپلود دارای یک استایل معمولی و متن از پیش تعریف شده است که این استایل و متن پیش فرض جلوه ی کاربر پسندی ندارد. در این آموزش قصد دارم به شما نشان بدهم که چگونه میتوان فقط با استفاده از کدهای css به این دکمه آپلود فایل استایل و متن […]

باسلام امروز قصد دارم شما را با روش ایجاد لیست های پایین افتادنی  ( Drop-Down list ) با استایل های زیبا و ظاهری متفاوت آشنا کنم. برای ایجاد این لیست که دموی آنرا میتوانید از اینجا مشاهده کنید از کدهای CSS استفاده شده و شما هیچ نیازی به استفاده از javascript و یا JQuery ندارید. […]

با سلام در این پست قصد دارم روش ساخت Tooltip را برای شما توضیح بدهم. تمام کد نویسی های این آموزش با css انجام شده و شما هیچ نیازی به استفاده از javascript یا jQuery ندارید.   برای مشاهده دموی این آموزش اینجا کلیک کنید . ابتدا کدهای زیر را در قسمتی از کدهای Html سایت […]

در این مطلب قصد دارم به شما روش کد نویسی یک اسلاید شو سه بعدی زیبا را آموزش بدهم. نوشتن این اسلایدشو با css و jquery کار زیاد سختی نیست.فقط کافیه مرحله به مرحله کارهایی که مینویسم را انجام بدین در انتهای این مطلب لینک دانلود تمامی کد ها به همراه لینک نمایش دموی این اسلاید […]

سلام   شاید شما هم در برخی مواقع در جای خواسته باشید یک عنصر اسکرول خور در صفحه داشته باشید ولی نخواهید نوار اسکرول آن نشان داده شود. راه حل : ۱- دیو پدر که طول و عرض آن را در اندازه نیاز ثابت است . که خواص نمایش ان مخفی میشود(اسکرول آن مخفی میشود). […]