ေကာင္းရာနိုးနိုးကုဒ္ေလးမ်ား

ေကာင္းရာနိုးနိုးကုဒ္ေလးမ်ားစုစည္းမူ႕
   ..

<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() {
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;"><embed src="  *.swf  " ="" wmode="transparent" allowfullscreen="true" allowscriptaccess="always" height="120" width="960"></embed></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>

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

 

<embed name=" "
src="   URL *.wav  "
width="300"
height="90"
loop="false"
autostart="false">
</embed>

 myspace music 

<embed src="http://lads.myspace.com/theAnswer.swf"
quality="high"
bgcolor="#ffffff"
width="450"
height="345"
name="mp3player"
align=""
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>

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

  

<object width="425px" height="360px" >
<param name="allowFullScreen" value="true"/>
<param name="wmode" value="transparent"/>
<param name="movie" value="   "/>
<embed src="  Video  URL  " width="425" height="360" allowFullScreen="true" type="application/x-shockwave-flash" wmode="transparent"/>
</object>

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



<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; }

      လွ်ိဳ႕ဝွတ္ဥယ်ာဥ္မွ Copyယူလာျခင္းျဖစ္ပါသည္။
မွန္ရြာသားေလး  ကြီးးပိန္းဥ

အားလုံးအဆင္ေျပၾကပါေစေနာ္