آموزش های کوچک و کاربردی سی اس اس ( css )
با سلام به همه دوستان جوملا کار و اعضای محترم انجمن جوملا فارسی
در این تایپیک قصد دارم به معرفی کدهای سی اس اس نسخه های 1 و 2 و 3 بپردازم!
لطفا از طرح سوال در این بپرهیزید و در صورتی که از مطلبی خوشتون اومد از کلید تشکر استفاده کنید!
ممنون از همگی دوستان :d
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
سلام
به جوملا فارسی خوش آمدید.
اگر مطالب آموزشی دارید البته با ذکر منبع می تونید در [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] منتشر کنید.
موفق باشید
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
ابتدا از نحوه بارگذاری یک فایل سی اس اس در وب شروع میکنیم
برای این کار سه راه وجود دارد
1- بارگذاری از فایل سی اس اس
2- درج کد های سی اس اس در صفحه مورد نظر
3- درج کد استایل شی مورد نظر
پیشنهاد من راه اول هست
برای راه کد زیر را در قسمت head سایت (قالب) قرار بدید:
<link rel="stylesheet" type="text/css" href="mystyle.css" />
برای راه دوم از کد زیر در قسمت head استفاده کنید:
<style type="text/css"> مجل درج کدهای سی اس اس </style>
و راه سوم: برای مثال درج سی اس اس برای یک پاراگراف
<p style="color: sienna; margin-left: 20px"> This is a paragraph </p>
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
منبعش خودمم مشکلی نداره همینجا ذکر کنم؟ درج در دانشنامه چطوریه؟نوشته اصلی توسط hamidy [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
سلام
اگر با ویکی اشنایی ندارید از [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] استفاده کنید .
مطالب آموزشی رو در رده های خاص خودش قرار بدید.
موفق باشید
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
اگه مشکلی نداره همینجا بزارم اگر داره هم کلا نذارم :d
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
سلام
آموزش ها باید دارای هدف و عنوان مناسب باشد.
اگر با فرمت ویکی آشنایی ندارید، مشکلی نیست همینجا قرار بدید. سعی کنید تا محتوا کامل باشه
موفق باشید
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
تشکر
هدف و عنوانش کلا سی اس اس هست که تو این فعالیت کوتاهم تو این انجمن متوجه شدم دوستان نیازشون میشه
پس تقاضا دارم غیر از دو پست آموزشی بقیه پست ها در این تاپیک رو پاک کنید با تشکر!
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
نحوه خواصیت دادن به یک تگ اچ تی ام ال
برای خواصیت دادن به یک تگ اچ تی ام ال مثل body , table , a و... از روش زیر استفاده میکنیم:
نام تگ}
خواص
}
به طور مثال:
body{
background-color:#ccffcc;
}
و برای کسانی که از روش خواصیت دادن مستقیم به شی در وب استفاده میکنند
<نام تگ style="خواص">
به طور مثال:
<body style="background-color:#ccffcc">
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
خواص پس زمینه:
نمونه رنگ پس زمینه:
background-color:#ccffcc;
نمونه تصویر پس زمینه:
background:url('bg.png');
حرکت پس زمینه با اسکرول:
background-attachment:scroll;
عدم حرکت پس زمینه با اسکرول:
background-attachment:fixed;
چینش تصویر پس زمینه:
background-position:top rigth;
و
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x-% y-%
x-pos y-pos
تکرار تصویر پس زمینه:
background-repeat:repeat;
و
تکرار افقی
repeat-x
تکرار عمودی
repeat-y
بدون تکرار
no-repeat
جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.
مجوز های ارسال و ویرایش
پاسخ با نقل قول
علاقه مندی ها (Bookmarks)