Sunday, August 25, 2013


ဒါ ေလးက ေတာ့ Blog မွာ ေမာက္ လွုပ္ရွားလိုက္တိုင္း ပန္းနုေရာင္ ပူစီေပါင္းေလးေတြ အေပၚကို ပ်ံတက္သြား မဲ့ ကုတ္ေလးပါ...

မိန္းကေလး ဘေလာ့ပိုင္ရွင္ေတြ ပိုနွစ္သက္ ၾကမယ္ ထင္တယ္ဗ်.

ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

SATURDAY, AUGUST 10, 2013

ဘေလာ့မွာ cctv ကင္မရာ တပ္ထားမယ္..


blog မွာ cctv ကင္မရာ ေလးတပ္ျပီး အလွဆင္မယ္...ျပဳလုပ္နည္းကေတာ့ လြယ္ကူပါတယ္..

အဆင့္(1 )
CCTVကင္မရာ နွစ္ခုထဲက နွစ္သက္ရာ တခုရဲ့  code ကို ေကာ္ပီ ယူပါ

<script language="JavaScript" src="https://it-news-corner.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA0-RIQwDC1FW0kgbafjV54j6BnRIk3_2yfQOmkVKEyuw-0ZDspbmTTj9hAUcOwWtqSEW9ys_b5FjcOs8WOQakCpZeK1IlpYDR-skV_6SDIG2l2f8sctsGG0gvaJrvwzG3XLyzCLDKtI0/s1600/kamera-pengintai-cctv-1-boytriks.gif")</script>

ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

WEDNESDAY, AUGUST 7, 2013

ဘေလာ့ Template မ်ားရယူနိုင္သည့္ဆိုက္မ်ား


blog အတြက္ Template မ်ားရယူရန္ ဆိုက္မ်ား ထဲမွ..ၾကိဳက္နွစ္သက္ရာ.ဒီဇိုင္း Template မ်ား ေဒါင္းလုဒ္ဆြဲ

blog  ထဲကို  Template ထည့္နည္း

.blogger ကို၀င္ Template ကိုသြား..
အေပၚက Backup/Resrore ကိုကလစ္..
Browse ကိုနွိပ္ျပီး..( ေဒါင္းထားတဲ့ Template ကို Upload တင္လိုက္ရင္ရပါျပီ)

ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

SATURDAY, JULY 6, 2013

ဘေလာ့အတြက္ အေပၚသို့ဆိုတဲ့ မွ်ားထည့္နည္း


Blog မွာ အေပၚ သို့ ဆိုတဲ့ မွ်ားထည့္နည္း
အခုပံု စံ က ကြ်န္ေတာ္တို့ အရင္သံုး ေနက် ပံုစံမဟုတ္ပဲ...Blog အေပၚဆံုးေရာက္ေနရင္..အဲ့ဒီ မွ်ားေလးဟာ
ေပ်ာက္ေနတတ္ျပီး..Blog ေအာက္ကို ဆင္းမွ သာေပၚလာတာ မ်ိဳးေလးပါ..
ကြ်န္ေတာ္ ကေတာ ့ နွစ္သက္လို့ အခုနည္းနဲ့ ထည့္လိုက္ျပီဗ်ာ..လ်ွာရွည္တာ မ်ားသြားျပီ
ေအာက္မွာ ဆက္ၾကည့္ပါ..
ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

Blog မွာ Facebook Comment Box ထည့္နည္း



Facebook ကုိအရင္ Sign in လုပ္ထားပါ။
Blog ကို၀င္ Layout ကိုသြား AddGadget>>HTML/JavaScript ကိုကလစ္ျပီး ေအာက္ကကုတ္ကိုထည့္လိုက္ပါ



<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=140582962655888&amp;xfbml=1"></script><fb:comments href="http://patheinzaylin1994.blogspot.com//" num_posts="5" width="1000px"></fb:comments>


http://patheinzaylin1994.blogspot.com/  ေနရာ မွာ မိမိတို့ ဘေလာ့လိပ္စာ(Url)ကိုထည့္ပါ..
Posted by at  No comments: 
Labels: 

MONDAY, JULY 1, 2013

