loading...

ابزارها قالب

css

تبلیغات
تبلیغات ارزان و پربازدهتبلیغات ارزان و پربازده
آخرین ارسال های انجمن
حمیدرضا بازدید : 1462 یکشنبه 04 بهمن 1394 نظرات (0)

خیلی ها هستند که می خواهند در صفحهات سایت خود ورودی های (input) اختصاصی داشته باشند. به این معنی که تمام مواردی که برای ورودی ها وجود دارد برای سایت آن ها به طور کاملا اختصاصی طراحی شده باشد. در این کار تغییر دادن حالت ورودی های متن ، آدرس وب ، عدد و ... کار ساده ای است و به راحتی می تواند با سی اس اس این کار را انجام داد. اما تغییر دادن دکمه های checkbox  و  radion کمی مشکل تر است.

ادامه ی متن در ادامه ی مطلب.

حمیدرضا بازدید : 1102 شنبه 03 بهمن 1394 نظرات (0)

کسانی که با سی اس اس کار کرده اند به احتمال زیاد با ویژگی Position روبرو شده اند. در صفحات وب از این ویژگی بسیار استفاده می شود و شما خیلی راحت می توانید آن را پیدا کنید. اما از آن جایی که این ویژگی کمی نامفهوم به نظر می رسد ، تصمیم گرفتم آن را در یک مطلب نسبتا کوتاه توضیح دهم.

ویژگی Position

این ویژگی ، مشخص کننده ی مکان قرار گیری شی نسبت به صفحه است. مثلا ثابت یا متناسب ...

متن کامل در ادامه ی مطلب.

حمیدرضا بازدید : 1891 شنبه 13 تير 1394 نظرات (0)

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

دموی این کد را در لینک پایین مشاهده کنید:

دموساز - دموی انیمیشن

 

برای مشاهده ی توضیحات بیشتر به ادامه ی مطلب بروید.

حمیدرضا بازدید : 4251 شنبه 01 فروردين 1394 نظرات (1)

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

 برای دیدن خروجی کد های خود از این لینک استفاده کنید

خیلی سریع میریم سروقت آموزش.

در css برای ایجاد انیمیشن باید از @keyframes استفاده کرد. ما هم همین کار را می کنیم:

<<<code>>>

@keyframes toolstheme

{

      ....

}

<<</code>>>

برای دیدن ادامه ی آموزش به ادامه ی مطلب بروید.

حمیدرضا بازدید : 1241 پنجشنبه 21 اسفند 1393 نظرات (0)

به سلکتور ها ، کلس های کاذب هم گفته می شود. (انتخابگر کلمه ی کلی تری است)

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

قبل از شروع آموزش ، در یک صفحه ی اینترنت روی قسمتی از صفحه کلیک راست کنید و inspect element را بزنید تا قسمتی باز شود. این قسمت تمام المنت های صفحه را با ویژگی ها و استایل های css آن ها نمایش می دهد. این ویژگی در مرورگر فایرفاکس سریع تر است و کار با آن راحت تر است. این قسمت کمک بزرگی برای شماست تا طرز کار با کد های css را یاد بگیرید. در آینده این قسمت در آموختن javascript هم به شما کمک خواهد کرد.

برای شروع آموزش به ادامه ی مطلب بروید.

حمیدرضا بازدید : 2365 دوشنبه 11 اسفند 1393 نظرات (0)

در این مطلب قرار است به شما چگونگی نوشتن کد های css آموزش داده شود. این در اصل یک دوره ی تازه از آموزشات سایت toolsTheme می باشد. امیدوارم از این آموزشات استفاده ی کافی را ببرید.

شما برای این که بتوانید آموختن css را شروع کنید ، ابتدا باید با html آشنایی داشته باشید. در اصل کار سی اس اس به تنهایی هیچ است. سی اس اس زمانی معنی پیدا می کند که در کنار html باشد و به اشیاء مختلف یک صفحه ی وب ، حالت های مختلفی را بدهد.

همانند html ، برای نوشتن کد های سی اس اس هم به چیز زیادی نیاز نیست. تنها یک ویرایشگر متن ساده ( مثل notepad ) و یک مروگر ( من از فایرفاکس استفاده می کنم ).

همان طور که گفته شد css به تگ های html حالت های تازه و اختصاصی ای می دهد که ما دوست داریم. از سی اس اس به سه شکل می توان در صفحات وب استفاده کرد:

1. در فایلی جدا با پسوند CSS اتصال آن به صفحه با تگ link.

2. در خود فایل html و در تگ style.

3. در موجودیت style هر تگی که می خواهید به آن حالت بدهید.

در ادامه برای هر یک از این حالت ها مثال هایی خواهم زد: ادامه ی مطلب را ببینید.

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

    آمار سایت
  • کل مطالب : 215
  • کل نظرات : 269
  • افراد آنلاین : 1
  • تعداد اعضا : 3195
  • آی پی امروز : 30
  • آی پی دیروز : 94
  • بازدید امروز : 294
  • باردید دیروز : 191
  • گوگل امروز : 3
  • گوگل دیروز : 9
  • بازدید هفته : 1,085
  • بازدید ماه : 9,582
  • بازدید سال : 100,952
  • بازدید کلی : 1,787,387
  • کدهای اختصاصی
    یادبود 175 شهید غواص
    یادبود 175 شهید غواص