Menu Navigasi Vertikal

Kode :

<style>#z33sPR  ul { list-style: none; margin: 0; padding: 0; } #z33sPR img { border:  none; } #z33sPR { width: 200px; border-style: solid solid none solid;  border-color: #677D92; border-size: 1px; border-width: 1px; margin:  10px; } #z33sPR li a { height: 32px; font-family: Verdana, Arial,  Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold;  background: #FFF; height: 24px; text-decoration: none; } #z33sPR li  a:link, #z33sPR li a:visited { color: #fff; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjebu7BYDokMbjVF6pu24d9ttxfHuJjF9ronqf633QL2zTLx33tVoROivY24iLNifLS_MvlMLdMoABtTzNzVSmintb0Wo9wAZJ1mSY-WISe6LkLibfQIN2DTXSxoe4St9bpsm8-g1xFCtA/s800/z33sPR.gif);  padding: 8px 0 0 10px; } #z33sPR li a:hover, #z33sPR li #current {  color: #283A50; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjebu7BYDokMbjVF6pu24d9ttxfHuJjF9ronqf633QL2zTLx33tVoROivY24iLNifLS_MvlMLdMoABtTzNzVSmintb0Wo9wAZJ1mSY-WISe6LkLibfQIN2DTXSxoe4St9bpsm8-g1xFCtA/s800/z33sPR.gif)  0 -32px; padding: 8px 0 0 10px; } #z33sPR li a:active { color: #283A50;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjebu7BYDokMbjVF6pu24d9ttxfHuJjF9ronqf633QL2zTLx33tVoROivY24iLNifLS_MvlMLdMoABtTzNzVSmintb0Wo9wAZJ1mSY-WISe6LkLibfQIN2DTXSxoe4St9bpsm8-g1xFCtA/s800/z33sPR.gif)  0 -64px; padding: 8px 0 0 10px; }</style><div id="z33sPR">  <ul> <li><a href="#1">Link 1</a></li>  <li><a href="#2">Link 2</a></li> <li><a  href="#3">Link 3</a></li> <li><a  href="#4">Link 4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33sG1  ul { list-style: none; margin: 0; padding: 0; } #z33sG1 img { border:  none; } #z33sG1 { width: 200px; border-style: solid solid none solid;  border-color: #94AA74; border-size: 1px; border-width: 1px; margin:  10px; } #z33sG1 li a { height: 32px; font-family: Verdana, Arial,  Helvetica, sans-serif; margin: 0; font-size: 10pt; font-weight: bold;  background: #FFF; height: 24px; text-decoration: none; } #z33sG1 li  a:link, #z33sG1 li a:visited { color: #5E7830; display: block;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXVqEmVRVAGST8oMl3vvrH8SBm3oQPsWAUJvg7UA17_fhR6kK_133gY6kDQ1iov7JqLLjbSzMw2WlElGM757xNqYBiMqkmrMsinUC1FBJ2HIs2QHGKHdCu5rRnrwCWDDligtaCW4syZA/s800/z33sG11.gif);  padding: 8px 0 0 10px; } #z33sG1 li a:hover, #z33sG1 li #current {  color: #26370A; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXVqEmVRVAGST8oMl3vvrH8SBm3oQPsWAUJvg7UA17_fhR6kK_133gY6kDQ1iov7JqLLjbSzMw2WlElGM757xNqYBiMqkmrMsinUC1FBJ2HIs2QHGKHdCu5rRnrwCWDDligtaCW4syZA/s800/z33sG11.gif)  0 -32px; padding: 8px 0 0 10px; } #z33sG1 li a:active { color: #26370A;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxXVqEmVRVAGST8oMl3vvrH8SBm3oQPsWAUJvg7UA17_fhR6kK_133gY6kDQ1iov7JqLLjbSzMw2WlElGM757xNqYBiMqkmrMsinUC1FBJ2HIs2QHGKHdCu5rRnrwCWDDligtaCW4syZA/s800/z33sG11.gif)  0 -64px; padding: 8px 0 0 10px; }</style><div id="z33sG1">  <ul> <li><a href="#1">Link 1</a></li>  <li><a href="#2">Link 2</a></li> <li><a  href="#3">Link 3</a></li> <li><a  href="#4">Link 4</a></li><li><a  href="#5">Link5</a></li></ul></div>

Kode :

