Poetra Tasik: Menu Navigasi Horizontal Blogger 2

Menu Navigasi Horizontal Bag. III # 11- # 20

Menu Navigasi Horizontal # 11

<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/AVvXsEhNfba5_6XZwWRk6CkHyg7h1dYOvq8EULE3x17SkNop48Jy9TPkBLPgIYXIk5dbf8mba-VcTiGLeVvgt_Hr7KXb9oTSljbYfjDwbiJU2hHAdytc3MGToG7w9v4xMHvTCVwAwDBZI_CbthU/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/AVvXsEiwLIZPeqQyTWJEo3_jtyjIR120A-UQcXBAezC-GJjjMrCz09TN6MZ-3PRa2zsPmRcBUlKF8puxVHQhb_rVFsmUGTzY1hazHnmPwGsUIb0EByzWYBLvfwkfoBNiqTVNdNyMZL8a-FWJnlU/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 href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

Menu Navigasi Horizontal # 12

<style> #tabs12 img { border: none; } #tabs12 { float:left; 
width:100%; background:#F9F7F3; font: bold 7.5pt Verdana; 
line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs12 ul { 
margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs12 li { 
display:inline; margin:0; padding:0; } #tabs12 a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgigRUKNTqSEPTi_9hnmi8uakAUl9muqXanSx6CPa8bto7n0JsaxVA02eTr54Tx-SJ6u41JUX_h7AkM5g17cJUhnSd7VESc_-qvdRi231VbXF77qBrFH8Y3iTb7vK3-maVup1rbCYPtsnc/s1600/tableft12.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabs12 a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzvrGub50XUZmGM8etbZzLht9JbnZ-Q_UBKFiNkiJRPVXB-B6ct9zLcZpeIXtfQ19K0jJCufZAfa1olQ_ZT4NO8b5yBPlEv7ocT8d9O9879Y75Ia1poWpPnHqDwpg9kEkf5853SrnbzUs/s1600/tabright12.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#E4D6CD; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs12 a span 
{float:none;} /* End IE5-Mac hack */ #tabs12 a:hover span { color:#FFF; }
 #tabs12 a:hover { background-position:0% -42px; } #tabs12 a:hover span {
 background-position:100% -42px; } #tabs12 #current a { 
background-position:0% -42px; } #tabs12 #current a span { 
background-position:100% -42px; } </style> <div id="tabs12">
 <ul> <li><a href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

Menu Navigasi Horizontal # 13

<style> #tabs11 img { border: none; } #tabs11 { float:left; 
width:100%; background:#F9F7F3; font: bold 7.5pt Verdana; 
line-height:normal; border-bottom:1px solid #C2BDAE; } #tabs11 ul { 
margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs11 li { 
display:inline; margin:0; padding:0; } #tabs11 a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifRwgdMeaqMNo2AFp2xlZiAlRzFcD9ikhmMMqZN-48zRS_j8vGUeXpYCRv1LUgNks5qhNIDpvuiHQejEKmwGT_yYeWC1NSijsKy4FoGwZN52yuE0lH5-7AZEqnJJn4TFseTJpJjS8KwUI/s1600/tableft11.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabs11 a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7xY_jm14o3E7vtc61cbFThdRHnKZ8zCzzjo8O7om6CksDPH-Mx8MhECNpK-LEf1vMHqhtIJIVV_zAIowSBlVT2Dn9JhEZSFlFrmobs_HwzDPtztwhMWV6hdkJhlTQh0HfAhj_otJXjrE/s1600/tabright11.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#9F9584; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs11 a span 
{float:none;} /* End IE5-Mac hack */ #tabs11 a:hover span { color:#FFF; }
 #tabs11 a:hover { background-position:0% -42px; } #tabs11 a:hover span {
 background-position:100% -42px; } #tabs11 #current a { 
background-position:0% -42px; } #tabs11 #current a span { 
background-position:100% -42px; } </style> <div id="tabs11">
 <ul> <li><a href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

Menu Navigasi Horizontal # 14

<style> #tabs10 img { border: none; } #tabs10 { float:left; 
width:100%; font: bold 7.5pt Verdana; border-bottom:1px solid #2763A5; 
line-height:normal; } #tabs10 ul { margin:0; padding:10px 10px 0 50px; 
list-style:none; } #tabs10 li { display:inline; margin:0; padding:0; } 
#tabs10 a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM3-RjE8t5zr7M7PMl7zxofWj_LfrXFnN1JSdTzLPqtAkrRy-fYrFwTbehbC_rO0wtgNRbSyfp9vhIUR8Xk2IGYJPC8uceY8kqFqRH-LBcCNZ7cCZaO_L6fz_ua0qjmkBmWM9YAZ1P4N8/s1600/tableft10.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabs10 a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjixZXy6QgOpGpxE8FidEBdvQxI0jv1FqDebvHSi9nROzj1Ob4Ix94aX-StsISO66t8a9qgpPb5RDHTkByMfq0gh26F79WQEVxfLbfw66UVzeV6MdkKVn4yUtFkfuS1S-7R81Xhb9AbeJU/s1600/tabright10.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs10 a span 
{float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; }
 #tabs10 a:hover { background-position:0% -42px; } #tabs10 a:hover span {
 background-position:100% -42px; } #tabs10 #current a { 
