ပတၜအလာံ ဂါံအာေထာမ္ေထာမ္၊ ညိဟြံစမုိက္ ပ႐ုိက္သႝေကာမ္၊
ကႜာႏူဟြံဟုီထ႓းကုဪနဲကဲေဍံဏီဂွ္ ဗုီျပင္ေဍံ ေက်ာ၀္ရံင္စမ္ကႜာ၊၊ ႐ုပ္အလာံ႓ုိပ္ထ၀္ စုတ္လ၀္ဓ႐ုီေဂတ္ေကႜာံ၊၊ သၞ၀္ဓ႐ုီရုပ္အလာံ႓ုိပ္ထ၀္ဂွ္ တက္ခ်ဴမအကၡ၀္ ဗုီဂႝပ္ဇကုမဒးဂႝပ္ဂွ္ရ၊၊ အဲဂွ္ တက္စုတ္လ၀္ သာ္၀ြံ - ပတၜအလာံ ဂါံအာေထာမ္ေထာမ္၊ ညိဟြံစမုိက္ ပ႐ုိက္သႝေကာမ္ - ၊၊ မၝးဂွ္ပႜန္ ထပ္စုတ္ဓ႐ုီေဂတ္ေကႜာံပႜန္၊၊ သာ္လုဪဒွ္ေရာ တႜ၀ါသာနာတံ၊ သၵးစုိတ္ဟာ၊၊ သၵးစုိတ္မၢး ဆက္ဗွ္အာပုိဒ္ဂတေတံညိ၊၊
အတုိင္မဟုီဂးလ၀္လတူေတံဂွ္ရ ဣ၀ြံ CSS ကုဪ HTML =
လဂါံမြဲ = ဂႝန္သေကၤတ CSS သၞ၀္၀ြံ ခ်တ္စုတ္ပႛဲဗုင္ဗႜံက္ ဒႝဲါအခန္<HEAD>ေတံညိ၊၊ နဲခုိဟ္အုိတ္ဂွ္ ဂတသေကၤတ
</head>
သာ္ဏံဂွ္ ခ်တ္စုတ္မၢး ခုိဟ္အုိတ္ရ သြက္ရဲဗႜံက္တံ၊၊<style type="text/css">
.picture { background-color: #993300;
border: 1px solid #F9F9F9; padding: 3px;
font: 11px/1.4em Uni Mon, Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }
</style>
လဂါံ႓ါ = ဂႝန္သေကၤတ HTML သၞ၀္၀ြံ ဒႝဲါမဒးဂႝပ္စုိတ္ဂွ္ ခ်တ္စုတ္ဂြံဖအုိတ္ရ၊၊ ခ်တ္စုတ္ ပႛဲဒႝဲါ Posting ေလ၀္ဂြံ၊ ပႛဲဒႝဲါ Sidebar ေလ၀္ဂြံ၊၊ ဒႝဲါဇကုမဒးစုိတ္ဂွ္ ခ်တ္စုတ္ဂြံဖအုိတ္ မိက္ဂး၊၊
<div class="picture left" style="width:200px;"> <img src="google.gif" width="198" height="170" alt="Google Logo" /> <br />ပတၜအလာံ ဂါံအာေထာမ္ေထာမ္၊ ညိဟြံစမုိက္ ပ႐ုိက္သႝေကာမ္၊ </div>
ပႛဲနဲလဂါံ႓ါ၀ြံ ပုဦစုတ္လ၀္ file google.gif ပညှေဖ်ံလ၀္တႜာ႐ုပ္ဒႝဲါလပၚပဲါ၊ ဗႝတ္ဗ႟တ္႐ုပ္ဂွ္ 198x170 ၊၊ တႜာ႐ုပ္ဂွ္ ယ၀္သၞိက္ဂြံစြံလပၚပုင္မၢး ဒႝဲါ left ဂွ္ သႜာဲစုတ္ right ညိ၊၊
မပၱံကုဪ font name, size, border colors, background, margins, တံဂွ္တံဂွ္ သၞိက္ဂြံသႜာဲ အတုိင္ဂႝပ္စုိတ္ သႜာဲဂြံဖအုိတ္ရ၊ တဲ လၸဒည၊၊ မုဟြံဒွ္သာ္လုဪ၊၊ သေကၤတေဍံ ေဗႜတ္ေတွ္ ေဍံဟြံေကႜာန္ကေလာန္၊ ဆ႓ုိတ္ဏံရ ေတၞင္၊၊
0 ကသပ္လညာတ္:
Post a Comment