اگر شما هم به زیبایی وبسایت خود اهمیت می دهید، حتماً تا بحال با کمک گرفتن از دیگران و استفاده از کدهای CSS به پوسته سایت خود و محتوای آن رنگ و بوی دیگری بخشیده اید. اما امروز با خواندن این مطلب دیگر نیازی به دیگران نخواهید داشت و خود شما به راحتی و بدون هیچ زحمتی یک کدنویس می شوید.
سایت CSS 3 maker یک سایت ساده با کاربری بسیار آسان هست. اصلاً مهم نیست که شما چقدر از کدهای CSS سر در می آورید؛ فقط با فشردن چند دکمه ساده و یک سری تنظیمات مختصر، شما صاحب کد دلخواه می شوید.
طریقه استفاده از سایت
اول وارد سایت شوید
از سمت چپ سایت قسمت CSS3 Styles یا منوی افقی بالای سایت، استایل مورد نظرتون را پیدا کنید. من برای عکس زیر استایل Border Radius را انتخاب کردم.
حالا نوبت به شخصی سازی می رسد. با کم و زیاد کردن مقادیر، و دیدن نتیجه در قسمت CSS3 Preview Area می توانید به نتیجه مطلوب خود برسید.
اگر از نتیجه بوجود آمده راضی هستید، فقط یک قدم دیگر باقی مانده. از سمت راست سایت قسمت CSS3 Codeview می توانید کد تولید شده را کپی و استفاده کنید.
یک راه دیگر برای استفاده از کد تولید شده دارید؛ با کلیک بر روی دکمه Download می توانید فایل HTML استایل مورد نظرتان را در قالب یک فایل زیپ از سایت دریافت کنید.
نکته: در زیر قسمت CSS3 Preview Area مرورگرها و ورژن هایی که با استایل تولید شده، سازگار هستند نشان داده می شوند. پس اگر مرورگر خاصی مد نظرتان هست؛ به این قسمت حتماً توجه داشته باشید ( بیخیال IE باشید ).
خیلی خوب بود:)
ممنون
سلام امید جان ، خوبی انشاالله ؟؟
ممنون که این سایت رو معرفی کردی ..
راستش من قبل از این کدهامو با CSS3 دستی مینوشتم ، ولی مثل اینکه این سایت کار رو خیلی راحت کرده ..
راستی ، فرهاد جان توانایی در طراحی صفحات وب 50% هستش ، و خلاقیت و ایده در طراحی اون 50% .. برای طراح ها و طراح های حرفه ای ..
موفق باشی ../. (F)
سلام سعید جان
قربونت داداش. خواهش میکنم.
مرسی. موفق باشی
شرمنده سعید جان تازه ادامه پیامتون رو خوندم که خطاب به من بود ، بله کاملا حرفتون درسته
میخوام دست به کار بشم ، به زودی شروع میکنم و البته توی این راه از اساتیدی مثل شما حتما بهره میگیرم (F)
مرسی واقعا عالی بود
راستی
از کجا میشه طراحی قالب “حرفه ای” یاد گرفت؟؟
چند تایی آموزش توی نت بود زیاد حرفه ای ( یا اصلا ) نبود .
مثلا بشه یک سایتی مثل سایت شما حرفه ای طراحی کرد
خواهش میکنم.
ببین فرهاد جان، ابن آموزش برای طراحی حرفهای هیچ جا وجود نداره.
شما اول باید HTML,CSS یاد بگیرید و بعد به راحتی میتونید پوسته طراحی کنید.
برای طراحی پوسته وردپرس هم بعد از یاد گرفتن زبانهایی که گفتم کافیه از طریق مستندات wordpress.org توابع پوسته رو یاد بگیرید.
البته در پوستههای حرفهای جیکوئری و جاوا اسکریپت هم استفاده میشه (در پوسته این وبلاگ هم استفاده شده).
برای طراحی عکسها و آیکونهای پوسته هم که یادگیری فتوشاپ جای خودش رو داره.
سلام
ممنون از پاسخت
والا به Html و Css آشنایی دارم
فتوشاپ هم کاملا بهش وارم
منظورت این لینکه؟ http://codex.wordpress.org/Blog_Design_and_Layout
سلام
خواهش میکنم. بله، دقیقا.
با خوندن اون قسمت از مستندات تمامی توابع پوسته وردپرس دستت میاد.