blog မွာ နာရီထည့္ခ်င္သူမ်ားအတြက္ (နာရီကုတ္မ်ား)


ဘေလာ့မွာ နာရီေလးထည့္ျပီးအလွဆင္ခ်င္သူ မ်ားအတြက္...လုပ္နည္းျပထားပါတယ္..
ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

မိမိဘေလာ့က မွ်ားကိုပံုစံေျပာင္းမယ္


မိမိတို့ ဘေလာ့ မွာရွိတဲ့.ေမာက္ပံုစံ( မွ်ားေလးကို) နွစ္သက္ရာ ရုပ္ပံုေလးနဲံ အစားထိုးျပီးထည့္နည္းေလးပါ
လြယ္ကူပါတယ္..

ေအာက္မွာ ရွိတဲ့ အထဲက နွစ္သက္ရာ ပံုေလးကို အမွန္ျခစ္ျပီး  Get Code ကိုကလစ္
က်လာတဲ့ COde ကုိ Copy ယူျပီး.. Blogger ကိုူ ၀င္

  Layout ကိုသြား.Add Gadget ကိုကလစ္ HTML/JavaScript Add  မွာ Pase ျပီး Save လိုက္ပါ
ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

SATURDAY, JUNE 29, 2013

ေမာက္ေနာက္လိုက္ေနတဲ့.စာေၾကာင္းေလးထည့္မယ္ (ဘေလာ့အတြက္)

blogအတြက္ ေမာက္ေနာက္တစ္ေကာက္ေကာက္ လိုက္ေနတဲ့စာေၾကာင္းေလးထည့္ခ်င္သူေတြအတြက္

ၾကိဳက္ရင္ေအာက္မွာပါ
HTML/JAVA မွာထည့္ေပးလိုက္ယံုပါပဲ



 

 ကုတ္အေပၚဆံုးနားကTHANKYOUဆိုတဲ့ေနရာမွာသင္ႏွစ္သက္ရာေမာက္ေနာက္လိုက္ေစခ်င္တဲ့စာကို
အစားထိုးေရးပါ။
Posted by at  No comments: 
Labels: 

FRIDAY, JUNE 7, 2013

ဘေလာ့ပိုစ္ ကို စာပိုဒ္ေလးေတြေဖ်ာက္ျပီးေရးနည္း


ဘေလာ့ပိုစ့္ေတြ ေရးတဲ့အခါ စာပိုဒ္ေလးေပ်ာက္ေနေအာင္(သို့)အထဲ၀င္ေနေအာင္ျပဳလုပ္နည္းေလးပါ
ေအာက္က ပံုစံေလး အတိုင္းေပါ့။.ေအာက္မွာ ညီညီ(ျမန္ေအာင္) ရဲ့ကဗ်ာတစ္ပုဒ္ေလာက္ဖတ္ၾကည့္ပါ

ကဗ်ာဖတ္ရန္ကလစ္ပါ

























ကဲ ဘယ္ေလာက္ good လဲေနာ္.ကြ်န္ေတာ္သိလိုတတ္လို့မဟုတ္ပါဘူး..ေတြ့ရွိသမွ်ျပန္လည္မွ်ေ၀ေပးျခင္းပါ၀ါသနာ တူဘေလာ့ဂါ မိတ္ေဆြသူငယ္ခ်င္းမ်ားအတြက္ျပန္လည္ မွ်ေ၀ေပးလိုက္ပါတယ္ ေအာက္မွာ ကုတ္ ယူပါ
ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

ဘေလာ့အတြက္ ကာလာကုတ္ယူရန္


ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

SUNDAY, MARCH 31, 2013

Read More ကို ပံုနဲ႕အစားထိုးျပီးလန္းလန္းေလးအသံုးျပဳရေအာင္


 အရင္ဆံုး မိမိ  Blog ထဲကိုဝင္လိုက္ပါ....

Template ေအာက္က ပံုကို ႀကည့္ပါ   ျပီးရင္   Edit HTML ကိုသြားပါ....


   
   Proceed  ကိုထပ္ဝင္ပါ....
ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

Blogနွင့္Web Siteေတြမွာ Music Player ဒီဇိုင္းလန္းလန္းေလးထည့္သြင္း အသံုးျပဳခ်င္တဲ့သူအတြက္



