• آموزش دیلیت اکانت تلگرام

    در صورتی در صورتی که شما هم تصمیم به دیلیت اکانت تلگرام خود گرفته اید، کافیست این آموزش را دنبال کنید.
  • حل مشکل مصرف باتری گوشی و تبلت

  • آموزش ارتقای لپ تاپ

بدون دانش قبلی CSS 3 بنویسید

نویسنده :
تعداد بازدید :3,132
css3-maker

اگر شما هم به زیبایی وبسایت خود اهمیت می دهید، حتماً تا بحال با کمک گرفتن از دیگران و استفاده از کدهای CSS به پوسته سایت خود و محتوای آن رنگ و بوی دیگری بخشیده اید. اما امروز با خواندن این مطلب دیگر نیازی به دیگران نخواهید داشت و خود شما به راحتی و بدون هیچ زحمتی یک کدنویس می شوید.

سایت CSS 3 maker یک سایت ساده با کاربری بسیار آسان هست. اصلاً مهم نیست که شما چقدر از کدهای CSS سر در می آورید؛ فقط با فشردن چند دکمه ساده و یک سری تنظیمات مختصر، شما صاحب کد دلخواه می شوید.

طریقه استفاده از سایت

اول وارد سایت شوید

از سمت چپ سایت قسمت CSS3 Styles یا منوی افقی بالای سایت، استایل مورد نظرتون را پیدا کنید. من برای عکس زیر استایل Border Radius را انتخاب کردم.

css3-maker

حالا نوبت به شخصی سازی می رسد. با کم و زیاد کردن مقادیر، و دیدن نتیجه در قسمت CSS3 Preview Area می توانید به نتیجه مطلوب خود برسید.

اگر از نتیجه بوجود آمده راضی هستید، فقط یک قدم دیگر باقی مانده. از سمت راست سایت قسمت  CSS3 Codeview می توانید کد تولید شده را کپی و استفاده کنید.

یک راه دیگر برای استفاده از کد تولید شده دارید؛ با کلیک بر روی دکمه Download می توانید فایل HTML استایل مورد نظرتان را در قالب یک فایل زیپ از سایت دریافت کنید.

نکته: در زیر قسمت CSS3 Preview Area مرورگرها و ورژن هایی که با استایل تولید شده، سازگار هستند نشان داده می شوند. پس اگر مرورگر خاصی مد نظرتان هست؛ به این قسمت حتماً توجه داشته باشید ( بیخیال IE باشید ).


مسعود صباغی هستم . علاقه ی زیادی به برنامه نویسی و دنیای آی تی دارم. تمام سعی خودم رو می کنم تا در این وب سایت دانش خودم را با دیگر دوستان به اشتراک بگذارم و مطالبی هر چند کوتاه در زمینه فناوری اطلاعات منتشر کنم.
  1. Saeed Fard
    پاسخ توسط Saeed Fard :

    سلام امید جان ، خوبی انشاالله ؟؟

    ممنون که این سایت رو معرفی کردی ..
    راستش من قبل از این کدهامو با CSS3 دستی مینوشتم ، ولی مثل اینکه این سایت کار رو خیلی راحت کرده ..

    راستی ، فرهاد جان توانایی در طراحی صفحات وب 50% هستش ، و خلاقیت و ایده در طراحی اون 50% .. برای طراح ها و طراح های حرفه ای ..

    موفق باشی ../. (F)

    1. فرهاد
      پاسخ توسط فرهاد :

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

      میخوام دست به کار بشم ، به زودی شروع میکنم و البته توی این راه از اساتیدی مثل شما حتما بهره میگیرم (F)

  2. فرهاد
    پاسخ توسط فرهاد :

    مرسی واقعا عالی بود

    راستی

    از کجا میشه طراحی قالب “حرفه ای” یاد گرفت؟؟

    چند تایی آموزش توی نت بود زیاد حرفه ای ( یا اصلا ) نبود .

    مثلا بشه یک سایتی مثل سایت شما حرفه ای طراحی کرد

    1. Omid Sh
      پاسخ توسط Omid Sh :

      خواهش می‌کنم.
      ببین فرهاد جان، ابن آموزش برای طراحی حرفه‌ای هیچ جا وجود نداره.
      شما اول باید HTML,CSS یاد بگیرید و بعد به راحتی می‌تونید پوسته طراحی کنید.
      برای طراحی پوسته وردپرس هم بعد از یاد گرفتن زبان‌هایی که گفتم کافیه از طریق مستندات wordpress.org توابع پوسته رو یاد بگیرید.
      البته در پوسته‌های حرفه‌ای جی‌کوئری و جاوا اسکریپت هم استفاده میشه (در پوسته این وبلاگ هم استفاده شده).
      برای طراحی عکس‌ها و آیکون‌های پوسته هم که یادگیری فتوشاپ جای خودش رو داره.

    2. Omid Sh
      پاسخ توسط Omid Sh :

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

ارسال نظر

:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen:

 

کانال را در گوگل محبوب کنید