Saturday, 3 August 2013

New Table Design - Created by Thurainlin



ဒီ Table ဒီဇိုင္းေလးက Ning ဆိုဒ္ေတြမွာ မန္ဘာဝင္ထားၾကတဲ့ သူငယ္ခ်င္းေတြအတြက္ ကိုယ္ပိုင္အိမ္ေလးေတြမွာ

ကိုယ္လုပ္ထားတဲ့ Flash Song ေလးေတြ တင္ႏိုင္ဖို႕ ရည္ရြယ္ျပီး ကြ်န္ေတာ္ ဖန္တီးထားတာပါ။ အရင္က လုပ္ခဲ့တဲ့

Table ဒီဇိုင္းေတြထက္ ခုတင္ေပးလိုက္တာေလးက ဒီဇိုင္း ပိုလွမယ္လို႕ ထင္ပါတယ္။ ဒီ Table Code ေလးေတြကို

သူငယ္ခ်င္းတို႕ Blog ေလးေတြမွာလည္း အသံုးျပဳႏုိင္ပါတယ္။ နမူနာ ၾကည့္ခ်င္တယ္ဆိုရင္ ဒီေနရာေလးကို ႏွိပ္ျပီး

ၾကည့္ႏိုင္ပါတယ္။ ႀကိဳက္တယ္ သံုးခ်င္တယ္ဆုိရင္ေတာ့ ေအာက္မွာ ကုတ္ေလးေတြ ေပးထားပါတယ္ေနာ္..

အသံုးျပဳနည္းကေတာ့ Ning ဆိုဒ္မွာဆိုရင္ CSS ကုတ္ေတြကို CSS Box ထဲကို ထည့္ရပါမယ္။ ေနာက္ျပီးေတာ့မွ

HTML ကုတ္ကို စာေရးရန္ေနရာ [ Text Box ] မွာ HTML ကို ႏွိပ္ျပီးေတာ့ ထည့္ျပီး သိမ္းလိုက္ရင္ ရပါျပီ။

Blog ေတြမွာ သံုးမယ္ဆုိရင္ CSS ကုတ္ကို Design >> Layout >> Add a Gadget >> HTML/JavaScript မွာ

ထည့္ျပီး Save လုပ္ပါ။ ျပီးေတာ့မွ Blog တင္တဲ့အခါ HTML ကုတ္ေတြကို HTML ကို ႏွိပ္ျပီး တင္လိုက္ရင္ ရပါျပီ။

/*-------------------- CSS Codes --------------------*/
.table4 {border-collapse:collapse;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpBbtBiCS-5q4VgKNBEEpNPVV1GMT54AAyRcVYNxJ9l-k091_0ICiaOrGB9Jssbc0HcgetH8GnrHrH1OFwruWiV9nKE5RGtOFIIsMYa8V1Mw43u9x2qazsKKBBJX5lYcE80ythuElR_6Hh/s1600/black50.png) repeat scroll top left;}
.table4 th, .table4 td {border: 1px solid #444444;padding: 5px;}
.table4 th {color: red;text-shadow:1px 1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff,1px -1px 1px #fff;font-size: 22px !important;}
.table4 a {color:  #00FF00;text-shadow: 2px 2px 2px  #FFA500;line-height: 2;text-decoration:none;font-size: 15px;}
.div4 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivfiK1Xm_Iho5HlAFROEFxb5ZtoumRepPcnSxWtAO9luH38BYeqv4G8h6qIV778xtPiXFAo4DEAJw6SodC46InMxRKPio78NOhFuUZP7AWIxnMs4v2zJSU3_WZxGPxhsOo4s9mNyTAwZhG/s1600/binary1.gif) repeat scroll top left;
border-top: 5px double yellow;
border-right: 5px double blue;
border-bottom: 5px double lime;
border-left: 5px double red;
padding: 5px;width: 520px;}

<!-------------------- HTML Codes -------------------->
<center>
<div class="div4">
<table class="table4" width="520">
<tbody>
<tr><th colspan="3">New Table Design - Created by Thurainlin</th></tr>
<tr>
<td valign="top" width="160"><a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a></td>
<td valign="top" width="160"><a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a></td>
<td valign="top" width="160"><a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a><br />
<a rel="nofollow" target="_blank" href="http://itwebcrazyboy.blogspot.com">Flash Song Name</a></td>
</tr>
</tbody>
</table>
</div>
</center>

မွတ္ခ်က္။      ။ ဒီ ကုတ္ေတြကို သူငယ္ခ်င္းတို႕ စိတ္ႀကိဳက္ ျပင္ဆင္ျပီးေတာ့ အသံုးျပဳႏုိင္ပါတယ္။ ဒါေပမယ့္...

တစ္ခု ႀကိဳတင္ျပီး အသိေပးထားခ်င္တာက ကြ်န္ေတာ္ ကိုယ္တုိင္ ဖန္တီးထားတဲ့ ဒီ Table ဒီဇိုင္းကို ျပန္ျပင္ျပီး

ကိုယ္တိုင္ လုပ္ထားသလိုလိုနဲ႕ ျပန္မတင္ဖို႕ ေမတၱာရပ္ခံပါတယ္။ ႀကိဳက္လို႕ ျပန္ရွယ္ခ်င္တယ္ဆိုရင္ေတာ့ မူရင္း

ဖန္တီးထားသူဟာ ကြ်န္ေတာ္ျဖစ္ေၾကာင္း ပို႕စ္ရဲ႕ တစ္ေနရာရာမွာ ထည့္သြင္းေဖာ္ျပေပးဖို႕ လိုအပ္ပါေၾကာင္း.....

No comments:

Post a Comment

Comment မ်ားအား စစ္ေဆးျပီးမွသာ အတည္ျပဳေပးမည္။