Fig ~ 1
အခု တစ္ေလာ ကၽြန္ေတာ့ Facebook က Group မွာေကာ တျခား Group ေတြမွာေကာ Blog ေတြ Web Site ေတြ ဖြင့္လိုက္ရင္ အဲ့ဒီ Blog ေတြ Web Site ေတြကေန သီခ်င္းေတြ Auto လာေနတဲ့ Music Player လွလွေလးနဲ႕ ဒီဇိုင္းလန္းလန္းေလးေတြ အသံုးျပဳခ်င္တဲ့ Blogger သမားေလးေတြ Web Development သမားေလးေတြ အတြက္ ကၽြန္ေတာ့ Blog ေလးရဲ႕ ညာဘက္အေပၚနားေလးမွာ ဆင္ထားတဲ့ ပံုစံမ်ိဳးေလး ကိုယ့္ Blog , Web Site မွာလဲ တန္ဆာဆင္ျခင္ပါတယ္ဆိုရင္ေတာ့ ကၽြန္ေတာ္ အသံုးျပဳနည္းေလးကို အေသးစိတ္မဟုတ္ခဲ့ရင္ေတာင္ စာဖတ္ပရိတ္သတ္တို႕ နားလည္ရလြယ္ကူေအာင္ ေသခ်ာရွင္းျပေပးပါ့မယ္ဗ်ာ။ပံုေလးေတြနဲ႕ စာေလးေတြနဲ႕ေပါ့ဗ်ာ။အရင္ဦး ဆံုး ကၽြန္ေတာ္တို႕က www.podsnack.com ကို သြားလိုက္ပါ။ျပီးရင္ ေအာက္ကပံုေလးအတိုင္း Bulid a playlist ဆိုတဲ့စာတန္းေလးကို Click တစ္ခ်က္ႏွိပ္ျပီးဆက္သြားလိုက္ပါ။

ဆက္ၾကည့္ရန္ »
Posted by at  No comments: 
Labels: 

MONDAY, MARCH 18, 2013

Code မ်ဳိးစုံ

သင့္ websites အတြက္ ေကာင္းနိုးရာရာ ကုတ္ေလးမ်ား.......

ဒါကေတာ့ ေနာက္ခံဘက္ဂေရာင္း အတြက္ ကုတ္ေလးပါ..။
<style type="text/css">
body {
background-image: url(ဒီေနရာမွာ ဘက္ဂေရာင္းလင့္ေလးထည့္ပါ) ;
background-attachment:fixed;
background-repeat: no-repeat;
background-position:Bottom; }</style>



အနီေရာင္ေလးေတြေနရာမွာ စိတ္ၾကိဳက္ေျပာင္းလို႔ရပါတယ္...။
................................................................

ဒါေလးကေတာ့ Text Box အတြက္ကုတ္ေလးပါ
<form method="post" action="">
<textarea name="comments" cols="60" rows="5">
စာေတြဒီေနရာမွာရိုက္ထည့္ပါ.....
</textarea><br>
</form>

.................................................................

ဒါေလးကေတာ့ box အတြက္ျဖစ္ပါတယ္
<table width=50% style="border:2px dotted hotpink;" cellpadding="4" cellspacing="4"><tr><td style="border:2px dotted lightpink;"><font size="1">ဒီေနရာမွာအေၾကာင္းအရာေရးပါ</td></tr></table>

<table width=50% cellpadding="6" cellspacing="2" style="border:double 5px #9900FF,"><tr><td style="border:double 5px #9900FF;">ဒီေနရာမွာအေၾကာင္းအရာေရးပါ</td></tr></table>

...............................................

ဒါေလးကေတာ့ သူ႔ကိုႏွိပ္လိုက္ရင္ စာမ်က္ႏွာအေပၚဆံုးကိုေရာက္သြားမယ့္ ကုတ္ေလးပါ
<div align="center">
<p id="top"><a href="#" temp_href="#"><img src="http://img140.imageshack.us/img140/5843/top1.png" width="70" height="45" border="0" alt="Back to the Top" title="အေပၚသို႔"></a></p>