<style>#z33s2  ul { list-style: none; margin: 0; padding: 0; } #z33s2 img { border:  none; } #z33s2 { width: 200px; margin: 10px; border-style: solid solid  none solid; border-color: #D8D5D1; border-size: 1px; border-width: 1px; }  #z33s2 li a { height: 32px; font-family: Verdana, Arial, Helvetica,  sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background:  #FFF; height: 24px; text-decoration: none; } #z33s2 li a:link, #z33s2 li  a:visited { color: #3688BA; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPaXgly_cSEGpYtPsPL0xLtF23Kwqhg8AhEE-7kZWgO0Fw8pt0BTyy5fDM2iihl-AuImVvrtYGPVm3V8c82rGpYzQe_EuCquNSVLMe2551REKROH1v6XfCddS3SxT5e_w5Mac3RR0ug4/s800/z33s2.gif);  padding: 8px 0 0 30px; } #z33s2 li a:hover { color: #3688BA;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPaXgly_cSEGpYtPsPL0xLtF23Kwqhg8AhEE-7kZWgO0Fw8pt0BTyy5fDM2iihl-AuImVvrtYGPVm3V8c82rGpYzQe_EuCquNSVLMe2551REKROH1v6XfCddS3SxT5e_w5Mac3RR0ug4/s800/z33s2.gif)  0 -32px; padding: 8px 0 0 32px; }</style><div id="z33s2">  <ul> <li><a href="#1">Link 1</a></li>  <li><a href="#2">Link 2</a></li> <li><a  href="#3">Link 3</a></li> <li><a  href="#4">Link 4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33sPink1  ul { list-style: none; margin: 0; padding: 0; } #z33sPink1 img {  border: none; } #z33sPink1 { width: 200px; margin: 10px; } #z33sPink1 li  a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height:  24px; text-decoration: none; } #z33sPink1 li a:link, #z33sPink1 li  a:visited { color: #C7377D; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNjOZZ5bE8UUgHbcZARGPKAgnr-cu3wTC4iGi2g6vXHymnnLCrrGbqiPBb7T6KHsrG-3vxnoqPq9rPAOcmxB-34N5m_yr7zvZa6n-0qRtmZNkP4_Gf5QK8rwySgMptsIT-aBuRRWm9zZs/s800/z33sPink1.gif);  padding: 8px 0 0 10px; } #z33sPink1 li a:hover { color: #C7377D;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNjOZZ5bE8UUgHbcZARGPKAgnr-cu3wTC4iGi2g6vXHymnnLCrrGbqiPBb7T6KHsrG-3vxnoqPq9rPAOcmxB-34N5m_yr7zvZa6n-0qRtmZNkP4_Gf5QK8rwySgMptsIT-aBuRRWm9zZs/s800/z33sPink1.gif)  0 -32px; padding: 8px 0 0 10px; }</style><div  id="z33sPink1"> <ul> <li><a href="#1">Link  1</a></li> <li><a href="#2">Link  2</a></li> <li><a href="#3">Link  3</a></li> <li><a href="#4">Link  4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33sVr{border-bottom-width:  0;}#z33sVr ul{margin: 0;padding: 0;font: normal 90% 'Trebuchet MS',  'Lucida Grande', Arial, sans-serif;}#z33sVr a{display: block;padding:  3px 0;padding-left: 9px;width: 200px;text-decoration: none;color:  #333222;border-right:1px solid #000000;background-color:  #FBEC04;border-bottom: 1px solid #6A6731;border-left: 7px solid  #918C3B;}#z33sVr a:hover {background-color: #FAF6B9;border-left: 12px  solid #918C3B;width: 195px;}#z33sVr div.JudulNa{color:  white;border-bottom: 1px solid #053E66;padding: 5px 3px 5px  13px;background-color: black;width: 201px;font: bold 90% 'Trebuchet MS',  'Lucida Grande', Arial, sans-serif;}</style><br /><div  id="z33sVr"><div class="JudulNa">Contoh  1</div><ul><a href="#">Home</a><a  href="#">Link 1</a><a href="#">Link  2</a></ul><div class="JudulNa">Contoh  2</div><ul><a href="#">Link 3</a><a  href="#">Link 4</a><a href="#">Link 5</a><a  href="#">Link 6</a></ul></div>

Kode :

