31 July, 2008

Pullquote ထည့္သြင္းျခင္း

Lord Stanley
"
အခြင့္အလမ္းသည္ အလုပ္လုပ္ၿပီး ဆႏၵျပဳေနသူ အားလံုးထံသို႔ အေႏွးႏွင့္ အျမန္ဆိုသလို ေရာက္လာေပသည္။
"
က်ေနာ္တို႔ ပို႔စ္ေတြ ေရးၾကတဲ့အခါမွာ အေၾကာင္းအရာ အမ်ဳိးမ်ဳိး ျဖစ္ႏိုင္ပါတယ္။ တခ်ဳိ႕ဆို အေတြးအေခၚပိုင္းကို ေရးၾကတယ္။ တခ်ဳိ႕ဆို ၀တၳဳတို၊ ဘာသာျပန္၊ ျပည္တြင္းသတင္း စသျဖင့္ စသျဖင့္ေပါ႔။ ဒါေပမယ့္ ဘာလို စာအမ်ဳိးအစားပဲ ေရးေရး က်ေနာ္တို႔ ေရးတဲ့ ရည္ရြယ္ခ်က္ ရွိၾကသလို စာဖတ္သူဆီ ထည့္သြင္းေပးခ်င္တဲ့ အေတြးအေခၚလည္း ပါပါ႔မယ္။ ဒါဆို အမ်ားစုက အဲဒီ ထူးထူးျခားျခား စာသားေလးေတြကို အေရာင္ေျပာင္းၿပီး တင္ၾကတာ မ်ားပါတယ္။ ထင္ရွားေစခ်င္လို႔ ထူးျခားေစခ်င္လို႔ေပါ႔။ တကယ္လို႔ အခု ဒီပို႔စ္မွာ ျမင္ရသလို ေဘးနားမွာ ေဘာင္ေလးနဲ႔ သက္သက္ ထားၿပီး ေဖာ္ျပမယ္ဆိုရင္ ပိုၿပီး သိသာထင္ရွားသြားပါလိမ့္မယ္။ ဒါကို Pullquote လို႔ ေခၚပါတယ္။ အဲလို သိသာ ထင္ရွားေအာင္ လုပ္ႏိုင္တဲ့ ေနာက္ ႏွစ္နည္း ရွိပါေသးတယ္။ Blockquote နဲ႔ Opacity Text ပါ။ သက္ဆိုင္ရာ ေခါင္းစဥ္ကို ကလစ္ႏွိပ္ၿပီး ဆက္ ေလ့လာႏိုင္ပါတယ္။ အခု က်ေနာ္တို႔ ဒီမွာ Pullquote ကို ဆက္ၿပီး ေဆြးေႏြးပါ႔မယ္။

အဆင့္ (၁) စတုိင္ (CSS) သက္မွတ္ျခင္း

CSS ဆိုတာနဲ႔ Style Sheet မွာ ထည့္ရမယ္ဆိုတာ အလိုအေလ်ာက္ သိႏိုင္ပါတယ္။ မသိေသးသူအတြက္ ထပ္ေျပာေပးပါ႔မယ္။ <b:skin><![CDATA[ နဲ႔ ]]></b:skin> ၾကားကို Style Sheet လို႔ ေခၚပါတယ္။ ေအာက္မွာ ျပထားတဲ့ Code ကုိ Style Sheet မွာ ထည့္ေပးပါ။

.pullquote
{width: 145px;
background:gold;
color:black;
float: right;
border:1px solid maroon;
font-weight:bold;
line-height:140%;
padding:5px;
margin-top:10px;
margin-left:10px;
}

အဆင့္ (၂) Pullquote တစ္ခု ျပဳလုပ္ျခင္း

က်ေနာ္ Pullquote လုပ္ခ်င္တဲ့ စာကို ဒီလိုေလး ေရးေပးရပါမယ္။ စာ႐ုိက္တာ ျဖစ္တဲ့အတြက္ Post ႐ိုက္တဲ့ ေနရာမွာ ထည့္ရမွာပါ။ ဒါက အေျခခံသာ ရွိတဲ့ လူေတြအတြက္ ေျပာေပးတာပါ။

<p class="pullquote">
ဒီမွာ ထည့္ပါ။
</p>

ကဲ ... က်ေနာ္ ဥပမာေလးတစ္ခုနဲ႔ ေျပာျပလိုက္ရင္ ပိုရွင္းသြားမယ္ထင္တယ္။ က်ေနာ္တို႔ Create New Post မွာ ေအာက္က စာေတြ ႐ိုက္ထည့္ေပးၾကည့္ပါ။

Your post that contains way too much undecorated text goes here. The exact placement of the pullquote is up to you.
<p class="pullquote">
<span style="color:maroon;font-size:x-small;">Lord Stanley</span>
<br>
<br><span style="font-size:large;">"</span>
အခြင့္အလမ္းသည္ အလုပ္လုပ္ၿပီး ဆႏၵျပဳေနသူ အားလံုးထံသို႔ အေႏွးႏွင့္ အျမန္ဆိုသလို ေရာက္လာေပသည္။
<span style="font-size:large;">"</span>
</p>

But, you will want to make sure that you have typed in a long enough post that actually needs some pullquotes to make it more interesting. So I'm just typing here so that you can see about where you might want to put the pullquote.  To position the pullquote in the right place is up to you. You may have to fiddle with it and see how it looks. Or, you might want to define your pullquote to be a different width. It does need to be prefaced with a lot of text and followed by enough text that it looks good. Ours was overlapping without enough text so we are just rambling here.

ဒါဆို ေအာက္က ပံုစံအတိုင္း ဘေလာ့ဂ္မွာ ေပၚပါလိမ့္မယ္။

Your post that contains way too much undecorated text goes here. The exact placement of the pullquote is up to you.
Lord Stanley
"
အခြင့္အလမ္းသည္ အလုပ္လုပ္ၿပီး ဆႏၵျပဳေနသူ အားလံုးထံသို႔ အေႏွးႏွင့္ အျမန္ဆိုသလို ေရာက္လာေပသည္။
"

But, you will want to make sure that you have typed in a long enough post that actually needs some pullquotes to make it more interesting. So I'm just typing here so that you can see about where you might want to put the pullquote.  To position the pullquote in the right place is up to you. You may have to fiddle with it and see how it looks. Or, you might want to define your pullquote to be a different width. It does need to be prefaced with a lot of text and followed by enough text that it looks good. Ours was overlapping without enough text so we are just rambling here.

အဆင္ေျပပါေစဗ်ာ။

No comments:

Post a Comment