စိမ္းေရာင္ေလးနဲ႔ လင့္ေနရာမွာေတာ့ မိမိၾကိဳက္တဲ့ ပံုစံေျပာင္းထည့္လို႔ရပါတယ္...။

..................................................................

ဒါကေတာ့ Flash ဖိုင္ေတြကိုစာမ်က္ႏွာမွာတင္မယ့္ ကုတ္ေလးပါ
<embed
src=" ဒီေနရာမွာ *.swf ဖိုင္ရွိတဲ့လင့္ေလးထည့္ေပါ့ " ="" wmode="transparent"
allowfullscreen="true" allowscriptaccess="always"
height="300" width="460">

*.swf ဖိုင္ကိုအရင္ upload တင္ရပါမယ္ ျပီးေတာ့မွ ဖိုင္ရွိတဲ့လင့္ကိုထည့္ရမွာျဖစ္ပါတယ္။
အနီေရာင္ ေတြေနရာမွာေတာ့လိုတဲ့ အရြယ္အစားကို အစားထိုးေျပာင္းလို႔ရပါတယ္။
.............................................

ဒါကေတာ့ စာလံုးအရြယ္အစားနဲ႔ အေရာင္ေတြအတြက္ပါ

<Font size ="2" color ="green">ဒီလိုေလးျဖစ္သြားပါမယ္</font>
<Font size ="3" color ="blue">ဒီလိုေလးျဖစ္သြားပါမယ္</font>
<Font size ="4" color ="yellow">ဒီလိုေလးျဖစ္သြားပါမယ္</font>

လိုအပ္တဲ့အရြယ္နဲ႔ အေရာင္ကို ၾကိဳက္သလိုျပန္ျပင္လို႔ရပါတယ္။

ဒီလိုေလးျဖစ္သြားပါမယ္ ဒီလိုေလးျဖစ္သြားပါမယ္ ဒီလိုေလးျဖစ္သြားပါမယ္
.............................................

ဒါကေတာ့ လင့္ခ်ိတ္တဲ့ ကုတ္ေလးပဲျဖစ္ပါတယ္

<a href=" ဒီေနရာမွာ ေပးသြားေစခ်င္တဲ့ လင့္ကိုထည့္ပါ "
target="_blank"> ဒီေနရာမွာက မိမိေဖၚျပခ်င္တဲ့အေၾကာင္းအရာေပါ့ </a>


ေဖၚျပခ်င္တဲ့ေနရာမွာ စာသားသက္သက္ေရးလဲရတယ္ ဒါမွမဟုတ္
ဓာတ္ပံုေလးနဲ႔ လုပ္လဲရပါတယ္ ဓာတ္ပံုေလးနဲ႔ ေဖၚျပမယ္ဆိုရင္ေတာ့ ဒီလိုေလးပါ

<a href=" ဒီေနရာမွာ ေပးသြားေစခ်င္တဲ့ လင့္ကိုထည့္ပါ "
target="_blank"> <img style="width: 280px; height:50px;"
src=" ဒီေနရာမွာ ဓာတ္ပံု လင့္ေလးထည့္ပါ "
alt=""/> </a>

ဒီလိုေလးပါ ကုတ္မ်ားအေၾကာင္း
.............................................

ဒါေလးကေတာ့ လင့္ ကို ေထာက္လိုက္ရင္ အေရာင္ေျပာင္းေအာင္လုပ္တာပါ

<style
type="text/css"> <!-- A:link { text-decoration: none; color:yellow
} A:visited { text-decoration: none; color:red} A:hover { text-decoration:
none; color:green } --> </style>

ပံုမွန္ လင့္အေရာင္ ။ ေမာက္စ္ျဖင့္ေထာက္လိုက္ေသာအေရာင္ ။ ၾကည့္ျပီးသြားေသာအေရာင္
.......................................................

ဒါေလးကေတာ့ စာလံုးေပၚကို ေထာက္လိုက္ရင္ အေရာင္ေျပာင္းေအာင္လုပ္တာပါ

<b onmouseout="this.style.color = 'black';" onmouseover="this.style.color
= 'red';" align="justify">ဒီေနရာမွာအေၾကာင္းအရာထည့္ပါ </b>

.................................................

