Drop Caps Style

Jun 10, 2007

Drop Caps style က မဂၢဇင္းစာအုပ္ ေတြရဲ႕ အစစာလံုးကို ဆိုက္ၾကီးၾကီးနဲ႕ ေရးတဲ႕ စတိုင္မ်ိဳး ၿဖစ္ပါတယ္။ မိမိဘေလာ႕မွာလဲ အဲဒီပံုစံ အသံုးၿပဳခ်င္ ရင္ေတာ႕ ေအာက္မွာၿပထားတဲ႕ ကုတ္ဒင္းေတြနဲ႕ အသံုးၿပဳနိုင္ပါတယ္။ ပထမ တမ်ိဳးကေတာ႕ CSS နဲ႕ေရးထားတဲ႕ ကုတ္ၿဖစ္ပါတယ္။

.dropcaps { float:left; color: $headerBgColor; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

]]></b:skin> မတိုင္မီ တေနရာမွာ ထဲ႕ပါ။ ၿပီးလွ်င္ တန္းပလိပ္ကို ေဆ႕လုပ္ပါ။ မိမိ ပို႕စ္ အသစ္ေရးတဲ႕ အခါ ပထမဆံုး စာလံုးကို <span class="dropcaps">D</span> ဆိုၿပီး ခံေရးပါ။ font-size နဲ႕ ကာလာ ကိုလဲ မိမိႏွစ္သက္ရာ ေၿပာင္းလဲအသံုးၿပဳပါ။

ေနာက္တခုက

<p style="text-align: justify;"><span style="float: left; line-height: 80px; padding-top: 1px; padding-right: 5px;font-family:Zawgyi-One;font-size:70px;color:darkred;">F</span>YOur post here, bla bla bla</p>

ေဘာက္ထဲက ကုတ္အားလံုးကို ကူးၿပီး ပို႕စ္ေဘာက္ထဲကို ေကာ္ပီ ေပ႕ လုပ္ရံုပါပဲ။ Your post here bla bla bla ဆိုတဲ႕ေနရာမွာ မိမိတင္မဲ႕ပို႕စ္ကို ေရးပါ။ >F< ေနရာမွာ ပို႕စ္ရဲ႕ ပထမဆံုး စာလံုးကို ထဲ႕ပါ။ ေအာင္ၿမင္ပါေစ။