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==&quot;tsizersmall&quot;) { this.className=&quot;tsizernorm&quot; } else if (this.className==&quot;tsizernorm&quot;) { this.className=&quot;tsizerbig&quot; } else if (this.className==&quot;tsizerbig&quot;) { this.className=&quot;tsizerbigger&quot; } else if (this.className==&quot;tsizerbigger&quot;) { this.className=&quot;tsizersmall&quot; } else { this.className=&quot;tsizersnall&quot; }'><span class='sizer'>စလုံးအကြီးအသေးပြောင်းရန်</span>
<div class="clr20"/>

<data:post.body/>

</div>

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

www.aungsanmks.com 

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

Blogger နည်းပညာများ,

Rate this posting:

{[['']]}

Posted in: Blogger နည်းပညာများ