ဒါကေတာ့ မိမိစာမ်က္ႏွာကိုဖြင့္လိုက္တာနဲ႔ သတိေပးတဲ့စာေလးေပၚလာေအာင္လုပ္တာပါ

<SCRIPT language="JavaScript">
<!-- hide from old browsers

alert("ဒီေနရာမွာမိမိေပၚေစခ်င္တဲ့စာသားေတြေရးပါ");

//-->
</SCRIPT>

.............................................

ဒါေလးကေတာ့ Tab bar မွာစာသားေလးေတြေျပးေနေအာင္လုပ္တာပါ
<script language="javascript" type="text/javascript">
msg = " ဒီေနရာမွာ စာသားထည့္ပါ ";
msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",150);
}
scrollMSG();
</script>

.............................................

ဒါေလးကေတာ့ သင့္စာမ်က္ႏွာကို Print လုပ္မဲ့ ကုတ္ေလးပါ
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
if (window.print) {
document.write('<form>'
+ '<input type=button name=print value="Print" '
+ 'onClick="javascript:window.print()"></form>');
}
// End -->
</script>

.............................................

ဒါေလးကေတာ့ Drop Down List အတြက္ျဖစ္ပါတယ္
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>ဒီေနရာမွာ ေခါင္းစဥ္ထည့္ပါ<!-- change the links with your own --></option>
<option value="ဒီေနရာမွာ လင့္ ထည့္ပါ"> ဒီေနရာမွာ နာမည္ထည့္</option>
<option value="ဒီေနရာမွာ လင့္ ထည့္ပါ"> ဒီေနရာမွာ နာမည္ထည့္</option>
<option value="ဒီေနရာမွာ လင့္ ထည့္ပါ"> ဒီေနရာမွာ နာမည္ထည့္</option>
</select></form>

.............................................

ဒါေလးကေတာ့ ဇယားအတြက္ ကုတ္ေလးပါ
<table border = "1">
<caption> ဒီေနရာမွာ ေဖၚျပခ်က္</caption>
<tr><th>ေခါင္းစဥ္ ၁</th><th> ေခါင္းစဥ္ ၂ </th></tr>
<tr><td> အမွတ္စဥ္ ၁/၁ </td><td> အမွတ္စဥ္ ၁/၂ </td></tr>
<tr><td> အမွတ္စဥ္ ၂/၁</td><td> အမွတ္စဥ္ ၂/၂</td></tr>
</table>

.............................................

ဒါေလးကေတာ့ ဇယားကြက္ထဲမွာ Drop down List ထည့္တဲ့ကုတ္ေလးပါ
<table border="0" cellspacing="0" align="center">
<tr>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<tr><td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td></tr>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<td>
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')" style="width: 140px;">
<option>----Title-----<!-- change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
</tr>
</table>

........................................................

ဒါေလးကေတာ့ ြGoogle Search အတြက္ကုတ္ေလးပါ
<FORM method=GET action=http://www.google.com/custom>
<INPUT TYPE=text name=q size=14 maxlength=255 value="">
<INPUT type=submit name=sa VALUE="ရွာမယ္"><br>
<input type=hidden name=domains value="ning.com">
<input type=radio name=sitesearch value="" checked>Google <br>
<input type=radio name=sitesearch value="ning.com"> ning.com
</FORM>

.............................................

ဒါေလးကေတာ့ လင့္ဘက္ဂေရာင္းအတြက္ကုတ္ေလးပါ
a:hover {
color:#FF0000;
text-decoration:none;
background:transparent url(ဒီေနရာမွာ *.gif လင့္ေလးထည့္ပါ);
}

ဒီေနရာကို ေမာက္စ္နဲ႔ ေထာက္ၾကည့္လိုက္ပါ

............................................

ဒါကေတာ့ comment wall ေနာက္ခံဘက္ဂေရာင္းအတြက္ပါ
/*---pic in comment wall---*/
#xg_profiles_chatterwall_post_comment{
color: #ff6000;
background-color:transparent!important;
background-image:url(ဒီေနရာမွာ ဓာတ္ပံု လင့္ေလးထည့္ပါ);
background-repeat: no-repeat;
background-position:bottom;
background-attachment:relative;}


