Web Site ဝါသနာရှင်များ သိထားသင့်တဲ့ကုဒ်များ

သင်ရေးထားသောကုတ်များကို webs စာမျက်နှာပေါ်သို့မတင်ခင် Test The HTML Code ကိုနှိပ်လိုက် ပြီး ကုတ်ကို အဲဒီနေရာက Box ထဲကိုကူးထည့်ပြီး
စမ်းကြည့်လို့ရပါတယ် သင့် 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.imagesh***.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() {
doc**ent.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) {
doc**ent.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 = doc**ent.getElementById('xn_bar');
if(ningBar) { var headlinerAd = doc**ent.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; }

 MM Flish Song မှပြန်ကူးယူလည်မျှဝေသည် 

Logo Design by ဟန်မိုးလွင် (အိမ်လွမ်းသူ)