ရန္လင္း(နည္းပညာ ျပန္လည္မ်ွေ၀ျခင္း): blogger ညီအကိုေမာင္ႏွမမ်ားအတြက္ Menu Horizontal ဒီဇိုင္းမ်ား

Tuesday, 16 September 2014

blogger ညီအကိုေမာင္ႏွမမ်ားအတြက္ Menu Horizontal ဒီဇိုင္းမ်ား

ကြ်န္ေတာ္ဒီေန ့ေတာ့ blogger ညီအကိုေမာင္ႏွမမ်ားအတြက္ မိမိတို့ရဲ ့ blog မွာ Menu Horizontal အသံုးၿပဳခ်င္ၾကတဲ့ သူငယ္ခ်င္းမ်ားအတြက္ Menu Horizontal ဒီဇိုင္းေပါင္း၉ခုကိုတင္ေပးလိုက္ပါတယ္ ထည့္နည္းကေတာ့ေတာ္ေတာ္ေလးကို လြယ္ပါ မိမိတို ့ၾကိုက္တဲ့ပံုရဲ့ေအာက္ကကုတ္ကို copy လုပ္၍ယူပါ copy လုပ္မရပါက မိမိကြန္ၿပဴတာ ကီးဘုတ္မွ ( Ctrl+ C ) ကို ႏွိပ္ၿပီး ယူနိုင္ပါတယ္ခင္ဗ်ာ လင့္ထည့္ရန္ဆိုတဲ့ေနရာနဲ ့လင့္အမည္ေရးရန္ ဆိုတဲ့ေနရာေတြမွာမိမိထားလိုေသာ လင့္ ႏွင့္ လင့္အမည္ၿဖည့္ၿပီး မိမိဘေလာ့ကို Login လုပ္ပါ ( 1 ) Dashboard ( 2 ) Layout ( 3 ) Add a Gadget ( 4 ) HTML/Javascript မွာဝင္ေရာက္ထည့္ေပးလိုက္ရံုပါပဲခင္ဗ်ာ Edit Html ကိုဝင္ၿပီးထည့္ေပးစရာမလိုပဲ HTML/Javascript မွာဝင္ေရာက္ထည့္ေပးလိုက္ရင္ရပါၿပီခင္ဗ်ာ height: 154px; line-height: 1.5em; padding: 5px; width: 384px; width:100%; background:#EFF4FA; font: bold 7.5pt Verdana; line-height:normal; ေနရာေတြမွာမိမိဘာေလာ့နဲ ့ကိုက္ညီမဲ ့height နဲ ့width ကိုလိုသလို ၿပဳၿပင္လို ့ရပါတယ္ ခင္ဗ်ာ

<style>
 #tabsI { float:left; width:100%; background:#EFF4FA; font: bold 7.5pt 
Verdana; line-height:normal; border-bottom:1px solid #DD740B; } #tabsI 
ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsI li { 
display:inline; margin:0; padding:0; } #tabsI a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsVSWrO-ITz-BoDYXv78KZlwe6dGssjgya4w1DsmSL13MN8EOILF4m-MqWnzWC_HVe0BldEl5b_HYkhlAW6V31Et0H2yeER7tfweiJ8Di9gzoSB-uxhIqc2Mi6ffo2DTMnIhfSoYRCvEg/s1600/tableftI.png)
 no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; }
 #tabsI a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRxhS1iBVD4Kxs6b1XG6aKB4nkYAT7ivXgfqGCjdsXvZf-SGdKBZn9FewPvBYgojcfsMDA-1TQ0hKc6G3xtXrum6PKjMwWiQzUKVMilOnMQgDTbfrbdmLNWV8oRZ8W7GXNoRgKlvAytdA/s1600/tabrightI.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsI a span 
{float:none;} /* End IE5-Mac hack */ #tabsI a:hover span { color:#FFF; }
 #tabsI a:hover { background-position:0% -42px; } #tabsI a:hover span { 
background-position:100% -42px; } </style> <div id="tabsI">
<ul>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
</ul>
</div>

<style>
 #tabsF { float:left; width:100%; background:#efefef; font: bold 7.5pt 
Verdana; line-height:normal; border-bottom:1px solid #666; } #tabsF ul {
 margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsF li { 
display:inline; margin:0; padding:0; } #tabsF a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7DQ2QJTWuIRy7U0rPQJZJsmTeDgf6RjRUsFg1sl8GXMaV7_cX0jM4BTzjEowhli-e0Yb3BIs5hvauev5LlzdZI2zcMdjWtPd2u0eNPsMMamvOs-3LNohO9n9b827jUyTYa_YrKkzh3hw/s1600/tableftF.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabsF a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNZtLki-NyXcTq7XAdDMcAe1cuP5nKnEPndcEJriSgRIVXF1hyphenhyphen9zrrdsdopyCI0NFx5ZrkQVfsawWZqlT09cyDgqOUPWYcd7keFdWG9oaDrNlpPIcUOJi1JmkOAJFAaM7Tg-zXufisRdo/s1600/tabrightF.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsF a span 
{float:none;} /* End IE5-Mac hack */ #tabsF a:hover span { color:#FFF; }
 #tabsF a:hover { background-position:0% -42px; } #tabsF a:hover span { 