ဒါေလးကေတာ့ comment wall toolbar မွာပံုေလးေတြထည့္ခ်င္ရင္ေပါ့
/*---pic in comment wall toolbar---*/
.texteditor_toolbar {
background-image:url( ဒီေနရာမွာ URL ထည့္ပါ )!important;
border:2px ridge black;
width:500px;
height:50px;
}


.............................................

ဒါေလးကေတာ့ network Icon အတြက္ျဖစ္ပါတယ္
<link rel="icon" type="image/gif" href=" ဒီေနရာမွာ Icon လင့္ေလးထည့္ေပးပါ ">

.............................................

ဒါကေတာ့ website Header မွာ Flash ထည့္ဖို႔ပါ
<script language="JavaScript">
//insert under the NingBar only if the NingBar exists
var ningBar = document.getElementById('xn_bar');
if(ningBar) { var headlinerAd = document.createElement('div');
headlinerAd.id='headliner_ad'; headlinerAd.innerHTML = '<div style="font-size: 20pt; float: center; color: #FF0000; border: 1px; background-color: transparent; text-align: center;"> </div>'; ningBar.parentNode.insertBefore(headlinerAd,ningBar.nextSibling);}</script>

အနီေရာင္စာလံုးေတြေနရာမွာေတာ့ၾကိဳက္သလိုျပန္ေျပာင္းလို႔ရပါတယ္...။

.............................................

ဒါေလးကေတာ့ စာမ်က္ႏွာေပၚမွာ
Floating အေနနဲ႔ေပၚေအာင္လုပ္တာပါ
<div style="position:fixed;top:20px;right:0px;">
ဒီေနရာမွာ အေၾကာင္းအရာေရးပါ</div>


ဒီေနရာမွာ စာသားတင္မကပဲ ဓာတ္ပံုေတြ Flash ေတြကိုပါေပၚေအာင္လုပ္လို္႔ရပါတယ္
Position ကိုေတာ့ မိမိ လိုသလိုျပင္ဆင္ယူလို႔ရပါတယ္ (စာလံုး အျပာ၊ အနီ)

.............................................

ဒါကေတာ့ အေပၚဆံုးက navigation bar အတြက္ ပါ
#xg_navigation { margin-top:1em; background: url(
ဒီေနရာမွာ ဓာတ္ပံု လင့္ ထည့္ပါ ) top repeat-x; height: 60px; border-top:2px ridge (transparent); border-right:2px ridge (transparent); border-center:2px ridge (transparent); border-bottom:2px ridge (transparent); }

...........................................

ဒါကေတာ့ Title Bar အတြက္ကုတ္ေလးပါ
.xg_module_head {
background-color:transparent;
background-image:url( ဒီေနရာမွာ ဓာတ္ပံု လင့္ေလးထည့္ေပးပါ );
background-repeat:repeat;
margin-bottom:0em;
}

...............................................

ဒါေလးကေတာ့ စာမ်က္ႏွာ ေအာက္ေျခမွာ ထည့္ခ်င္ရာထည့္ဖို႔အတြက္
#xg_foot {
background-image:url(ဒီေနရာမွာ jpeg, gif, png ဖိုင္ လင့္ေလးထည့္ပါ );
}

.............................................

ဒါေလးကေတာ့ စာသားေတြေရြ႕ေနေအာင္လုပ္တဲ့ေကာင္ေလးပါ
<marquee>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=right>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee behavior=alternate>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<center><marquee behavior=alternate width=50%>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee></center>

<marquee direction=up height=50>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=down height=50>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=down height=50 behavior=alternate>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>












.....................................................

ဒါေလးကေတာ့ scroll-box အတြက္ကုတ္ေလးပါ
<style type="text/css">
div.scroll-box {
height:100px;
width:200px;
font:10pt/20pt Verdana,arial,sans-serif;
overflow:scroll;
}
</style>
<div class="scroll-box"> ဒီေနရာမွာ စာသားေတြထည့္ပါ Enter your scroll box text here... once there's enough text, the box will grow scroll bars!
You can also put pictures in here and it will scroll if the picture is too big. </div>
ဒီလိုေလးလဲလုပ္လို႔ရတယ္
<div style="border: 9px ridge rgb(96, 214, 243); overflow: scroll; height: 100px; width:220px;">ဒီေနရာမွာအေၾကာင္းအရာမ်ားေရးထည့္ပါ</div>

