Blog မွာ ပံုေလးေတြ

 Blogger တြင္ <div> tag အသံုးျပဳနည္း ၁,၂,၃

ဒီပို႔စ္ ေလးကုိ ၾကည့္ၾကည့္ပါ။ ေခါင္းစဥ္မွာ ေနာက္ခံ အေရာင္ အနီ၊ စာလံုးက အျဖဴေရာင္၊ ပို႔စ္ရဲ့ ေနာက္ခံက အစိမ္း၊ စာလံုးေတြက အမဲေရာင္၊ စာလံုးအရြယ္အစားက (18)px ရွိပါတယ္။ မူလ Blogger template သတ္မွွတ္ထားခ်က္ေတြကို လႊမ္းမိုး ေဖာ္ျပျခင္း ျဖစ္ပါတယ္။ ေအာက္ပါအတိုင္း ေရးသားထားပါတယ္။

(၁) New Post ေရးခ်ိန္မွာ Title ေနရာမွာ-

<div style="background-color:#ff0000; color:#ffffff">Blogger တြင္ div tag အသံုးျပဳနည္းေလး တစ္ခု</div>

(၂) ပို႔စ္ စာသားေတြ ေနရာမွာ-

<div style="background-color:#00ff00; font-size:13px; color:#000000; font-weight:bold; padding:10px">

ဒီၾကားထဲမွာ ပို႔စ္ စာသားေတြ ေရးထားပါတယ္။ ....................


</div>

- background-color, color နဲ႔ font-size ေတြမွာ အမ်ိဳးမ်ိဳးေျပာင္းလဲၿပီး ေရးသားၾကည့္ႏုိင္ပါတယ္။

 http://www.akyinnarnantaw.org/2011/04/blogger-tag.html

<DIV> Tag အသံုးျပဳနည္းေလး တစ္ခု (၂)

 <div id="wrapper" style="width: 675px; height: 800px; background-image: url(http://www.photo-flowers.co.uk/500pix%20art/rose-red-dark-glass.jpg); font-size:12pt; font-weight:bold" >
<marquee behavior="scroll" direction="up" scrollamount=2 width="100%" height="60%" >
<div id="container" style="position:relative" >
<div id="content" style="position:relative; top:50px;left:50px; width:85%; padding:10px;color:yellow;font-size:14px; z-index:5" >


<font color=white > <h2 > <font color=green >အၾကင္နာနန္းေတာ္ ၏ ရည္ရြယ္ခ်က္မ်ား </font > </h2 >