background-position:0% -42px; } #tabs10 #current a span { 
background-position:100% -42px; } </style> <div id="tabs10">
 <ul> <li><a href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

Menu Navigasi Horizontal # 15

<style> #tabs9 img { border: none; } #tabs9 { float:left; 
width:100%; font: bold 7.5pt Verdana; border-bottom:1px solid #F45551; 
line-height:normal; } #tabs9 ul { margin:0; padding:10px 10px 0 50px; 
list-style:none; } #tabs9 li { display:inline; margin:0; padding:0; } 
#tabs9 a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb2hOP3RMFJN45IQPf5JQz3ahGkQV_K-isNkp5EhLVZ-WxXfFMHwu744_Oe0INFQao86mn7QacApOxWMmi_vYIASAbi7L-6x48zD4O2JpZmDeT8f-hJOleTcvZ7HFAYICk-mFS-OAcGQE/s1600/tableft9.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabs9 a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTvu_XBvDjBP2I_xA-v80JnNPPTsLDgKiOskI807_dT-zKHOQV-Fa_lc_VZJKVbGNnA4a1VKKFajRqMhyphenhyphen3VQ7iIgSotG4o39HthWZASlvVXcrx9kAZbOc6keVoMtAt4lXNQrw2FKL5x8c/s1600/tabright9.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs9 a span 
{float:none;} /* End IE5-Mac hack */ #tabs9 a:hover span { color:#FFF; }
 #tabs9 a:hover { background-position:0% -42px; } #tabs9 a:hover span { 
background-position:100% -42px; } #tabs9 #current a { 
background-position:0% -42px; } #tabs9 #current a span { 
background-position:100% -42px; } </style> <div id="tabs9"> 
<ul> <li><a href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

Menu Navigasi Horizontal # 16

<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/AVvXsEg71Qb-aXnZmdRmKecXFry8BcKNk9EO-J36i5QNe-1IFob7XJDJlFAtrEkICH9_73sMH85wOccNImTNeF71-885nmq39btWWZjepfpD4JY0LcSo3SV72Yw4J3KGz3sZ5GSW9A04qCFIJuU/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/AVvXsEh-F-osisYS38nRIjJgo_l0ZLM8Cirsv-6-JHDb8tcZNTcUKRDcjWlOkspWxlJOxkr-TtAzpPkr1e4DeOvDRlC0sNodyvwhatX7ZlUkg9Hk_wEI2MJyJVxPTH1Lu90Q3DOZyMvJPM57amc/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 href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

Menu Navigasi Horizontal # 17

<style> #tabs8 img { border: none; } #tabs8 { float:left; 
width:100%; background:#FCF1F6; font: bold 7.5pt Verdana; 
line-height:normal; border-bottom:1px solid #E276A7; } #tabs8 ul { 
margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs8 li { 
display:inline; margin:0; padding:0; } #tabs8 a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwZ2jVn0v-myRwL6zJV8G97_NXczLtYjjpm_rVYpDWfUptbKzU3nPRZubU6_M7rfiY9f6mCaRpE2aoynPbgGwmKgbxJ_XTmEwHfXjWOrABZk9gSQ5Ycufl7jQTZHMd9zh1nM0kLTaWEy0/s1600/tableft8.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabs8 a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_eiVwi4me1tzqWoBL9ilrEKjTjZRLWkDKw3l2aX_kik05myUrSLYBOQePj8HZFbu52gIbkXqoLynou6QcdIJvidjhz0gVkYftmQFv98uc-gn9U1f58y-pP1xftsgQrm9fNUEZYlyITp4/s1600/tabright8.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#333; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs8 a span 
{float:none;} /* End IE5-Mac hack */ #tabs8 a:hover span { 
color:#591333; } #tabs8 a:hover { background-position:0% -42px; } #tabs8
 a:hover span { background-position:100% -42px; } #tabs8 #current a { 
background-position:0% -42px; } #tabs8 #current a span { 
background-position:100% -42px; } </style> <div id="tabs8"> 
<ul> <li><a href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

Menu Navigasi Horizontal # 18