background-position:100% -42px; } </style> <div id="tabsF">
<ul>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
</ul>
</div>

<style>
 #tabs6 img { border: none; } #tabs6 { float:left; width:100%; 
background:#efefef; font: bold 7.5pt Verdana; line-height:normal; 
border-bottom:1px solid #666; } #tabs6 ul { margin:0; padding:10px 10px 0
 50px; list-style:none; } #tabs6 li { display:inline; margin:0; 
padding:0; } #tabs6 a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFqlmnGOI0jem-ee8mefwchk1dKnD5m2Ky-ntvIDl5LHDVoAO8jATy1lB5NlMeX6X5e5C4ab4KVmd9y047fYD_bBQkyJ6EJmUygOrnul_sYbPT7ES039qRtwKBD_J_twE9iyM57LuECPM/s1600/tableft6.gif)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabs6 a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz6UKVx_GJghAbPiJmieyy_475UXx6EXBpcblQ65WR7OphVGZiOGkh7ei5juh7I0SIQfyrkfgY1Tr94eaQ46XIS-6KMiChOcpMLcf8C0o92LxjwDMioARyBlGP2qLI4vg9JRKkiEEwHIs/s1600/tabright6.gif)
 no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs6 a span 
{float:none;} /* End IE5-Mac hack */ #tabs6 a:hover span { color:#FFF; }
 #tabs6 a:hover { background-position:0% -42px; } #tabs6 a:hover span { 
background-position:100% -42px; } #tabs6 #current a { 
background-position:0% -42px; } #tabs6 #current a span { 
background-position:100% -42px; } </style> <div id="tabs6">
<ul>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
</ul>
</div>

<style>
 #navcontainer { background: #f0e7d7; margin: 0 auto; padding: .4em 0 
.2em 0; font-family: georgia, serif; text-transform: uppercase; 
font-size: 14px; } /* to stretch the container div to contain floated 
list */ #navcontainer:after { content: "."; display: block; line-height:
 1px; font-size: 1px; clear: both; } ul#navlist { list-style: none; 
padding: 0; margin: 0 auto; width: 80%; font-size: 0.8em; } ul#navlist 
li { display: block; float: left; margin: 0; padding-bottom: 2px; } 
ul#navlist li a { display: block; width: 100%; padding: 0.5em; 
border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: 
solid; color: #777; text-decoration: none; background: #f7f2ea; } 
#navcontainer>ul#navlist li a { width: auto; } ul#navlist li#active a
 { background: #f0e7d7; color: #800000; } ul#navlist li a:hover, 
ul#navlist li#active a:hover { color: #800000; background: transparent; 
border-color: #aaab9c #fff #fff #ccc; } </style> <div 
id="navcontainer">
<ul id="navlist">
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
</ul>
</div>

<style>
 #tabsJ { float:left; width:100%; background:#F4F4F4; font: bold 7.5pt 
Verdana; line-height:normal; border-bottom:1px solid #24618E; } #tabsJ 
ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsJ li { 
display:inline; margin:0; padding:0; } #tabsJ a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH7qXW9JJRHxG8B-SHYVcI8q5zccK40vRs-3wl9pR6yX8bXq1xvj-5lk__SVd0NIEPcUJe2_xWqpEkqfRcNT1nFZrLtHLi-opzfwtVgomYyf-C-5Xl6QfDeUT0oH2_y78m_Pxwk3rlHlw/s1600/tableftJ.png)
 no-repeat left top; margin:0; padding:0 0 0 5px; text-decoration:none; }
 #tabsJ a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7lY2EQ-0msjcsafyr6L45HCuytLlkBZT_UdAC8HMds4Uv6lVUIHwTWrD6dYDRUh8TueYC7_RWndfZTQD8TfjYLq4WDq-JLvWBq8yOqiVzZSpUIrpsRP5g13QMizXJeH27INBYZM5uh_A/s1600/tabrightJ.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#24618E; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsJ a span 
{float:none;} /* End IE5-Mac hack */ #tabsJ a:hover span { color:#FFF; }
 #tabsJ a:hover { background-position:0% -42px; } #tabsJ a:hover span { 
background-position:100% -42px; } </style> <div id="tabsJ">
<ul>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
</ul>
</div>

<style>
 #tabs4 img { border: none; } #tabs4 { float:left; width:100%; font: 
bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid #6B78A9;
 } #tabs4 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } 