......................................................

ဒါေလးကေတာ့ ဓာတ္ပံု slide show အတြက္ပါ
<div align=center>
<table width=400 border=0 align=center>
<tr>
<td>
<marquee width=400>
<img src=ဒီေနရာမွာ ဓာတ္ပံု URL ထည့္ပါ />
<img src=ဒီေနရာမွာ ဓာတ္ပံု URL ထည့္ပါ />
<img src=ဒီေနရာမွာ ဓာတ္ပံု URL ထည့္ပါ />
</marquee>
</td>
</tr>
</table>
</div>

................................................

ဒါေလးကေတာ့ လင့္ေအာက္က underlines ေလးကိုေျဖာက္ထားဖို႔ပါ
<style type="text/css">
<!-- a { text-decoration: none; }// -->
</style>

..............................................

ဒါေလးကေတာ Tab ေလးေတြထည့္ဖို႔ပါ
<FORM>
<INPUT TYPE="BUTTON" VALUE="Home Page"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL ထည့္ပါ ' ">
<INPUT TYPE="BUTTON" VALUE="HTML Books"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL ထည့္ပါ ' ">
<INPUT TYPE="BUTTON" VALUE="JavaScript"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL ထည့္ပါ ' ">
</FORM>

............................................

ဒါေလးကေတာ့ iframe အတြက္ကုတ္ေလးပါ
(ခ်က္ရြန္းေတြ၊ ဓာတ္ပံုေတြကိုစာမ်က္ႏွာေပၚမွာတင္ရန္)
<iframe src=" ဒီေနရာမွာ URL ထည့္ပါ "
width="200"
height="150"
scrolling="auto"
frameborder="1"></iframe>

................................................

ဒါေလးကေတာ့ သီခ်င္းထည့္ဖို႔ပါ


ဒါေလးကေတာ့ myspace music ထည့္ဖို႔ပါ

................................................

ဒါေလးကေတာ့ ဗီဒီယို ထည့္ဖို႔အတြက္ပါ

.................................................

ေဘာင္ကြတ္မဲ့ကုတ္ေလးပါ
<fieldset style="border:1px solid #FF0000; padding:10;"><legend align="left"><font color=" #FF0000">ဒီေနရာကေတာ့ ေခါင္းစဥ္ေပါ့</font></legend><font color=" #FF0000"><p align="center (left, right) ">အေၾကာင္းအရာေလးေတြဒီေနရာမွာေရးပါ</p></font></fieldset>

...............................................

ဒါေလးကေတာ့ BlogPost ေဖၚျပတဲ့ေနရာမွာ Scrollbar နဲ႔ ေဖၚျပခ်င္ရင္ေပါ့
/* scroll box for the blog post */
#xg_module_blog, .body_detail{
height: 300px;
overflow : auto;
position:relative;
margin : 3px;
text-align : center;
font-size : 14px;
font-family :arial;
}


......................................................

ဒါေလးကေတာ့ ကိုယ္ပိုင္ စာမ်က္ႏွာ ေပၚမွာ Update Status ကိုေျဖာက္ထားမယ္ဆိုရင္ေပါ့
#xj_StatusAndShareLink {display:none}

...............................................................

ဒါေလးကေတာ့ ကိုယ္ပိုင္ စာမ်က္ႏွာ ေပၚမွာ latest activity ကို scroll ေလးထည့္ဖို႔ပါ
xg_module, .xg_module_activity {
background: url();
background-repeat: no-repeat;
background-position: center 0px;
width: 500;
height: 500px;
overflow : auto;
overflow-x: hidden;
position:relative;
margin : 3px;
text-align : center;
font-size : 10px;
font-family : arial;
border:1px solid #04B404;
}


................................................
Ads by Google ကိုေျဖာက္ထားခ်င္ရင္
.xg_ads { right:1500px; } .xg_ads { height:0px; width:0px; }
Posted by at No comments:
Subscribe to: Posts (Atom)