دسته
میانبر
...باهم باشیم
آرشیو
آمار وبلاگ
تعداد بازدید : 144675
تعداد نوشته ها : 358
تعداد نظرات : 94
PageRank
Rss
طراح قالب
محمدرضا عابدي

انداختن عکس زمینه برای وبلاگ

دوستان در این مقاله قصد دارم طریقه انداختن یک عکس زمینه برای وبلاگ شما را توضیح بدهم.

خب همانطور که میدونید شما وقتی از جایی (سروری) وبلاگ میگیرید خود سایت برای شما یک قالب پیش فرض طراحی می کنه و در سایتتون قرار میده... من در این مقاله بدلیل اینکه اکثر دوستان از سایت پرشیان بلاگ ،  وبلاگ دارند مبنای آموزش رو بر روی این سایت قرار می دهم ، بقیه وبلاگها هم از همین قانون پیروی می کنند که با کمی تفاوت این نکاتی که در این آموزش گفته می شود ، در آنها هم وجود دارد.اکثر سایتهای وبلاگی (یا میشه گفت تمام اونا) وقتی میخوان متنها رو در صفحه بچینند از دستور Table یا DIV استفاده می کنند تا بتونند متن خودشون رو پاراگراف بندی و منظم کنند.مثلا در سایت پرشیان بلاگ از دستور DIV استفاده شده است. کافی است شما برای این DIV یک Background قرار بدین ... من این کار رو بصورت مثلای (و بر مبنای حالت Default پرشیان بلاگ) توضیح میدم:به قسمت ویرایش قالب در قسمت مدیریت وبلاگ بروید.در اونجا سورس قالب نمایشی شما در جعبه ای در سمت چپ نمایش داده میشود. خب.. اگر دقت کنید می بینید که این سایت برای تمامی قسمتهای خود از تنظیمات Style استفاده کرده است تا در هنگام تغییر رنگها و دیگر چیزها برای کاربر این کار ساده و راحت باشد. حالا در بین تگهای <Style> استایل postsBox رو پیدا کنید.این استایل مربوط به تنظیمات رنگ زمینه  و دیگر چیزهای مربوط به نمایش مطالب شماست. حالا برای اینکه بگویید برای این استایل عکس زمینه ای هم در نظر بگیره کافیه خط زیر رو بعد از اونجایی که نوشته Direction: rtl; ‌وارد کنید:background-image: url('ادرس عکس شما');

بجای آدرس عکس شما باید مسیر عکستون رو وارد کنید به مثال زیر توجه کنید :

background-image: url('http://www.setiran.com/Images/Back.gif');

حالا شکل کل استایل رو می بینید :

.postsBox {
border: black 1px solid; background-color: #800000; direction: rtl; background-image: url('http://www.setiran.com/Images/Back.gif');
}

خب این از طریقه قرار دادن عکس زمینه... البته گفتم این به عنوان یک مثال بود شما میتونید برای قسمتهای دیگر سایتتون هم عکس زمینه قرار بدین.... البته شاید هم قالب default شما با این مثالی که من گفتم (از نظر اسم استایل) مطابقت نداشته باشه ولی اصول کار همین است...

شما همچنین میتونید کارهای دیگه ای هم بر روی این استایل انجام بدین مثلا متن خودتون رو Justify کنید یا مثلا رنگ بوردر رو تغییر بدین و ...حال اگر بخواین برای کل صفحه عکس زمینه ای در نظر بگیرید کافیه استایل Body‌را پیدا کنید و مانند مراحل قبلی عمل کنید یعنی در آخر خط اون کدی رو که قبلا گفتم رو وارد کنید .. به مثال زیر توجه کنید:body {
color: black; background: #666696; margin: 10px; font-family: tahoma, times new roman, sans-serif; background-image: url('http://www.setiran.com/Images/Back.gif') ;
}

با این کار برای کل صفحه عکس را که وارد کرده اید نمایش داده می شود.

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

آها درمورد عکسهاتون هم بگم شما میتونید در سایت www.netfirms.com عضو بشید و عکسهاتون رو در اونجا قرار بدین و بعد لینک بدین به اونجا.... چون اکثر سایتهایی که بصورت مجانی فضا و آدرس میدن این امکان رو از کاربر می گیرند که بشه از خارج از سایتشون لینک  به اون سایت بدین...


پنج شنبه 19 10 1387
X