<style>#z33sBL1  ul { list-style: none; margin: 0; padding: 0; } #z33sBL1 img { border:  none; } #z33sBL1 { width: 200px; margin: 10px; } #z33sBL1 li a { height:  32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0;  font-size: 10pt; font-weight: bold; background: #FFF; height: 24px;  text-decoration: none; } #z33sBL1 li a:link, #z33sBL1 li a:visited {  color: #4D4D4D; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6W08Gjo8cRzACu8eEp_Q7_lhWg6Zal-nLkvabeAxEzkmI-C2aplbMkH7Te2FSQSbqkjlTE-xCzj8_2WAIAQ_LGgtB5JSPStguVop00SIIllqpX5Ox5mBp5oiafK3_cNXBLXbp1g39RsM/s800/z33sBL1.gif);  padding: 8px 0 0 10px; } #z33sBL1 li a:hover { color: #FF9834;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6W08Gjo8cRzACu8eEp_Q7_lhWg6Zal-nLkvabeAxEzkmI-C2aplbMkH7Te2FSQSbqkjlTE-xCzj8_2WAIAQ_LGgtB5JSPStguVop00SIIllqpX5Ox5mBp5oiafK3_cNXBLXbp1g39RsM/s800/z33sBL1.gif)  0 -32px; padding: 8px 0 0 10px; }</style><div id="z33sBL1">  <ul> <li><a href="#1">Link 1</a></li>  <li><a href="#2">Link 2</a></li> <li><a  href="#3">Link 3</a></li> <li><a  href="#4">Link 4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33sBL2  ul { list-style: none; margin: 0; padding: 0; } #z33sBL2 img { border:  none; } #z33sBL2 { width: 200px; margin: 10px; } #z33sBL2 li a { height:  32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0;  font-size: 10pt; font-weight: bold; background: #FFF; height: 24px;  text-decoration: none; } #z33sBL2 li a:link, #z33sBL2 li a:visited {  color: #fff; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLy59aTMSdJPVcwj31aitzJvALQ0IjvApoAej1OUCBlmXmgOAt65kmjDkdIsh0ddRMSEPI7UA6kO9uQsAOsMRVhiwPKQ56MafxzOIHQ6tf9CIEqpIpK8mEy-AG01LaxxtjlJNZCvJhh4w/s800/z33sBL2.gif)  0 -32px; padding: 8px 0 0 10px; } #z33sBL2 li a:hover { color: #333;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLy59aTMSdJPVcwj31aitzJvALQ0IjvApoAej1OUCBlmXmgOAt65kmjDkdIsh0ddRMSEPI7UA6kO9uQsAOsMRVhiwPKQ56MafxzOIHQ6tf9CIEqpIpK8mEy-AG01LaxxtjlJNZCvJhh4w/s800/z33sBL2.gif);  padding: 8px 0 0 10px; }</style><div id="z33sBL2"><br  /><ul><br /><li><a href="#1">Link  1</a></li><br /><li><a href="#2">Link  2</a></li><br /><li><a href="#3">Link  3</a></li><br /><li><a href="#4">Link  4</a></li><br /><li><a  href="#5">Link5</a></li><br /></ul><br  /></div><br />

Kode :

<style>#z33sBrown  ul { list-style: none; margin: 0; padding: 0; } #z33sBrown img {  border: none; } #z33sBrown { width: 200px; margin: 10px; border-style:  solid solid none solid; border-color: #3D261D; border-size: 1px;  border-width: 1px; } #z33sBrown li a { height: 32px; font-family:  Verdana, Arial, Helvetica, sans-serif; margin: 0; font-size: 10pt;  font-weight: bold; background: #FFF; height: 24px; text-decoration:  none; } #z33sBrown li a:link, #z33sBrown li a:visited { color: #E4D6CD;  display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhjcQYazpBFyCjRcuPFxTP5Oozmo76dhnLtzTfj6Ecq8nm8n_Ts3drJOTONbQa6m3M0yvHC-FYWLodanX8WpABWHXw6EAYBCC_ANM36k_Du8dOhvTvDDI6hkX_fx0RAKgVqs0sJMdZMIY/s800/z33sBrown.gif);  padding: 8px 0 0 10px; } #z33sBrown li a:hover { color: #FFF;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhjcQYazpBFyCjRcuPFxTP5Oozmo76dhnLtzTfj6Ecq8nm8n_Ts3drJOTONbQa6m3M0yvHC-FYWLodanX8WpABWHXw6EAYBCC_ANM36k_Du8dOhvTvDDI6hkX_fx0RAKgVqs0sJMdZMIY/s800/z33sBrown.gif)  0 -32px; padding: 8px 0 0 10px; }</style><div  id="z33sBrown"><br /><ul><br /><li><a  href="#1">Link 1</a></li><br /><li><a  href="#2">Link 2</a></li><br /><li><a  href="#3">Link 3</a></li><br /><li><a  href="#4">Link 4</a></li><br /><li><a  href="#5">Link5</a></li><br /></ul><br  /></div><br />

