نمایش نسخه قابل چاپ
با سلام به همه دوستان جوملا کار و اعضای محترم انجمن جوملا فارسی
در این تایپیک قصد دارم به معرفی کدهای سی اس اس نسخه های 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نقل قول:
نوشته اصلی توسط hamidy [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
سلام
آموزش ها باید دارای هدف و عنوان مناسب باشد.
اگر با فرمت ویکی آشنایی ندارید، مشکلی نیست همینجا قرار بدید. سعی کنید تا محتوا کامل باشه
موفق باشید
تشکرنقل قول:
نوشته اصلی توسط hamidy [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
هدف و عنوانش کلا سی اس اس هست که تو این فعالیت کوتاهم تو این انجمن متوجه شدم دوستان نیازشون میشه
پس تقاضا دارم غیر از دو پست آموزشی بقیه پست ها در این تاپیک رو پاک کنید با تشکر!
نحوه خواصیت دادن به یک تگ اچ تی ام ال
برای خواصیت دادن به یک تگ اچ تی ام ال مثل 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