#tabs4 li { display:inline; margin:0; padding:0; } #tabs4 a { 
float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFePbLI8Oxp2azvcn9gztm2Aw7YZsr4adJw-uyMyv-Vjz6MtGtmdERUHYnvt5tqdxBXfeRiOtshRiZCZ0TAvdF_RGF1xRdoM_I7gc1gpXY5BZqcYymCHKZ14B5E2b8vqtVQx9KGQwlhxw/s1600/tableft4.gif)
 no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; }
 #tabs4 a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUqpyO_i5xLestPMBdA6dLQ_rn3T7Q0E93Xfdn-sPDw158Md4DslKA4jiJEgLI5JuOH3SklRp0-gI_Xgyt1uhwH_6mPaAtGWVb1YOiLw6escEGUbWfRshC1JAtGRFBJAGJpJaYryGX3iY/s1600/tabright4.gif)
 no-repeat right top; padding:5px 15px 4px 6px; color:#6B78A9; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs4 a span 
{float:none;} /* End IE5-Mac hack */ #tabs4 a:hover span { 
color:#6B78A9; } #tabs4 a:hover { background-position:0% -42px; } #tabs4
 a:hover span { background-position:100% -42px; } #tabs4 #current a { 
background-position:0% -42px; } #tabs4 #current a span { 
background-position:100% -42px; } </style> <div id="tabs4">
<ul>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
</ul>
</div>

<style>
 .container { width: 500px; padding: 0 0 5px 0; margin: 3px 0 10px 0; 
background: #fff; } #nav { margin: 0; padding: 0; border-top: 3px solid 
#5F6A71; } #nav li { margin: 0; padding: 0; display: inline; 
list-style-type: none; } #nav a:link, #nav a:visited { float: left; 
font: bold 7.5pt verdana; line-height: 14px; padding: 9px; 
text-decoration: none; color: #708491; } #nav a:link.active, #nav 
a:visited.active, #nav a:hover { color: #666; background: 
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiESocKgzFCZnwo2xMzjxIQxsxpVkta3CFU6UESZ1Tt2er7PrQqmesOBTbKvWcYklAr5aG49qLHwMXD1u1wQpax0p7L8dfB13ZqXHQhHGTO5I8sZr9jFvejsoh4ZE8xhGvMxn1M26r1FeM/s1600/Inverted.png)
 no-repeat top center; border-top: 4px solid #5F6A71; } </style> 
<div class="container">
<ul id="nav">
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
</ul>
</div>

<style>
 #tabsE { float:left; width:100%; background:#000; font: bold 7.5pt 
Verdana; line-height:normal; } #tabsE ul { margin:0; padding:10px 10px 0
 50px; list-style:none; } #tabsE li { display:inline; margin:0; 
padding:0; } #tabsE a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNZAPt-4ch5AC6-w_T6JtK0ImJXeBerIalRGt5gJqCtiQLqftKvdhOwHpwd2enhrB1-CZUlJNOlD948GC_R9uD71Ks9n3QPF-rzEPCkLJO-_7FaXEViMhDopNuzQPFhqoTjojpFuvtXPw/s1600/tableftE.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabsE a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoh9oaKbk-3P2SyLJxkOdWgv8cEcUATtO5zLzMa0OLxB8CxiRI-fd-n7kVzAMmOK857JpcNDwZdboaJwHevHQBr5XTxd_JvDRq0crpVHcml-RcTc4dxsNm7upN5XCFTqk-Z5xr1DpzIZk/s1600/tabrightE.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsE a span 
{float:none;} /* End IE5-Mac hack */ #tabsE a:hover span { color:#FFF; }
 #tabsE a:hover { background-position:0% -42px; } #tabsE a:hover span { 
background-position:100% -42px; } </style> <div id="tabsE">
<ul>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
</ul>
</div>

<style>
 #tabsD { float:left; width:100%; background:#FCF3F8; font: bold 7.5pt 
Verdana; line-height:normal; border-bottom:1px solid #F4B7D6; } #tabsD 
ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsD li { 
display:inline; margin:0; padding:0; } #tabsD a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcpckWFhO6fmcF2JpGohLrnm5dSTnYGK5skVyPsGNZ8vKRT50z3BPSIaJW27qg8Tud2oK3_WJwaoYvE120fPKiFRPenpYr9hYZTYzZJsThYB0Am8c5DlAthuAhbwAXiRiJV6Zpccju1Sk/s1600/tableftD.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabsD a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJQsJsWhukUGwspPyLQ3RznAKLt-fLcSWaER70CHroDuwxgYAfUaBAqK38Q819lDRKB_4E-yeQ2zodOK9x_XiOW82X8Tfexq_sJzeBz8VmqCC6NJ4E24eHxEukZk8g-t2ZN6cTxypi2Aw/s1600/tabrightD.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#C7377D; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsD a span 
{float:none;} /* End IE5-Mac hack */ #tabsD a:hover span { 
color:#C7377D; } #tabsD a:hover { background-position:0% -42px; } #tabsD
 a:hover span { background-position:100% -42px; } </style> <div
 id="tabsD">
<ul>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
<li><a rel="လင့္ထည့္ရန္" 
href="#"><span>လင့္အမည္ေရးရန္</span></a></li>
</ul>
</div>

အဆင္ေျပရင္ မန္ဘာ၀င္ ဖို႔လည္းဖိတ္ေခၚ ပါတယ္ ခင္ဗ်ာ....

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)