Kode :

<style>#z33sS1  ul { list-style: none; margin: 0; padding: 0; } #z33sS1 img { border:  none; } #z33sS1 { width: 200px; margin: 10px; } #z33sS1 li a { height:  32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0;  font-size: 10pt; font-weight: bold; background: #FFF; height: 24px;  text-decoration: none; } #z33sS1 li a:link, #z33sS1 li a:visited {  color: #FFF; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgosSzreK_hwHDAbVpQX5z-oAy9a0I27f73MQNLDJO14Ey77aCG_1zNKKCUxmnMgKMxjCJZ-eBDRKmp4zvSN8CczpGzvrEpLIfkOE3YVZnfNDAOVGvqdaR5PyWPRFGQnhM81ISD88wf4gE/s800/z33sS1.gif);  padding: 8px 0 0 30px; } #z33sS1 li a:hover { color: #FFF; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgosSzreK_hwHDAbVpQX5z-oAy9a0I27f73MQNLDJO14Ey77aCG_1zNKKCUxmnMgKMxjCJZ-eBDRKmp4zvSN8CczpGzvrEpLIfkOE3YVZnfNDAOVGvqdaR5PyWPRFGQnhM81ISD88wf4gE/s800/z33sS1.gif)  0 -32px; padding: 8px 0 0 30px; }</style><div id="z33sS1">  <ul> <li><a href="#1">Link 1</a></li>  <li><a href="#2">Link 2</a></li> <li><a  href="#3">Link 3</a></li> <li><a  href="#4">Link 4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33sY1  ul { list-style: none; margin: 0; padding: 0; } #z33sY1 img { border:  none; } #z33sY1 { width: 200px; margin: 10px; border-style: solid solid  none solid; border-color: #889944; border-size: 1px; border-width: 1px; }  #z33sY1 li a { height: 32px; font-family: Verdana, Arial, Helvetica,  sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background:  #FFF; height: 24px; text-decoration: none; } #z33sY1 li a:link, #z33sY1  li a:visited { color: #889944; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnnLpKhRp-oDEgBFXZYYYt0LdgD0gv9z8JYJTPfCfsljCjkITvmZgWRHxD6kgKmdmddemkBhwaxov2oIIXP_8piqVqs89PIl-JvGZd0i4tXh6WxWJXXgl6KnzfyAvokVP4A_6z72-zHyU/s400/z33sY1.gif);  padding: 8px 0 0 25px; } #z33sY1 li a:hover { color: #889944;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnnLpKhRp-oDEgBFXZYYYt0LdgD0gv9z8JYJTPfCfsljCjkITvmZgWRHxD6kgKmdmddemkBhwaxov2oIIXP_8piqVqs89PIl-JvGZd0i4tXh6WxWJXXgl6KnzfyAvokVP4A_6z72-zHyU/s400/z33sY1.gif)  0 -32px; padding: 8px 0 0 27px; }</style><div id="z33sY1">  <ul> <li><a href="#1">Link 1</a></li>  <li><a href="#2">Link 2</a></li> <li><a  href="#3">Link 3</a></li> <li><a  href="#4">Link 4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33sB9  ul { list-style: none; margin: 0; padding: 0; } #z33sB9 img { border:  none; } #z33sB9 { width: 200px; margin-top: 10px; } #z33sB9 li a {  height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height:  24px; text-decoration: none; } #z33sB9 li a:link, #z33sB9 li a:visited {  color: #E5E8D4; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0baT1MYTmTrZx0iPfNRtG7Jnx5md0QMW5GH8xW9kBV2YP5nOqYpwkfUPRwhJIpFikmyZ1w_rJs44BeLRZuj7LwqG8C1GgCYKvSMVkoo1nIA-CbQNUVRuPt-uIIYQh6du0aSTcRUU0m8/s800/z33sB9.gif);  padding: 8px 0 0 10px; } #z33sB9 li a:hover, #z33sB9 li #current {  color: #725033; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0baT1MYTmTrZx0iPfNRtG7Jnx5md0QMW5GH8xW9kBV2YP5nOqYpwkfUPRwhJIpFikmyZ1w_rJs44BeLRZuj7LwqG8C1GgCYKvSMVkoo1nIA-CbQNUVRuPt-uIIYQh6du0aSTcRUU0m8/s800/z33sB9.gif)  0 -32px; padding: 8px 0 0 10px; } #z33sB9 li a:active { color: #fff;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-0baT1MYTmTrZx0iPfNRtG7Jnx5md0QMW5GH8xW9kBV2YP5nOqYpwkfUPRwhJIpFikmyZ1w_rJs44BeLRZuj7LwqG8C1GgCYKvSMVkoo1nIA-CbQNUVRuPt-uIIYQh6du0aSTcRUU0m8/s800/z33sB9.gif)  0 -64px; padding: 8px 0 0 10px; }</style><div id="z33sB9">  <ul> <li><a href="#1">Link 1</a></li>  <li><a href="#2">Link 2</a></li> <li><a  href="#3">Link 3</a></li> <li><a  href="#4">Link 4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33sRBT  ul { list-style: none; margin: 0; padding: 0; } #z33sRBT img { border:  none; } #z33sRBT { width: 200px; margin: 10px; } #z33sRBT li a { height:  32px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0;  font-size: 10pt; font-weight: bold; background: #FFF; height: 22px;  text-decoration: none; } #z33sRBT li a:link, #z33sRBT li a:visited {  color: #666; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGBQH4eejK1t4Y58LBb-aIR__embFy_NJnAVXW_bqnhAIH3rCy6Iw-1cOXbjMvlpmExicmlSvZuKJHEpc2CF3u7mLnW77YwWQCRfBoc2Nw59nRd-hxlHZN8eg8Hlais7MNhIv53M8vXOQ/s800/z33sRBT.gif);  padding: 10px 0 0 35px; } #z33sRBT li a:hover { color: #000;  background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGBQH4eejK1t4Y58LBb-aIR__embFy_NJnAVXW_bqnhAIH3rCy6Iw-1cOXbjMvlpmExicmlSvZuKJHEpc2CF3u7mLnW77YwWQCRfBoc2Nw59nRd-hxlHZN8eg8Hlais7MNhIv53M8vXOQ/s800/z33sRBT.gif)  0 -32px; padding: 10px 0 0 35px; }</style><div  id="z33sRBT"> <ul> <li><a href="#1">Link  1</a></li> <li><a href="#2">Link  2</a></li> <li><a href="#3">Link  3</a></li> <li><a href="#4">Link  4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33s5  ul { list-style: none; margin: 0; padding: 0; } #z33s5 img { border:  none; } #z33s5 { width: 200px; border-style: none solid none solid;  border-color: #D0D0D0; border-width: 1px; margin: 10px; } #z33s5 li a {  height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0; font-size: 10pt; font-weight: bold; background: #FFF; height:  24px; text-decoration: none; } #z33s5 li a:link, #z33s5 li a:visited {  color: #777; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAZ-qrLnrgTcZKJ7YprIvB_DaMnLhssbXnrQ8V47c3epYZPWNKqLF6t5WtT3Q580Q11Sab2gdJDJ0MtsSHko4KSFeICc-up-Y-80mOQJCyJ7yN9jOhNafbgpydnWnoOQdnUyO5fxdoW4/s800/z33s5.gif);  padding: 8px 25px 0 10px; text-align: right; } #z33s5 li a:hover,  #z33s5 li #current { color: #fff; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAZ-qrLnrgTcZKJ7YprIvB_DaMnLhssbXnrQ8V47c3epYZPWNKqLF6t5WtT3Q580Q11Sab2gdJDJ0MtsSHko4KSFeICc-up-Y-80mOQJCyJ7yN9jOhNafbgpydnWnoOQdnUyO5fxdoW4/s800/z33s5.gif)  0 -32px; padding: 8px 25px 0 10px; text-align: right; } #z33s5 li  a:active { color: #fff; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizAZ-qrLnrgTcZKJ7YprIvB_DaMnLhssbXnrQ8V47c3epYZPWNKqLF6t5WtT3Q580Q11Sab2gdJDJ0MtsSHko4KSFeICc-up-Y-80mOQJCyJ7yN9jOhNafbgpydnWnoOQdnUyO5fxdoW4/s800/z33s5.gif)  0 -64px; padding: 8px 25px 0 10px; text-align: right;  }</style><div id="z33s5"> <ul> <li><a  href="#1">Link 1</a></li> <li><a  href="#2">Link 2</a></li> <li><a  href="#3">Link 3</a></li> <li><a  href="#4">Link 4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33sBRSide  ul { list-style: none; margin: 0; padding: 0; } #z33sBRSide img {  border: none; } #z33sBRSide { width: 200px; margin: 10px; } #z33sBRSide  li a { height: 32px; font-family: Verdana, Arial, Helvetica, sans-serif;  margin: 0; font-size: 10pt; font-weight: bold; background: #FFF;  height: 24px; text-decoration: none; } #z33sBRSide li a:link,  #z33sBRSide li a:visited { color: #8D9179; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVnxFupEhl_ECRVJnjKiEBrX_VbvZbro-wpC2xqG6qsBC7iaQN9psm0Q9w4GJft2rb65LC8B6bFHswkj38DFElcGD3_9-vgFuVugMMKump0SJi4pp0nMdwT6pbEF0jP5RUYGG86sbNhSc/s800/z33sBRSide.gif);  padding: 8px 0 0 10px; } #z33sBRSide li a:hover, #z33sBRSide li  #current, #z33sBRSide li a:active { color: #6C7250; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVnxFupEhl_ECRVJnjKiEBrX_VbvZbro-wpC2xqG6qsBC7iaQN9psm0Q9w4GJft2rb65LC8B6bFHswkj38DFElcGD3_9-vgFuVugMMKump0SJi4pp0nMdwT6pbEF0jP5RUYGG86sbNhSc/s800/z33sBRSide.gif)  0 -32px; padding: 8px 0 0 10px; }</style><div  id="z33sBRSide"> <ul> <li><a href="#1">Link  1</a></li> <li><a href="#2">Link  2</a></li> <li><a href="#3">Link  3</a></li> <li><a href="#4">Link  4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