ျမန္မာ လူငယ္မ်ားအတြက္
၁။ အသံုး၀င္ေသာ ေဆာ့(ဖ္)၀ဲ မ်ား
၂။ နည္းပညာဆိုင္ရာ စာအုပ္မ်ား (ကြန္ပ်ဴတာ၊ ပရိုဂရမ္၊ ဓာတ္ပံု ႏွင့္ ဒီဇိုင္း၊ အင္တာနက္္္၊ အင္ဂ်င္နီယာ)
၃။ ဘာသာေရး၊ တရားေတာ္ဆိုင္ရာ စာအုပ္မ်ား၊ အသံဖိုင္ ႏွင့္ ဗီဒီယိုမ်ား
၄။ ၀တၳဳ၊ ကဗ်ာ၊ ကာတြန္း၊ ဟာသ စာအုပ္မ်ား
၅။ ေတးသီခ်င္းမ်ား (ျမန္မာ၊ ႏိုင္ငံျခား)
၆။ ရုပ္ရွင္ ႏွင့္ ဗီဒီယိုမ်ား (ျမန္မာ၊ ႏိုင္ငံျခား)
၇။ က်န္းမာေရးႏွင့္ လူမႈေရးဆိုင္ရာ ဗဟုသုတႏွင့္အႀကံျပဳခ်က္မ်ား
၈။ သတင္း ႏွင့္ အေထြေထြဗဟုသုတမ်ား
၉။ ဂိမ္းမ်ား
၁၀။ အလွအပ ႏွင့္ ဖက္ရွင္ ဆိုင္ရာ ဗဟုသုတ ႏွင့္ အႀကံျပဳခ်က္မ်ား
၁၁။ အသံုး၀င္ေသာ ၀က္ဘ္ဆိုက္ လိပ္စာမ်ား
ကို မွ်ေ၀ေပးရန္ ျဖစ္ပါသည္။
အၾကင္နာနန္းေတာ္ မွ အထက္ပါ ဘာသာရပ္မ်ားဆိုင္ရာ ပို႔စ္ မ်ားကို ပံုမွန္ တင္ေပးသြားမည္ ျဖစ္ပါသည္။ မိမိစိတ္ႀကိဳက္ ေတာင္းဆိုလိုသူမ်ား အေနႏွင့္ ေတာင္းဆိုရန္ အပိုင္းမွ လည္းေကာင္း၊ CBOX မွလည္းေကာင္း ေရးသားေတာင္းဆိုႏိုင္ပါသည္။ အၾကင္နာနန္းေတာ္ အဖြဲ႔၀င္မ်ားမွ တတ္စြမ္းသေလာက္ ၀ိုင္း၀န္း အက်ိဳးေဆာင္ ျဖည့္ဆည္း ေပးသြားမည္ ျဖစ္ပါသည္။
အၾကင္နာနန္းေတာ္ သို႔ လာေရာက္သူမ်ားအတြက္ ေပ်ာ္ရႊင္မႈ၊ ဗဟုသုတ ႏွင့္ နည္းပညာ တစ္ခုခုေတာ့ ရရွိသြားေစရပါမည္။
စိတ္တူ၊ ကိုယ္တူ၊ ရည္မွန္းခ်က္ရွိသူ လူမႈအသိုင္းအ၀ိုင္း (Community) တစ္ခု ဖန္တီးသြားရန္ ႏွင့္ ျမန္မာလူငယ္မ်ား ပိုမို တိုးတက္ေအာင္ျမင္ေအာင္ အခ်င္းခ်င္း ပံ့ပိုးေဆာင္ရြက္ သြားၾကရန္ ရည္ရြယ္ပါသည္။ </font >

</div >
<div class="background" style="position:absolute;top:50px;left:50px;width:85%;height:100%;background-color:rgba(200,0,200,0.5);z-index:1; border:solid 2px #00FF00;
-ms-filter:"progid:dximagetransform.microsoft.alpha(opacity=50)"; filter: alpha(opacity=50);opacity:.5" >
</div > </div >
</marquee >
</div >

 http://www.akyinnarnantaw.org/2011/05/tag.html

<div> tag အသံုးျပဳနည္း (၃)

 ဘေလာ့(ဂ္)မွာ ပံုမ်ားစြာကို Scroll bar နဲ႔ ေဖာ္ျပခ်င္ရင္ HTML Page တစ္ခုဖန္တီးၿပီး Hosting site တစ္ခုကေန Link နဲ႔ ဆြဲယူသံုးေလ့ ရွိၾကပါတယ္။ အဲဒီလုိ မသံုးပဲ ေဖာ္ျပႏိုင္တဲ့ နည္းေလး တစ္ခုရွိပါတယ္။ ေအာက္မွာ ၾကည့္ပါ။ <div> tag ျဖင့္ အသံုးျပဳျခင္း ျဖစ္ပါတယ္။

---

---

အထက္ကအတိုင္း ျဖစ္ေအာင္ ဒီလုိ ေရးထားပါတယ္။

<div style="width: 650px; height: 600px; padding:10px; overflow-y: scroll; scrollbar-arrow-color:blue; scrollbar-face-color: #e7e7e7; scrollbar-3dlight-color: #a0a0a0; scrollbar-darkshadow-color:#888888; background-color:#0000ff; font-size:12pt; font-weight:bold">

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny01.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny02.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny03.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny04.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny05.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny06.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny07.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny08.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny09.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny10.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny11.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny12.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny14.jpg" width=100% />

<img src="http://www.hemmy.net/images/bizarre/abigailbritanny13.jpg" width=100% />

</div>

 http://www.akyinnarnantaw.org/2011/05/blog-post_02.html

Posted in: Blog အလွဆင္မယ္