Sunday 24 May 2015

ပုံေလးေတြ ေမာက္တင္တာနဲ႕ မီးးလုံးေလးေတြ ထေပၚမယ္


အခုတင္ေပးမယ့္္ ပုိ႔(စ္) ေလးကေတာ့ ဘေလာ့ပုိ႔(စ္)မွာ  HTML/Javascript and Css Codes ေတြကုုိ Mouse Pointer ႏွင့္ ထိလုိက္ရင္ မီးလုံးေလးထြက္လာၿပီး မီးလင္းေနေအာင္ တင္နည္း/ထည့္နည္းေလးပါ။ ဤ နည္းကုိသုံး၍ ဘေလာ့ပုိ႔(စ္)မွာ Cond တင္တဲ့ သူေတြေတာ့ သိပ္မရွိသေလာက္ပါပဲ မႀကဳိက္ၾကတာလာေတာ့ မသိပါ။ ႀကဳိက္တဲ့ မိတ္ေဆြေတြ အတြက္ ေအာက္မွာ Demo သြားၾကည့္နုိင္ရန္ Link ႏွင့္တကြ Cond လည္းေပးထားပါတယ္။
 လုပ္နည္းးေလးကေတာ့ ေအာက္မွာ ၾကည့္လုိက္ပါ....

►1-  Blogger Singin ၀င္လိုက္ပါ။
►2-  Dashboard  ကိုသြားလိုက္ပါ။
►3-  Template    ကိုကလစ္ပါ..။
►4-  Edit  Html   ကို၀င္ပါ..
►5-  Ctrl+F  (သို႕မဟုတ္) F3  အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

               ]]></b:skin>  ကုဒ္ကိုရွာပါေတြ႕တာနဲ႕ သူ႕အေပၚကပ္ျပီး ေအာက္ကေပးထားတဲ့
ကုဒ္ေတြ ထည့္လိုက္ပါေနာ္...
မွတ္ခ်က္ ။     ။ သည္ကုဒ္ကို လူေတာ္ေတာ္ မ်ားမ်ား ရွာမေတြ႕ ျဖစ္ေနၾကပါတယ္  သည္ေတာ့ b:skin 
အဲလိုေလးဘဲ ေရးရွာ ၾကည့္ပါ..သူက ကုဒ္ေတြကို ေခါက္ထားလို႕ ျဖစ္ပါတယ္... စာတိုင္ မွ်ားအနက္ေလးေတြက  အဲတာကလစ္ၾကည့္ ကုဒ္ေတြ ေခါက္ထားတာ ေတြ႕ရပါ့မယ္  ဒါေၾကာင့္ တခ်ိဳ႕ ကုဒ္ေတြ ရွာေဖြ ခက္ခဲေနတာပါ...အိုေကေနာ္..


.code1 {

overflow:auto;width:503px;height:200px;

font-family: "Consolas", "Courier New", Courier, mono, serif;

color:#848176;

margin : 15px 35px 15px 15px;

padding : 10px 10px 10px 35px;

clear : both;

list-style-type : none;

background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3dSbYgOfZJbl6R-avBHF-q6aiIrEFnFHUaxOUNuvLiNrhCFfssR-7DSuSvvoeTyc4A1DwNAkPSmxBobnQ7dhfvrj3EL5pK76k5VYf4SQ4UBvA-kIE7GBux6XJN8if59HIYd69_LRSBHbZ/s320/btsnts-show-codes1.jpg) repeat-y top left;

border : 1px solid #000000;

border-left:20px solid #ccc;

-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition-duration:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-border-radius:3px;-moz-border--moz-border-radius: 23px 20px 20px 20px;border-radius: 23px 20px 20px

}

.code1:hover{

background : #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY-bnmpGuOz8K8MYoGyhulatzwuyMPdd-XjZU0bD3QOYPOFfXXDRkB9Wa9mIiOkiZ9LkneAukUFLzqNaqvZJXMtg__YokYkibMkLNtMS2bwoKJYROqWdFy7W61jLYHaJFER-oXJq3MnikZ/s1600/btsnts-show-codes2.jpg) repeat-y top left;

color:#FEF9BF;

border : 1px solid #000;

border-left:20px solid #ccc;

-webkit-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);

-moz-box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);

box-shadow: 0px 0px 10px  rgba(0, 0, 0, .3);

box-shadow: 10px 10px 5px #888888;

}


မိမိတို႕ တက္ပလက္ ေဆ့လို႕ ရပါျပီ...ဒါဆို
ပို႕စ္တင္ၾကမယ္ေပါ့...တင္တဲ့အခါ ကုဒ္ေလးထည့္ေပးလိုက္ပါ...အဲကုဒ္မွာ ဘဲ မိမိတို႕ေပၚေစျခင္တဲ့
လင့္ကို ထည့္ရမွာပါ...ေအာက္မွာပါ..

<div class="code1">
ဒီေနရာမွာ မိမိ ေပၚေစခ်င္တဲ့ HTML/Javascript Codes ကုိထည့္ပါ။  </div>

                  မူရင္းးကို  သည္မွာ  ေလ့လာနိဳင္ပါတယ္..

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..


ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
ဘေလာ့ဆုိင္ရာနည္းပညာမ်ား{ ဒီမွာ } သြားလိုက္ပါ
စြယ္စုံစာအုပ္စင္{ ဒီမွာ } သြားလိုက္ပါ

0 comments:

Post a Comment