Kode :

<style>#z33sOR  ul { list-style: none; margin: 0; padding: 0; } #z33sOR img { border:  none; } #z33sOR { width: 200px; margin: 10px; border-style: solid solid  none solid; border-color: #000; border-size: 1px; border-width: 1px; }  #z33sOR li a { height: 32px; font-family: Verdana, Arial, Helvetica,  sans-serif; margin: 0; font-size: 10pt; font-weight: bold; background:  #FFF; height: 24px; text-decoration: none; } #z33sOR li a:link, #z33sOR  li a:visited { color: #CCC; display: block; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ClWZbLU7x0Bb6AGD3TrpLVuOv5sG7zlra0cxWIY9YWG3ojDU9BrosNHRFKlB4jKE7IT4bHsoBHGMmQzLCUAl806MZ6BO1YkZuhWc1do1KOy_-MT-_Mbq-HBVfb3H6VksiWhQMJzj2CQ/s800/z33sOR.gif);  padding: 8px 0 0 10px; } #z33sOR li a:hover { color: #FFF; background:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3ClWZbLU7x0Bb6AGD3TrpLVuOv5sG7zlra0cxWIY9YWG3ojDU9BrosNHRFKlB4jKE7IT4bHsoBHGMmQzLCUAl806MZ6BO1YkZuhWc1do1KOy_-MT-_Mbq-HBVfb3H6VksiWhQMJzj2CQ/s800/z33sOR.gif)  0 -32px; padding: 8px 0 0 10px; }</style><div id="z33sOR">  <ul> <li><a href="#1">Link 1</a></li>  <li><a href="#2">Link 2</a></li> <li><a  href="#3">Link 3</a></li> <li><a  href="#4">Link 4</a></li> <li><a  href="#5">Link5</a></li> </ul> </div>

0 komentar:

Sekedar catatan:

Kotak pada kolom blok komentar ini masih kosong. Maka merupakan suatu kehormatan jika sobat menjadi orang yang paling pertama menuliskan komentar, baik berupa pujian, masukan, kritikan, maupun pertanyaan di kolom komentar yang terletak di bawah kotak ini.

Tak ada yang bisa saya berikan selain ucapan terima kasih karena telah memberikan apresiasi terhadap artikel-artikel KARTA JAYA WEB

Posting Komentar

KARTA JAYA WEB

20 Desember 2010

Menu Navigasi Vertikal

0 komentar: