Blogger- သင့်ဘလော့ဂ်ရှိ ကုဒ်အတွက် CSS ပုံစံ
Blogger ထည့်သွင်းမှုတွင် ကုဒ်ကဏ္ဍများကို မည်သို့ပြုလုပ်ကြောင်း သူငယ်ချင်းတစ်ဦးက မေးသည်။ ကျွန်ုပ်၏ Blogger နမူနာပုံစံရှိ CSS အတွက် စတိုင်ဂ်ကို အသုံးပြု၍ ၎င်းကို ပြုလုပ်ခဲ့သည်။ ဤသည်မှာ ကျွန်ုပ်ထည့်သွင်းထားသည်-
p.code {
font-family: Courier New;
font-size: 8pt;
border-style: inset;
border-width: 3px;
padding: 5px;
background-color: #FFFFFF;
line-height: 100%;
margin: 10px;
}
p.code
: ဤသည်မှာ HTML ကို ပစ်မှတ်ထားသည့် CSS စည်းမျဉ်းတစ်ခုဖြစ်သည်။<p>
အတန်းအမည် “ကုဒ်” ပါသည့် အစိတ်အပိုင်းများ။ ဆိုလိုသည်မှာ ဤအတန်းနှင့် မည်သည့်စာပိုဒ်ကိုမဆို အောက်ပါဂုဏ်သတ္တိများနှင့်အညီ ပုံစံချမည်ဖြစ်သည်။font-family: Courier New;
- ဤပိုင်ဆိုင်မှုသည် ဖောင့်မိသားစုကို “Courier New” ဟု သတ်မှတ်သည်။ ၎င်းသည် ပစ်မှတ်ထားသော ဒြပ်စင်များအတွင်း စာသားအတွက် အသုံးပြုမည့် ဖောင့်ကို သတ်မှတ်ပေးသည်။font-size: 8pt;
: ဤပိုင်ဆိုင်မှုသည် ဖောင့်အရွယ်အစားကို 8 မှတ်အဖြစ် သတ်မှတ်သည်။ ပစ်မှတ်ထားသော အစိတ်အပိုင်းများအတွင်းရှိ စာသားကို ဤဖောင့်အရွယ်အစားဖြင့် ပြသပါမည်။border-style: inset;
- ဤပိုင်ဆိုင်မှုသည် နယ်စပ်စတိုင်ကို "inset" ဟု သတ်မှတ်သည်။ ၎င်းသည် ပစ်မှတ်ထားသောဒြပ်စင်များတစ်ဝိုက်ရှိ နယ်နိမိတ်အတွက် တိမ်မြုပ်နေသော သို့မဟုတ် ဖိထားသောအသွင်အပြင်ကို ဖန်တီးပေးသည်။border-width: 3px;
: ဤပိုင်ဆိုင်မှုသည် ဘောင်အကျယ်ကို 3 ပစ်ဇယ်အဖြစ် သတ်မှတ်သည်။ ဒြပ်စင်များပတ်ပတ်လည်ဘောင်သည် 3 ပစ်ဇယ်ထူပါမည်။padding: 5px;
: ဤပိုင်ဆိုင်မှုသည် ပစ်မှတ်ထားသောဒြပ်စင်များအတွင်းရှိ အကြောင်းအရာတစ်ဝိုက်တွင် အကွက်များ 5 pixels ပေါင်းထည့်သည်။ ၎င်းသည် စာသားနှင့် ဘောင်ကြား အကွာအဝေးကို ပေးသည်။background-color: #FFFFFF;
- ဤပိုင်ဆိုင်မှုသည် နောက်ခံအရောင်ကို အဖြူရောင် (#FFFFFF) အဖြစ် သတ်မှတ်သည်။ ပစ်မှတ်ထားသောဒြပ်စင်များအတွင်းရှိ အကြောင်းအရာသည် အဖြူရောင်နောက်ခံရှိပါမည်။line-height: 100%;
: ဤပိုင်ဆိုင်မှုသည် မျဉ်းအမြင့်ကို ဖောင့်အရွယ်အစား၏ 100% အဖြစ် သတ်မှတ်သည်။ ၎င်းသည် ဖောင့်အရွယ်အစားအလိုက် စာသားမျဉ်းများကို ခွဲထားကြောင်း သေချာစေသည်။margin: 10px;
: ဤပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခုလုံးပတ်လည်တွင် အနားသတ် 10 ပစ်ဇယ်များကို ပေါင်းထည့်သည်။ ၎င်းသည် ဤဒြပ်စင်နှင့် စာမျက်နှာရှိ အခြားဒြပ်စင်များအကြား အကွာအဝေးကို ပေးဆောင်သည်။
ပေးထားသော CSS ကုဒ်သည် အတန်း “ကုဒ်” ဖြင့် HTML စာပိုဒ်များအတွက် စတိုင်တစ်ခု သတ်မှတ်သည်။ ၎င်းသည် ဖောင့်၊ ဖောင့်အရွယ်အစား၊ ဘောင်ပုံစံ၊ ဘောင်အကျယ်၊ အကွက်များ၊ နောက်ခံအရောင်၊ လိုင်းအမြင့်နှင့် အနားသတ်များကို ဤစာပိုဒ်များအတွက် သတ်မှတ်ပေးသည်။ ဤပုံစံကို ကုဒ်အတိုအထွာများ သို့မဟုတ် Blogger ပို့စ်တစ်ခုတွင် ကြိုတင်ဖော်မတ်ထားသည့် စာသားများတွင် ၎င်းတို့ကို တိကျသောအသွင်အပြင်တစ်ခုပေးစွမ်းနိုင်သည်။
ဒါက ဘယ်လိုပုံစံပါလိမ့်။
p.code {
ဖောင့်-မိသားစု- ချောစာအသစ်;
ဖောင့်အရွယ်အစား- 8pt;
နယ်ခြားပုံစံ- inset;
ဘောင်အကျယ်- 3px;
padding ကို: 5px;
နောက်ခံအရောင်- #FFFFFF;
လိုင်းအမြင့်- 100%;
အနားသတ်: 10px;
}
မင်္ဂလာ Coding!