Monday, May 30, 2011

Website ဝါသနာရွင္မ်ားသိထားသင့္တဲ့ ကုဒ္မ်ား

က်ေနာ္တို ့Website ဆိုတာကိုစၿပီးေလ့လာေမႊေႏွာက္ကာစက မာတီမွာထဲက သိခဲ့တဲ့ ကုဒ္ေလးေတြပါခုေတာ့ေဟာင္း

သြားပါၿပီ .. ဒါေပမဲ့ မသိေသးတဲ့သူမ်ားအတြက္ရည္ရြယ္ၿပီးျပန္တင္ေပးလိုက္တာပါ..

သင္ေရးထားေသာကုတ္မ်ားကို webs စာမ်က္ႏွာေပၚသို႔မတင္ခင္ Test The HTML Code ကိုႏွိပ္လိုက္ ျပီး ကုတ္ကို အဲဒီေနရာက Box ထဲကိုကူးထည့္ျပီး
စမ္းၾကည့္လို႔ရပါတယ္
သင့္ websites
အတြက္ ေကာင္းနိုးရာရာ ကုတ္ေလးမ်ား.......



ဒါကေတာ့ ေနာက္ခံဘက္ဂေရာင္း အတြက္
ကုတ္ေလးပါ..။




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


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


ဒါေလးကေတာ့ Text Box
အတြက္ကုတ္ေလးပါ








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


ဒါေလးကေတာ့ box အတြက္ျဖစ္ပါတယ္

ဒီေနရာမွာအေၾကာင္းအရာေရးပါ



ဒီေနရာမွာအေၾကာင္းအရာေရးပါ





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

ဒါေလးကေတာ့ သူ႔ကိုႏွိပ္လိုက္ရင္
စာမ်က္ႏွာအေပၚဆံုးကိုေရာက္သြားမယ့္ ကုတ္ေလးပါ


center">

http://img140.imageshack.us/img140/5843/top1.png"
width="70" height="45" border="0" alt="Back to the Top"
title="အေပၚသို႔">



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


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


ဒါကေတာ့ Flash ဖိုင္ေတြကိုစာမ်က္ႏွာမွာတင္မယ့္
ကုတ္ေလးပါ


ဒီေနရာမွာ *.swf
ဖိုင္ရွိတဲ့လင့္ေလးထည့္ေပါ့ " ="" wmode="transparent"

allowfullscreen="true" allowscriptaccess="always"
height="300" width="460">

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


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


2" color ="green">ဒီလိုေလးျဖစ္သြားပါမယ္
3" color

="blue">ဒီလိုေလးျဖစ္သြားပါမယ္
4" color
="yellow">ဒီလိုေလးျဖစ္သြားပါမယ္


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

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




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

ဒီလိုေလးပါ

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

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

အေရာင္ေျပာင္းေအာင္လုပ္တာပါ




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

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



red';"
align="justify">ဒီေနရာမွာအေၾကာင္းအရာထည့္ပါ

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

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

သတိေပးတဲ့စာေလးေပၚလာေအာင္လုပ္တာပါ




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

ဒါေလးကေတာ့ Tab bar
မွာစာသားေလးေတြေျပးေနေအာင္လုပ္တာပါ



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

ဒါေလးကေတာ့ သင့္စာမ်က္ႏွာကို Print လုပ္မဲ့
ကုတ္ေလးပါ



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

ဒါေလးကေတာ့ Drop Down List
အတြက္ျဖစ္ပါတယ္



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

ဒါေလးကေတာ့ ဇယားအတြက္ ကုတ္ေလးပါ







ဒီေနရာမွာ

ေဖၚျပခ်က္
ေခါင္းစဥ္
ေခါင္းစဥ္
အမွတ္စဥ္ ၁/၁
အမွတ္စဥ္ ၁/၂
အမွတ္စဥ္

၂/၁
အမွတ္စဥ္
၂/၂


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


ဒါေလးကေတာ့ ဇယားကြက္ထဲမွာ Drop down List
ထည့္တဲ့ကုတ္ေလးပါ


























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

ဒါေလးကေတာ့ ြGoogle Search
အတြက္ကုတ္ေလးပါ





ရွာမယ္">


Google




ning.com


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

ဒါေလးကေတာ့
လင့္ဘက္ဂေရာင္းအတြက္ကုတ္ေလးပါ


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
အတြက္ျဖစ္ပါတယ္



ဒီေနရာမွာ Icon လင့္ေလးထည့္ေပးပါ ">


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

ဒါကေတာ့ website Header မွာ Flash
ထည့္ဖို႔ပါ



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

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

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

:fixed;top:20px;right:0px;">
ဒီေနရာမွာ

အေၾကာင္းအရာေရးပါ


ဒီေနရာမွာ စာသားတင္မကပဲ ဓာတ္ပံုေတြ 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

ဖိုင္ လင့္ေလးထည့္ပါ
);
}


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

ဒါေလးကေတာ့
စာသားေတြေရြ႕ေနေအာင္လုပ္တဲ့ေကာင္ေလးပါ


ဒီေနရာမွာစာရိုက္ထည့္ပါ


ဒီေနရာမွာစာရိုက္ထည့္ပါ

ဒီေနရာမွာစာရိုက္ထည့္ပါ


ဒီေနရာမွာစာရိုက္ထည့္ပါ




ဒီေနရာမွာစာရိုက္ထည့္ပါ

ဒီေနရာမွာစာရိုက္ထည့္ပါ

ဒီေနရာမွာစာရိုက္ထည့္ပါ















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


ဒါေလးကေတာ့ 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.



ဒီလိုေလးလဲလုပ္လို႔ရတယ္
96, 214, 243); overflow: scroll; height: 100px; width: 220px;">ဒီေနရာမွာအေၾကာင္းအရာမ်ားေရးထည့္ပါ

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


ဒါေလးကေတာ့ ဓာတ္ပံု slide show
အတြက္ပါ


400
border=0 align=center>






ဒီေနရာမွာ ဓာတ္ပံု URL
ထည့္ပါ />
ဒီေနရာမွာ ဓာတ္ပံု URL
ထည့္ပါ />

ဒီေနရာမွာ ဓာတ္ပံု URL
ထည့္ပါ />




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

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




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

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


Home
Page"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL
ထည့္ပါ
' ">

HTML
Books"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL
ထည့္ပါ
' ">
JavaScript"

ONCLICK="window.location.href=' ဒီေနရာမွာ URL
ထည့္ပါ
' ">


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

ဒါေလးကေတာ့ iframe အတြက္ကုတ္ေလးပါ
(ခ်က္ရြန္းေတြ၊ ဓာတ္ပံုေတြကိုစာမ်က္ႏွာေပၚမွာတင္ရန္)




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

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


ဒါေလးကေတာ့ myspace music

ထည့္ဖို႔ပါ



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

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


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

ေဘာင္ကြတ္မဲ့ကုတ္ေလးပါ

#FF0000; padding:10;">#FF0000">ဒီေနရာကေတာ့

ေခါင္းစဥ္ေပါ့
#FF0000">

အေၾကာင္းအရာေလးေတြဒီေနရာမွာေရးပါ



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

ဒါေလးကေတာ့ 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; }


0 comments:

Related Posts Plugin for WordPress, Blogger...