<style> #tabs7 img { border: none; } #tabs7 { float:left; 
width:100%; background:#D4DAE7; font: bold 7.5pt Verdana; 
line-height:normal; border-bottom:1px solid #333B66; } #tabs7 ul { 
margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs7 li { 
display:inline; margin:0; padding:0; } #tabs7 a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1TSSOTyMVCtjq9iQRYu_D-drca4HknaL2H9gmSNnZIsv1bKDxXIWp5FcKBL0y3FCb9bU1c-iVJchNigMEY_HsQBvDgBIF3C9wdsbng6ezinRBkZGn8OJPBb6m7udUNF1OMYfyHiHcXkY/s1600/tableft7.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabs7 a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwawReZKYw98axUAR1mr92BdAun0DtA3UribCUGyayr8uLUECf67N9Dr-OG2R97QKCtzV7y2A3iniIdEYI_y35ELz7QvKRMCFn5vqLndh6VaUyO0eSbuKlBSP1H6B7zd3hu3epqeH4xiY/s1600/tabright7.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#999; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs7 a span 
{float:none;} /* End IE5-Mac hack */ #tabs7 a:hover span { 
color:#ECB546; } #tabs7 a:hover { background-position:0% -42px; } #tabs7
 a:hover span { background-position:100% -42px; } #tabs7 #current a { 
background-position:0% -42px; } #tabs7 #current a span { 
background-position:100% -42px; } </style> <div id="tabs7"> 
<ul> <li><a href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

Menu Navigasi Horizontal # 19

<style> #tabsK { float:left; width:100%; background:#E7E5E2;
 font: bold 7.5pt Verdana; line-height:normal; border-bottom:1px solid 
#54545C; } #tabsK ul { margin:0; padding:10px 10px 0 50px; 
list-style:none; } #tabsK li { display:inline; margin:0; padding:0; } 
#tabsK a { float:left; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh4N90xOgLZHGFaV2Z2q8BW7wW3nMjYw5qYdfdpHatlt-CSfabaFbfRXhauNFLtQdKpYYqSR50iKybK-h8kp-hiSSUE9oaEuwMfwPPXEOtPAyInR3Rnn_da3Nacw_Ww-Xl9SaL32gJ8MA/s1600/tableftK.png)
 no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 #tabsK a span { float:left; display:block; 
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-Uq2jP8Jb2Tgx-tvnv55ZcyF6OEJeKJFF7C1iQM00EagFGIp6tUhMU0PvnDknUt4Lbs8Dppa-eU-ObRs9V4xVjkIoFlOhZDCXs7Wi78QYKXJQ8OKozNfpbmDXzD2dPJwNqED_fWATctw/s1600/tabrightK.png)
 no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* 
Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsK a span 
{float:none;} /* End IE5-Mac hack */ #tabsK a:hover span { color:#FFF; 
background-position:100% -42px; } #tabsK a:hover { 
background-position:0% -42px; } #tabsK a:hover span { 
background-position:100% -42px; } </style> <div id="tabsK"> 
<ul> <li><a href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

Menu Navigasi Horizontal # 20

<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/AVvXsEjZvnI-YhPg7vVwyhpLkXwXTPAA0V2iSAKl3BIc8m1JX2ln1plRJijDp5tCW0Cn-TFJk917n0bV3wataBKPoaU2TCzJpUPolXVDyE05dVmbJRMwZKYT0Cr90i_7M1Yw6SBLozHY8FhELCw/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/AVvXsEjGB8kTQKXY96Qh_4U3LnYuXxz_G3BdDp4d2dZGDBCR0KE3HyXJu_dqdMS_-Y2486GyOjtz6Xu0NVoYRVyaH-LBPuBX8RTMbRFio5CD9v0KWlOywVecqPpCk5URPgkacn4VRR9vymzsjf4/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 href="#"><span>Link 
1</span></a></li> <li><a 
href="#"><span>Link 2</span></a></li> 
<li><a href="#"><span>Link 
3</span></a></li> <li><a 
href="#"><span>Link 4</span></a></li> 
<li><a href="#"><span>Link 
5</span></a></li> <li><a 
href="#"><span>Link 6</span></a></li> 
<li><a href="#"><span>Link 
7</span></a></li> </ul> </div>

>>>>>> Menu Navigasi Horizontal # 21 ~ # 30 <<<<<<

Poetra Tasik

Menu Navigasi Horizontal Blogger 2

Menu Navigasi Horizontal Bag. III # 11- # 20

No comments:

Post a Comment

Menu Navigasi Horizontal Blogger 2

Menu Navigasi Horizontal Bag. III # 11- # 20

No comments:

Post a Comment

Subscribe To: