W w W. N y I n @ y M i N. o R g

31 January 2014

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


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

►1-  Blogger Singin ​ဝင္​လိုက္​ပါ။
►2-  Dashboard  ​ကို​သြား​လိုက္​ပါ။
►3-  Template    ​ကို​က​လစ္​ပါ..။
►4-  Edit  Html   ​ကို​ဝင္​ပါ.. Process ​ကို​က​လစ္​ၿပီး​ဆက္​ဝင္​လိုက္​ပါ။
►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(http://4.bp.blogspot.com/-A30WOj182hM/TxBKZ23RfyI/AAAAAAAAAcg/RZ72nzCoZ8A/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(http://2.bp.blogspot.com/-3SspZhKtmnk/TxBKaimi1nI/AAAAAAAAAco/Rd_CzaJ42LA/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>

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

​ဘ​ေလာ့​ခ​ရီး​သည္

0 comments:

Post a Comment