معرفی تعدادی از اصطلاحات(تغییر پس زمینه)

[parisa]

معرفی تعدادی از اصطلاحات(تغییر پس زمینه) با سلام...
در این تایپیک قصد معرفی تعدادی دیگه از اصلاحات موجود در کد قالب را دارم که شما با تغییر هریک از این کدهای موجود در کد قالبتون میتونید ساختار جدیدی را به قالب بدهید.
همچنین شما میتونید در محل های مناسب و مورد نظر این دستورات را به قالبتون اضافه کنید.

background
این اصطلاح به معنای تعیین تصویر پس زمینه برای قسمتی از وبلاگ و یا تعیین رنگی برای پس زمینه قسمتی از وبلاگ می باشد.
شما در مقابل این کد میتونید رنگ دلخواه خود و یا آدرس تصویر مورد نظر را برای هر قسمتی از وبلاگ(پس زمینه اصلی، پس زمینه مطالب، پس زمینه پست ها و...) تعیین کنید.
به عنوان مثال کد زیر معرف رنگ سفید برای پس زمینه بخشی از وبلاگ شما می باشد:
background:#FFFFFF

و همچنین کد زیر معرف رنگ سفید و عکس مورد نظر برای پس زمینه بخشی از وبلاگ شما می باشد:
background: #FFFFFF url('http://Avazak.ir/sample.jpg)


repeat
این اصطلاح به معنای تعیین تکرار عکس پس زمینه برای قسمتی از وبلاگ می باشد.
شما با استفاده از این کد میتونید تعیین بکنید که یک عکس در قسمتی از وبلاگ شما تکرار شود و یا خیر.
این اصطلاح معمولا در کنار اصطلاح background به کار برده میشه.
به عنوان مثال کد زیر باعث تکرار عکس مورد نظر بصورت افقی در وبلاگ میشود.
background: url('http://Avazak.ir/sample.jpg') repeat-x

کد زیر باعث تکرار عکس مورد نظر بصورت عمودی در وبلاگ میشود.
background: url('http://Avazak.ir/sample.jpg') repeat-y

کد زیر باعث تکرار عکس مورد نظر (افقی و عمودی) در وبلاگ میشود.
background: url('http://Avazak.ir/sample.jpg') repeat

کد زیر باعث عدم تکرار عکس مورد نظر در وبلاگ میشود.
background: url('http://Avazak.ir/sample.jpg') no-repeat


تعیین مکان به عکس
شما میتونید به عکس دلخواه خود در وبلاگ مکان خاصی رو اختصاص بدید.
به عنوان مثال شما میتونید یک عکس رو از سمت راست، چپ، بالا و یا پایین وبلاگتون چیدمان کنید.
شما برای قرار دادن یک عکس در سمت بالا از کلمه top و در سمت پایین bottom و در سمت راست right و در سمت چپ left میتونید استفاده کنید.

 

[parisa]

همچنین شما میتونید در محل های مناسب و مورد نظر این دستورات را به قالبتون اضافه کنید.

color
این اصطلاح به معنای تعیین رنگ می باشد.
شما در مقابل این کد میتونید رنگ دلخواه خود را برای هر متنی تعیین کنید.
هر رنگی در زبان برنامه نویسی با استفاده از اعداد و یا حروف و یا ترکیبی از هردو شناخته میشه.
شما برای شناخت کد معرف هر رنگ میتونید از نرم افزار های متفاوتی چون فتوشاپ استفاده کنید. البته نرم افزار پیش پا افتاده paint هم که از نرم افزار های ویندوز هست نیز میتونه در این زمینه به شما کمک کنه.
به عنوان مثال کد زیر معرف رنگ سفید می باشد:
color:#FFFFFF


text-align
این اصطلاح به معنای تعیین جهت به متن می باشد.
شما در مقابل این کد میتونید جهت دلخواه خود را (راست، وسط و یا چپ) برای هر متنی تعیین کنید.
به عنوان مثال کد زیر معرف جهت راست به یک متن است:
text-align:right

کد زیر معرف جهت وسط به یک متن است:
text-align:Center

کد زیر معرف جهت چپ به یک متن است:
text-align:left


font-size
این اصطلاح به معنای تعیین سایز و اندازه به متن می باشد.
شما در مقابل این کد میتونید اندازه فونت متن دلخواه خود را تعیین کنید.
به عنوان مثال کد زیر معرف سایز 8 برای یک متن است:
font-size: 8pt


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

کد زیر معرف جهت وسط به منو (یا پست) وبلاگ شما است:
float: center

کد زیر معرف جهت چپ به منو (یا پست) وبلاگ شما است:
float: left


padding
این اصطلاح به معنای تعیین فاصله از کناره ها به متن و یا اجزای قالب می باشد.
شما در مقابل این کد میتونید مقدار فاصله ی دلخواه خود را به هر متن و یا عکس بدهید.
این نکته را یادآور شوم که این تعیین فاصله به معنای تعیین فاصله نسبت به اجزای اطراف است.
به عنوان مثال شما میتونید تیتر پست هاتون رو کمی از کناره فاصله بدید و یا فاصله اون رو با خود متن افزایش بدید.
به عنوان مثال کد زیر معرف فاصله یک متن به اندازه 50 پیکسل از بالا و 20 پیکسل از راست و 30 پیکسل از پایین و 15 پیکسل از چپ می باشد.

padding:50px 20px 30px 15px


margin
این اصطلاح به معنای تعیین فاصله از اجزای اطراف به یک بخش قالب می باشد.
شما در مقابل این کد میتونید مقدار فاصله ی دلخواه خود را به هر بخش از قالبتون بدهید.
این تعیین فاصله به معنای تعیین فاصله نسبت به اجزای اطراف است.
به عنوان مثال شما میتونید بخش منو وبلاگتون(و یا پست) رو کمی از کناره های(بالا، راست، چپ و پایین) وبلاگ و یا بخش پست(و یا منو) فاصله بدید.
به عنوان مثال کد زیر معرف فاصله منو وبلاگ شما به اندازه 50 پیکسل از بالا و 20 پیکسل از راست و 30 پیکسل از پایین و 15 پیکسل از چپ می باشد.

margin:50px 20px 30px 15px