CSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီး-အေသးေျပာင္းနည္း ~ သခင္သာလွ်င္

3/14/14

CSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီး-အေသးေျပာင္းနည္း

ဒါေလးကေတာ့ မိမိတို႕ႈဘေလာ့ေပၚမွာ စာလုံးေလးေတြ အၾကီး-အေသး စိတ္ၾကိဳက္ ကလစ္လို႕ ဖတ္ရွဳနိဳင္တဲ့ နည္းလမ္းေလးပါ..သူကလဲ ရွိထားရင္ ပိုအဆင္ေျပပါတယ္.. တခ်ိဳ႕စာသားေတြက ေသးငယ္ေနလို႕ အာရံုေၾကာ ထိခိုက္ေစနိဳင္တာမ်ိဳးျဖစ္တတ္ပါတယ္.. က်န္းမာေရးအရလဲ ညီညြတ္ေစတဲ့ နည္းလမ္းေလးမို႕ ထားရွိသင့္ပါတယ္...ေနာ္ ကဲယူလိုက္ပါ
နည္းလမ္းကေတာ့..................

►1- Blogger Singin ၀င္လိုက္ပါ။
►2- DASHBOARD ကိုသြားလိုက္ပါ။
►3- LAYOUT ကိုကလစ္ပါ..။
►4- EDIT HTML ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5- EXPAND WIDGET TEMPLATES ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6- Ctrl+F အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

]]></ b: skin> ကုဒ္ကိုရွာလုိက္ပါ ေတြ႕တာနဲ႕ သူ႕အေပၚမွာ ဘဲ ေအာက္ကကုဒ္ေတြ ထည့္ပါ။

.tsizernorm, .tsizerbig, .tsizerbigger, .tsizersmall {
      padding-top: 20px;
      -o-transition: font 2s ease-in;
      -moz-transition: font 2s ease-in;
      -webkit-transition: font 2s ease-in;
}
.tsizersmall {
      font-size: 90%;
}
.tsizernorm {
      font-size: 100%;
}
.tsizerbig {
      font-size: 105%;
}
.tsizerbigger {
      font-size: 110%;
      font-weight: bold;
}
span.sizer {
      float: right;
      text-align: center;
      height: 20px;
      width: 250px;
      margin: 0 10px 10px 0;
      background: #333366;
      display: block;
      font-size: 18px;
      padding: 2px 10px;
      color: #00CCFF;
      text-shadow: 1px 1px 1px blue;
      cursor: pointer;
      border: 1px solid #eee;
      font-family: Times New Roman;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      box-shadow: 1px 1px 6px #000;
      -moz-box-shadow: 1px 1px 6px #000;
      -webkit-box-shadow: 1px 1px 6px #000;display: block;
}
span.sizer:active {
      border: 1px solid #555;
      border-radius: 8px;
      -moz-border-radius: 8px;
      -webkit-border-radius: 8px;
      background: #003399;
      box-shadow:0px 0px 12px #000;
      -moz-box-shadow:0px 0px 12px #000;
      -webkit-box-shadow:0px 0px 12px #000;
      margin-top: -1px;
}
.clr20 {clear: both; height: 20px;}

သည္ကုဒ္ေလးကို ထပ္ရွာေပးလိုက္ပါ <data:post.body/> ေတြ႕တာနဲ႕ သူ႕ေနရာကို ေအာက္ကကုဒ္ေတြနဲ႕ အစားထိုးေပးလိုက္ပါ။

<div class='tsizersmall' onclick='if (this.className=="tsizersmall") { this.className="tsizernorm" } else if (this.className=="tsizernorm") { this.className="tsizerbig" } else if (this.className=="tsizerbig") { this.className="tsizerbigger" } else if (this.className=="tsizerbigger") { this.className="tsizersmall" } else { this.className="tsizersnall" }'><span class='sizer'>စလံုးအၾကီးအေသးေျပာင္းရန္</span>
<div class="clr20"/>

<data:post.body/>

</div>

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

www.aungsanmks.com

<<< တာ၀န္မေလးပါက တခ်က္ေလာက္ကလစ္ေပးခဲ့ေစလို >>>

1

(မန္ဘာ၀င္ေရာက္ျခင္းျဖင့္အားေပးၾကပါေနာ္)

3/14/14