Showing posts with label Tampilan Menu Blog. Show all posts
Showing posts with label Tampilan Menu Blog. Show all posts

Horizontal Menu Pul Dropt down type Rounded Corner Full Icon


KLIK GAMBAR INI UNTUK MELIHAT DEMO Horizontal Menu Pul Dropt down type Rounded Corner Full Icon
Style CSS Code:
ul#css3menu1,ul#css3menu1 ul{
margin:0;list-style:none;background-color:; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(255,255,255,0.16));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(255,255,255,0.16)));background-repeat:repeat;border-width:1px;border-style:solid;border-color:#343434;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;}
ul#css3menu1 ul{
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:1.4px 1.4px 2px #B1B1B1;-webkit-box-shadow:1.4px 1.4px 2px #B1B1B1;box-shadow:1.4px 1.4px 2px #B1B1B1;padding:0;background-color:#202020; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.16),rgba(255,255,255,0));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.16)),to(rgba(255,255,255,0)));border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-color:#000000;}
ul#css3menu1 li:hover>*{
display:block;}
ul#css3menu1 li:hover{
position:relative;}
ul#css3menu1 ul ul{
position:absolute;left:100%;top:0;}
ul#css3menu1{
padding:6px 6px 6px 0;display:block;font-size:0;float:left;}
ul#css3menu1 li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{
margin:0 0 0 6px;}
ul#css3menu1 ul>li{
margin:6px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12px Arial;color:#e7e5e5;cursor:pointer;}
ul#css3menu1 ul li{
float:none;margin:0;}
ul#css3menu1 ul a{
text-align:left;}
ul#css3menu1 li:hover>a{
background-color:#7acf27;border-color:#F8F8F8;border-style:solid;font:12px Arial;color:#333333;text-decoration:none; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7)));filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 img{
border:none;vertical-align:middle;margin-right:8px;}
ul#css3menu1 img.over{
display:none;}
ul#css3menu1 li:hover > a img.def{
display:none;}
ul#css3menu1 li:hover > a img.over{
display:inline;}
ul#css3menu1 li a.pressed img.over{
display:inline;}
ul#css3menu1 li a.pressed img.def{
display:none;}
ul#css3menu1 ul span{
background-image:none;padding-right:16px;}
ul#css3menu1 a{
padding:8px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;color:#e7e5e5;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
background-color:#7acf27; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.38),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.38)),to(rgba(85,170,0,0.7)));border-style:solid;border-color:#F8F8F8;color:#333333;text-decoration:none;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#60FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 li.topmenu>a{
height:16px;background-color:;border-width:1px 0 0 0;border-style:solid;border-color:;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;font:bold 13px Arial;color:#000000;text-decoration:none;text-shadow:0 1px 1px #000000;line-height:16px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
background-color:#7dfa00; background-image:-moz-linear-gradient(50% 0%,rgba(255,255,255,0.77),rgba(85,170,0,0.7));background-image:-webkit-gradient(linear,50% 0%,50% 100%,from(rgba(255,255,255,0.77)),to(rgba(85,170,0,0.7)));border-style:solid;border-color:#F8F8F8;font:bold 13px Arial;color:#444444;text-decoration:none;text-shadow:0 1px 0 #C5EAA1;line-height:16px;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#C6FFFFFF,endColorstr=#B355AA00)}
ul#css3menu1 li.subfirst>a{
border-radius:9px 9px 0 0;-moz-border-radius:9px 9px 0 0;-webkit-border-radius:9px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu1 li.sublast>a{
border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:9px;-webkit-border-bottom-left-radius:9px;}


HTML CODE:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="httpmenu222_files/css3menu1/style.css" type="text/css" />

</head>
<body style="background-color:#EBEBEB">
<ul id="css3menu1" class="topmenu">
<li class="topmenu"><a href="http://protonicatv.blogspot.com" style="height:16px;line-height:16px;"><img src="data:image/png;base64,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" alt=""/>&nbsp</a></li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TAB " style="height:16px;line-height:16px;"><span><img src="data:image/png;base64,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" alt="TAB "/>TAB </span></a>
<ul>
<li class="subfirst"><a href="#" title="TAB MENU1 2">TAB MENU1 2</a></li>
<li><a href="#" title="TAB MENU1 1">TAB MENU1 1</a></li>
<li class="sublast"><a href="#" title="TAB MENU1 0">TAB MENU1 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TAB " style="height:16px;line-height:16px;"><span><img src="data:image/png;base64,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" alt="TAB "/>TAB </span></a>
<ul>
<li class="subfirst"><a href="#" title="TAB MENU 2 2">TAB MENU 2 2</a></li>
<li><a href="#" title="TAB MENU 2 1">TAB MENU 2 1</a></li>
<li class="sublast"><a href="#" title="TAB MENU 2 0"><span>TAB MENU 2 0</span></a>
<ul>
<li class="sublast"><a href="#" title="TAB MENU 2 0 0">TAB MENU 2 0 0</a></li>
</ul>

</li>
</ul>

</li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TA" style="height:16px;line-height:16px;"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAEc0lEQVR42u2WSUhbURSGzzPOcyxq6oCiWagVdSMKLSrYilbQhdBWscSN0I0rFSNafJUExYVbaTcNTjUOrYobXUgFa92IA844V6ItahzqPKTn3Jq0CF7LE9pNDzySvLx73neG+98jwD824T/A1Rurq6tKQRDurK+vw9LSEoSFhYGrq6sk57u7uzA+Pg7BwcHg5eVFtwx+fn5fuAArKytvT09Pc05OTqC9vR2ys7OlRycI8Ob1a1Dl5AD6BFtbWzEoKOgVF2BhYeHt7OxsDi0eGxuDjIyMWwHU1dVBXFwc7O3tUSZEzCgfYGpqSre9va2ixZ8HBiDl8WPJAGQf3r+Hh48ewdHREcjlcjE8PJwPMDIyosOXq87OzqC/vx/i4+NZJFKtu7sbkpOTwWQy0SVGRUXxAQYHBxnA+fk5DA0NQXR0tGQAeunAp09w/8ED828xNjaWD9Db26uzsrJSXVxcwNTkJITdu3crgNHRUcCozbfEhIQEPkBXV1etTCZ7ThlYXl6GwMBAQCBJABTE/Pw8KJVKcxBiSkoKH6C5ubnB2to66wIBvn77Bt7e3pIBKIivqCeKu3eZDyoB7io+gE6na7CxsckiehISFxcXwIxIAqBG/o7bzwWFjHwQAOoKH6CmpqYRATKpfiRGmA3JAJSBc4SQXfoggNzcXD5AdXV1IypWJj7NFp2ggt0GwM7ODo6Pjy0AeXl5fICKioqfAGjOTk6wg2W4DYBc7g5G4zbzgWUVCwsL+QCiKL5DgGcybBoPDw8wrK1JBqAy+vj4wBr6MDdhSUkJHwAfYAC0WIE7wN7BgQ4RsLe3Bwf87oCfdnRharFX2BrqFUrzMcrtIV2Hh3CE1ynWn86AjY0NCwAaH6CoqIgBmCP4JUIkpX8W+c8lAlz1QQAajYYPUFBQ0ITRPZWU8xuMegB7jA+Qn5/fhOl+aqYmPaAU04BiupIC0zUpcXZ2hpCQEKYDW1tblh7CphQrKytvzgBOQBYAsxZMTEywOpNR7akvrjMn3D0qlYo9Mzw8zOCpB/BIfqXVakUuQJFa3YTNZwE4ODhgkZBFRkay33q9Htzc3K4FoBEuPT2dNSqNZPv7+ywLOzs7WmzCUi5AaWmpHieXJ2b9x0WwubnJog4NDWUd3traygVwd3eHpKQktmZmZobtIMqiwWDQ4C57yQVAQj0enxYAejk5IQd0qlEZWlpawNHR8VoAT09PNoQQwOLiIvj6+rJyTE9Pa9RqNR+grKysMSYmJpMOITKqX19fHwPAgZKVo7a2lntC4uTLZsnLqCEiIoIB4LCjKS4u5gOgDgTiwo+pqakBJDzkoLOzk9VToVAweW1ra+MC+Pv7Q2JiIqu70WgEHEIYQE9PjxZLzO8BMtRrJW6lvrS0NB9Ssfr6esBBlaWdtt4kTko8eQ4ICGBRUyNTxqgh6fmOjg5NeXn5yxsByFAPQvDjBWZDmJubo/qx6IFN24JF3YTf5rVL1RMwUyZsWOESUsAmNKGe0F8NVVVVA38E8LfsP8APN1IbP+5LahIAAAAASUVORK5CYII=" alt="TA"/>TA</span></a>
<ul>
<li class="subfirst"><a href="#" title="TAB MENU3 2">TAB MENU3 2</a></li>
<li><a href="#" title="TAB MENU3 1"><span>TAB MENU3 1</span></a>
<ul>
<li class="sublast"><a href="#" title="TAB MENU3 1 0">TAB MENU3 1 0</a></li>
</ul>

</li>
<li class="sublast"><a href="#" title="TAB MENU3 0"><span>TAB MENU3 0</span></a>
<ul>
<li class="sublast"><a href="#" title="TAB MENU3 0 0">TAB MENU3 0 0</a></li>
</ul>

</li>
</ul>

</li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TAB" style="height:16px;line-height:16px;"><span><img src="data:image/png;base64,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" alt="TAB"/>TAB</span></a>
<ul>
<li class="subfirst"><a href="#" title="TAB MENU 4 2">TAB MENU 4 2</a></li>
<li><a href="#" title="TAB MENU 4 1">TAB MENU 4 1</a></li>
<li class="sublast"><a href="#" title="TAB MENU 4 0">TAB MENU 4 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TAB" style="height:16px;line-height:16px;"><span><img src="data:image/png;base64,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" alt="TAB"/>TAB</span></a>
<ul>
<li class="subfirst"><a href="#" title="Item 1 0"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACsElEQVR42oXTW0iTURwA8P932bf7Ur/NyTa10lgpolm5KQXLGCH4IpVEvVhWTKSHwixJDKsHsws9CCL4YAgWZWQY5iWMbqY+VBhdVHSmSXlLl7rtu52v44Pg0PQP53AO58+P/7kRsCJs0dEaiiRzRFHMRgjtw03gBaFxcWHhOs/zPlgjiJUT1hh5TSbIUlkGQLgjAYGCIoDjuNs+n69oQ6AsJ+UGbbIW8whAzVDQ3TcCrz6PgiQKH/1+f5osy+K6QN/dY/eTXHuPglINwPvhRdsb5C5+SDJKpl/guRQMBNcHqk92bk1J3o/PAQJ/fsOP0XFU0dBFNvWMtnPBYBZOQesC3ZWH2qNibG5AIl7A+6dpKK/rnKtp+ZKHl59ueAYdF1215uiofIpWgFKjhalfk/B17OeF/KreW/CfCAEeFTqdUSZDuzbMoJcIFYwPfgfKVfD6b1JexXE79XxD4MqDqp3pKnMz9a3J6p/wgk6jgMmMyxCWeADvKtA8Nsud86SxQ2sC559cZZ3b8t/FWiz22ZY7sKn/sUwkHyaCu05BhEELsoxgwscNDk9z2R4HO7AKuNRcX7Q7Nufm0MQsJMOIbKVn5C46ldRodRCpp4HVK4HCecMzXOvkgpBd4GClEKDs2duXi36za25+HrLiTTCvMoB32geSJAKJX+V2qx7izDrwCwgNTAX3eBzGDyHAmboeb4BXbpYFHhJZNQgGA4gSAgkhEER8/RjJsBshQsdAr3fudFGmrTYESC8pORKuOVitUCtYi4EBo8UIoiDhChCISAYOj1O3hENiTBg0dY3UVOTu8Ky6BceJewkqvaYwLiE212gKNy5VgJ8vRpYAEeLNWplEqO/T0HRl/VlnwypgOdylrTZGqUhlGNpOkmQm/pzxgiA2ipzQgYB431buDizn/gOvUyogeqRq+QAAAABJRU5ErkJggg==" alt="Item 1 0"/>Item 1 0</a></li>
<li><a href="#" title="Item 1 1"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACsElEQVR42oXTW0iTURwA8P932bf7Ur/NyTa10lgpolm5KQXLGCH4IpVEvVhWTKSHwixJDKsHsws9CCL4YAgWZWQY5iWMbqY+VBhdVHSmSXlLl7rtu52v44Pg0PQP53AO58+P/7kRsCJs0dEaiiRzRFHMRgjtw03gBaFxcWHhOs/zPlgjiJUT1hh5TSbIUlkGQLgjAYGCIoDjuNs+n69oQ6AsJ+UGbbIW8whAzVDQ3TcCrz6PgiQKH/1+f5osy+K6QN/dY/eTXHuPglINwPvhRdsb5C5+SDJKpl/guRQMBNcHqk92bk1J3o/PAQJ/fsOP0XFU0dBFNvWMtnPBYBZOQesC3ZWH2qNibG5AIl7A+6dpKK/rnKtp+ZKHl59ueAYdF1215uiofIpWgFKjhalfk/B17OeF/KreW/CfCAEeFTqdUSZDuzbMoJcIFYwPfgfKVfD6b1JexXE79XxD4MqDqp3pKnMz9a3J6p/wgk6jgMmMyxCWeADvKtA8Nsud86SxQ2sC559cZZ3b8t/FWiz22ZY7sKn/sUwkHyaCu05BhEELsoxgwscNDk9z2R4HO7AKuNRcX7Q7Nufm0MQsJMOIbKVn5C46ldRodRCpp4HVK4HCecMzXOvkgpBd4GClEKDs2duXi36za25+HrLiTTCvMoB32geSJAKJX+V2qx7izDrwCwgNTAX3eBzGDyHAmboeb4BXbpYFHhJZNQgGA4gSAgkhEER8/RjJsBshQsdAr3fudFGmrTYESC8pORKuOVitUCtYi4EBo8UIoiDhChCISAYOj1O3hENiTBg0dY3UVOTu8Ky6BceJewkqvaYwLiE212gKNy5VgJ8vRpYAEeLNWplEqO/T0HRl/VlnwypgOdylrTZGqUhlGNpOkmQm/pzxgiA2ipzQgYB431buDizn/gOvUyogeqRq+QAAAABJRU5ErkJggg==" alt="Item 1 1"/>Item 1 1</a></li>
<li class="sublast"><a href="#" title="Item 1 2"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACsElEQVR42oXTW0iTURwA8P932bf7Ur/NyTa10lgpolm5KQXLGCH4IpVEvVhWTKSHwixJDKsHsws9CCL4YAgWZWQY5iWMbqY+VBhdVHSmSXlLl7rtu52v44Pg0PQP53AO58+P/7kRsCJs0dEaiiRzRFHMRgjtw03gBaFxcWHhOs/zPlgjiJUT1hh5TSbIUlkGQLgjAYGCIoDjuNs+n69oQ6AsJ+UGbbIW8whAzVDQ3TcCrz6PgiQKH/1+f5osy+K6QN/dY/eTXHuPglINwPvhRdsb5C5+SDJKpl/guRQMBNcHqk92bk1J3o/PAQJ/fsOP0XFU0dBFNvWMtnPBYBZOQesC3ZWH2qNibG5AIl7A+6dpKK/rnKtp+ZKHl59ueAYdF1215uiofIpWgFKjhalfk/B17OeF/KreW/CfCAEeFTqdUSZDuzbMoJcIFYwPfgfKVfD6b1JexXE79XxD4MqDqp3pKnMz9a3J6p/wgk6jgMmMyxCWeADvKtA8Nsud86SxQ2sC559cZZ3b8t/FWiz22ZY7sKn/sUwkHyaCu05BhEELsoxgwscNDk9z2R4HO7AKuNRcX7Q7Nufm0MQsJMOIbKVn5C46ldRodRCpp4HVK4HCecMzXOvkgpBd4GClEKDs2duXi36za25+HrLiTTCvMoB32geSJAKJX+V2qx7izDrwCwgNTAX3eBzGDyHAmboeb4BXbpYFHhJZNQgGA4gSAgkhEER8/RjJsBshQsdAr3fudFGmrTYESC8pORKuOVitUCtYi4EBo8UIoiDhChCISAYOj1O3hENiTBg0dY3UVOTu8Ky6BceJewkqvaYwLiE212gKNy5VgJ8vRpYAEeLNWplEqO/T0HRl/VlnwypgOdylrTZGqUhlGNpOkmQm/pzxgiA2ipzQgYB431buDizn/gOvUyogeqRq+QAAAABJRU5ErkJggg==" alt="Item 1 2"/>Item 1 2</a></li>
</ul>

</li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" target="_blank" style="height:16px;line-height:16px;"><span>&nbsp</span></a>
<ul>
<li class="subfirst"><a href="http://protonicatv.blogspot.com" target="_blank" title="@ Email">@ Email</a></li>
<li class="sublast"><a href="http://www.facebook.com" target="_blank" title="@ Facebook">@ Facebook</a></li>
</ul>
</li>
</ul>
<p style="display:none"><a href="http://css3menu.com/">Drop Down Menu Using CSS Css3Menu.com</a></p>
</body>
</html>
Bantuan : Cara Memasang Menu Di Blogger Template
Posted by at 2:30 AM 0 comments
Labels: ,

Horizontal Menu Pul Dropt down type Rounded Corner YELLOW BG

Lihat Demonya klik Gambar di Atas
Style Css Code:
ul#css3menu1,ul#css3menu1 ul{
margin:0;list-style:none;background-color:#e7e700;background-image:url("mainbk.png");background-repeat:repeat;border-width:1px;border-style:solid;border-color:#B4B4B4;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;}
ul#css3menu1 ul{
display:none;position:absolute;left:0;top:100%;padding:0;background-color:#dddddd;background-image:url("subbk.png");border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
ul#css3menu1 li:hover>*{
display:block;}
ul#css3menu1 li:hover{
position:relative;}
ul#css3menu1 ul ul{
position:absolute;left:100%;top:0;}
ul#css3menu1{
padding:6px 6px 6px 0;display:block;font-size:0;float:left;}
ul#css3menu1 li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{
margin:0 0 0 6px;}
ul#css3menu1 ul>li{
margin:6px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12px Arial;color:#666666;cursor:pointer;}
ul#css3menu1 ul li{
float:none;margin:0;}
ul#css3menu1 ul a{
text-align:left;}
ul#css3menu1 li:hover>a{
background-color:#0078ff;border-color:#F8F8F8;border-style:solid;font:12px Arial;color:#ffffff;text-decoration:none;}
ul#css3menu1 img{
border:none;vertical-align:middle;margin-right:8px;}
ul#css3menu1 img.over{
display:none;}
ul#css3menu1 li:hover > a img.def{
display:none;}
ul#css3menu1 li:hover > a img.over{
display:inline;}
ul#css3menu1 li a.pressed img.over{
display:inline;}
ul#css3menu1 li a.pressed img.def{
display:none;}
ul#css3menu1 ul span{
background-image:none;padding-right:16px;}
ul#css3menu1 a{
padding:8px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;color:#666666;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
background-color:#0078ff;border-style:solid;border-color:#F8F8F8;color:#ffffff;text-decoration:none;}
ul#css3menu1 li.topmenu>a{
height:16px;background-color:;background-image:none;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:transparent;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;font:bold 13px Arial;color:#000000;text-decoration:none;text-shadow:0 1px 1px #000000;line-height:16px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
background-color:#666666;background-image:url("mainbk.png");background-position:0 100%;border-style:solid;border-color:#F8F8F8;font:bold 13px Arial;color:#ff0000;text-decoration:none;text-shadow:0 1px 0 #FFFFFF;line-height:16px;}
ul#css3menu1 li.subfirst>a{
border-radius:9px 9px 0 0;-moz-border-radius:9px 9px 0 0;-webkit-border-radius:9px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}
ul#css3menu1 li.sublast>a{
border-radius:0 0 9px 9px;-moz-border-radius:0 0 9px 9px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:9px;-webkit-border-bottom-left-radius:9px;}


HTML code:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="Ite2_files/css3menu1/style.css" type="text/css" />

</head>
<body style="background-color:#EBEBEB">
<ul id="css3menu1" class="topmenu">
<li class="topmenu"><a href="#" title="Item 0" style="height:16px;line-height:16px;">Item 0</a></li>
<li class="topmenu"><a href="#" title="Item 3" style="height:16px;line-height:16px;"><span>Item 3</span></a>
<ul>
<li class="subfirst"><a href="#" title="Item 3 2">Item 3 2</a></li>
<li><a href="#" title="Item 3 1">Item 3 1</a></li>
<li class="sublast"><a href="#" title="Item 3 0">Item 3 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="#" title="Item 4" style="height:16px;line-height:16px;"><span>Item 4</span></a>
<ul>
<li class="subfirst"><a href="#" title="Item 4 1">Item 4 1</a></li>
<li class="sublast"><a href="#" title="Item 4 0">Item 4 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="#" title="Item 5" style="height:16px;line-height:16px;"><span>Item 5</span></a>
<ul>
<li class="subfirst"><a href="#" title="Item 5 1">Item 5 1</a></li>
<li class="sublast"><a href="#" title="Item 5 0">Item 5 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="#" title="Item 6" style="height:16px;line-height:16px;"><span>Item 6</span></a>
<ul>
<li class="subfirst"><a href="#" title="Item 6 1"><span>Item 6 1</span></a>
<ul>
<li class="sublast"><a href="#" title="Item 6 1 0">Item 6 1 0</a></li>
</ul>

</li>
<li class="sublast"><a href="#" title="Item 6 0">Item 6 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="#" title="Item 7" style="height:16px;line-height:16px;"><span>Item 7</span></a>
<ul>
<li class="sublast"><a href="#" title="Item 7 0">Item 7 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="#" title="Item 8" style="height:16px;line-height:16px;"><span>Item 8</span></a>
<ul>
<li class="subfirst"><a href="#" title="Item 8 3">Item 8 3</a></li>
<li><a href="#" title="Item 8 2">Item 8 2</a></li>
<li><a href="#" title="Item 8 1">Item 8 1</a></li>
<li class="sublast"><a href="#" title="Item 8 0"><span>Item 8 0</span></a>
<ul>
<li class="sublast"><a href="#" title="Item 8 0 0">Item 8 0 0</a></li>
</ul>

</li>
</ul>

</li>
<li class="topmenu"><a href="#" title="Item 9" style="height:16px;line-height:16px;"><span>Item 9</span></a>
<ul>
<li class="subfirst"><a href="#" title="Item 9 2">Item 9 2</a></li>
<li><a href="#" title="Item 9 1">Item 9 1</a></li>
<li class="sublast"><a href="#" title="Item 9 0">Item 9 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="#" title="Item 10" style="height:16px;line-height:16px;"><span>Item 10</span></a>
<ul>
<li class="subfirst"><a href="#" title="Item 10 1">Item 10 1</a></li>
<li class="sublast"><a href="#" title="Item 10 0">Item 10 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="#" title="Item 11" style="height:16px;line-height:16px;"><span>Item 11</span></a>
<ul>
<li class="subfirst"><a href="#" title="Item 11 2">Item 11 2</a></li>
<li><a href="#" title="Item 11 1">Item 11 1</a></li>
<li class="sublast"><a href="#" title="Item 11 0">Item 11 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="#" style="height:16px;line-height:16px;"><img src="Ite2_files/css3menu1/service.png" alt=""/>&nbsp</a></li>
</ul>


<p style="display:none"><a href="http://css3menu.com/">Drop Down Menu Using CSS Css3Menu.com</a></p>
</body>
</html>

Bantuan : Cara Memasang Menu Di Blogger Template
Posted by at 2:27 AM 0 comments
Labels: ,

Verttikal Rounded Corner



















Klik Menu diatas langsung melihat demo disini
CSS CODE;
ul#css3menu1,ul#css3menu1 ul{ margin:0;list-style:none;background-color:#C0C0C0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAK8CAYAAAAu3tULAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA0jIR3UfIQAAACiSURBVEjH7ZbNCgMhDIS//LxB3/8Ve+iph6XpqRaDC4V1S5C9DImBMZlREeCmAA2kT4+AzaOSQg1JNXFQQEv6ZsuxTKTyau6XG2v2Jakpu695SRY93na92f8bUEuKrZU+NhYRDwW2Bs9vREQ4n42sgbbI+zUfFHxQTWkiTan0kSrwOuNtr/mhOgXurUkZ6Kw92I+++Z6XvkeVzlXq5bJ7GrwBxcIVRiNdtAgAAAAASUVORK5CYII=");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} ul#css3menu1 ul{ display:none;position:absolute;left:100%;top:0;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;padding:0 9px 9px;background-color:#FFF;background-image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#d8d9da;} ul#css3menu1 li:hover>*{ display:block;} ul#css3menu1 li:hover{ position:relative;} ul#css3menu1 ul ul{ position:absolute;left:100%;top:0;} ul#css3menu1{ padding:0 1px 1px;display:block;font-size:0;float:left;} ul#css3menu1 li{ display:block;white-space:nowrap;font-size:0;} ul#css3menu1>li,ul#css3menu1 li{ margin:1px 0 0;} ul#css3menu1 a:active, ul#css3menu1 a:focus{ outline-style:none;} ul#css3menu1 a,ul#css3menu1 a.pressed{ display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 12px Arial;color:#262626;cursor:default;} ul#css3menu1 ul li{ float:none;margin:9px 0 0;} ul#css3menu1 ul a{ text-align:left;padding:8px 0 0 0;background-color:#FFF;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#D9D9D9;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial;color:#333333;text-decoration:none;} ul#css3menu1 li:hover>a{ background-color:#C0C0C0;border-style:none;font:bold 12px Arial;color:#efefef;text-decoration:none;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAK8CAYAAAAu3tULAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA0jIR3UfIQAAACiSURBVEjH7ZbNCgMhDIS//LxB3/8Ve+iph6XpqRaDC4V1S5C9DImBMZlREeCmAA2kT4+AzaOSQg1JNXFQQEv6ZsuxTKTyau6XG2v2Jakpu695SRY93na92f8bUEuKrZU+NhYRDwW2Bs9vREQ4n42sgbbI+zUfFHxQTWkiTan0kSrwOuNtr/mhOgXurUkZ6Kw92I+++Z6XvkeVzlXq5bJ7GrwBxcIVRiNdtAgAAAAASUVORK5CYII=");background-position:0 100px;} ul#css3menu1 img{ border:none;vertical-align:middle;margin-right:10px;} ul#css3menu1 img.over{ display:none;} ul#css3menu1 li:hover > a img.def{ display:none;} ul#css3menu1 li:hover > a img.over{ display:inline;} ul#css3menu1 li a.pressed img.over{ display:inline;} ul#css3menu1 li a.pressed img.def{ display:none;} ul#css3menu1 span{ display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;} ul#css3menu1 ul span{ background-image:url("data:image/gif;base64,R0lGODlhBwAMAOYLAOPj49TU1L6+vr+/v/r6+tra2vv7+7y8vL29vcfHx8jIyAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAsALAAAAAAHAAwAAAcrgAuCgwsFCQSECggJBokHCo2DigmECwoCA4QBBwcAkpiSi5KPkZORhYeEgQA7");padding-right:27px;} ul#css3menu1 a{ padding:10px;background-color:#C0C0C0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAK8CAYAAAAu3tULAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA0jIR3UfIQAAACiSURBVEjH7ZbNCgMhDIS//LxB3/8Ve+iph6XpqRaDC4V1S5C9DImBMZlREeCmAA2kT4+AzaOSQg1JNXFQQEv6ZsuxTKTyau6XG2v2Jakpu695SRY93na92f8bUEuKrZU+NhYRDwW2Bs9vREQ4n42sgbbI+zUfFHxQTWkiTan0kSrwOuNtr/mhOgXurUkZ6Kw92I+++Z6XvkeVzlXq5bJ7GrwBxcIVRiNdtAgAAAAASUVORK5CYII=");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;color:#262626;text-decoration:none;} ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{ background-color:#C0C0C0;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAK8CAYAAAAu3tULAAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA0jIR3UfIQAAACiSURBVEjH7ZbNCgMhDIS//LxB3/8Ve+iph6XpqRaDC4V1S5C9DImBMZlREeCmAA2kT4+AzaOSQg1JNXFQQEv6ZsuxTKTyau6XG2v2Jakpu695SRY93na92f8bUEuKrZU+NhYRDwW2Bs9vREQ4n42sgbbI+zUfFHxQTWkiTan0kSrwOuNtr/mhOgXurUkZ6Kw92I+++Z6XvkeVzlXq5bJ7GrwBxcIVRiNdtAgAAAAASUVORK5CYII=");background-position:0 100px;border-style:none;color:#efefef;text-decoration:none;} ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{ background-color:#FFF;background-image:none;border-style:solid;border-color:#D9D9D9;font:13px Arial;color:#0088CC;text-decoration:none;} ul#css3menu1 li.topfirst>a{ border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;-webkit-border-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;text-shadow:#d8d8d8 0px 1px 1px;} ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst>a.pressed{ text-shadow:#3d3d3d 0px -1px 1px;} ul#css3menu1 li.topmenu>a{ text-shadow:#d8d8d8 0px 1px 1px;} ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{ text-shadow:#3d3d3d 0px -1px 1px;} ul#css3menu1 li.toplast>a{ border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-webkit-border-radius:0;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;text-shadow:#d8d8d8 0px 1px 1px;} ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast>a.pressed{ text-shadow:#3d3d3d 0px -1px 1px;} ul#css3menu1 ._>li>a{ padding:0;} ul#css3menu1 li.subfirst>a{ border-width:0;border-style:none;padding:0;} ul#css3menu1 li.subfirst:hover>a,ul#css3menu1 li.subfirst>a.pressed{ border-style:none;}
Html Code:
</head> <body style="background-color:#EBEBEB"> <ul id="css3menu1" class="topmenu"> <li class="topfirst"><a href="http://protonicatv.blogspot.com" title="HOME" style="width:69px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACyklEQVR42q2TW0iTYRjH/9/37aRbnk9r6BKciolmiHiKRC8KoUwsA/NCMIjQG4swK40uioSKghK6kEnSjZGapDdmYibp1E1zmzp1zTkPO4mbblN3+JoKg5CCqOfy5ff8ngPvQ+Afg/ivAnm1oGFAzX1gsXKgN7hxhEmA5X1n0gB1ANMUQVy8oZhqPyTYqI/Mbxrk9ohyY9lHdzz41GUGj3SDTRKg9ijyAPa6VkgSGdcm5Ms+wUZDZGifgjE0xxYmlFXEwL5kh6zNCrNWD7Y/BW/CvsAXNNoqJfLLPoG8Kqq1VRlRXlGdCP/IALisDui/bkPZuwAG0wnK2wJB/jo7SaO07Iv8HaG9JagSD3NeZpYcR2q2ANtO0luRgG3egpkPq7DpdWBxGCCpvT3QoD00bA4PTDtkV41EWUQ0n40tH7eHxt97nF7jYXJ5JMXwYgQ8djvUH3UwyVRgUC643TTc3mQ7xw+u8LC574r18y9GZDP7I/S8Ludn5AiU5tX1oO1tF8KjhWD5kTBIVzDZMgqa5UQgnwNTcAy4/CDEC+iBlEvNeb4dLEluihhMv1GbSROoV03AzQyDMC0bPG4Ilr/JQHM8eG69gE5bJq77d6DqmHRIUPgm1ydYHasVkSz/Mdu6NsCikcJhdyEk8TQE8Sdg005hfcuBAvVDGJ08iPmvkLwzJqt8NJwuVWg8+wLtSK0oIDhAvmlQs0zzUqyu7UJ4Mg/CpDRs6qZhtNjwzFiC0jApSM34dKN4sn5q3tRuMpvpfcGT+yXs0IjouqwkRq1T18txOJwIEuWDH5cKi24WlMcC+6Zzt7VD1dTSvdio0S2vHfqJdbfv8nJysjp50BbQpn7EJsRAmJiCjaVZ9A2qhsXt6jvdn6X9f7yF4qJz7DhRcrHRaAi0mmf1V0pPXZXJVKNv30ue/tAubf31NRaeyY9STi+YNdpF5++Yn62qMCBYN60YAAAAAElFTkSuQmCC" alt="HOME"/>HOME</a></li> <li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TAB MENU1" style="width:69px;"><span>TAB MENU1</span></a> <ul> <li class="subfirst"><a href="#" title="TAB MENU1 2">TAB MENU1 2</a></li> <li><a href="#" title="TAB MENU1 1">TAB MENU1 1</a></li> <li><a href="#" title="TAB MENU1 0">TAB MENU1 0</a></li> </ul> </li> <li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TAB MENU 2" style="width:69px;"><span>TAB MENU 2</span></a> <ul> <li class="subfirst"><a href="#" title="TAB MENU 2 2">TAB MENU 2 2</a></li> <li><a href="#" title="TAB MENU 2 1">TAB MENU 2 1</a></li> <li><a href="#" title="TAB MENU 2 0"><span>TAB MENU 2 0</span></a> <ul> <li class="subfirst"><a href="#" title="TAB MENU 2 0 0">TAB MENU 2 0 0</a></li> </ul> </li> </ul> </li> <li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TAB MENU3" style="width:69px;"><span>TAB MENU3</span></a> <ul> <li class="subfirst"><a href="#" title="TAB MENU3 2">TAB MENU3 2</a></li> <li><a href="#" title="TAB MENU3 1"><span>TAB MENU3 1</span></a> <ul> <li class="subfirst"><a href="#" title="TAB MENU3 1 0">TAB MENU3 1 0</a></li> </ul> </li> <li><a href="#" title="TAB MENU3 0"><span>TAB MENU3 0</span></a> <ul> <li class="subfirst"><a href="#" title="TAB MENU3 0 0">TAB MENU3 0 0</a></li> </ul> </li> </ul> </li> <li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TAB MENU 4" style="width:69px;"><span>TAB MENU 4</span></a> <ul> <li class="subfirst"><a href="#" title="TAB MENU 4 2">TAB MENU 4 2</a></li> <li><a href="#" title="TAB MENU 4 1">TAB MENU 4 1</a></li> <li><a href="#" title="TAB MENU 4 0">TAB MENU 4 0</a></li> </ul> </li> <li class="topmenu"><a href="http://protonicatv.blogspot.com" title="TAB MENU 5" style="width:69px;"><span>TAB MENU 5</span></a> <ul> <li class="subfirst"><a href="#" title="Item 1 0">Item 1 0</a></li> <li><a href="#" title="Item 1 1">Item 1 1</a></li> <li><a href="#" title="Item 1 2">Item 1 2</a></li> </ul> </li> <li class="toplast"><a href="http://protonicatv.blogspot.com" target="_blank" title="PROFIL" style="width:69px;"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACsElEQVR42oXTW0iTURwA8P932bf7Ur/NyTa10lgpolm5KQXLGCH4IpVEvVhWTKSHwixJDKsHsws9CCL4YAgWZWQY5iWMbqY+VBhdVHSmSXlLl7rtu52v44Pg0PQP53AO58+P/7kRsCJs0dEaiiRzRFHMRgjtw03gBaFxcWHhOs/zPlgjiJUT1hh5TSbIUlkGQLgjAYGCIoDjuNs+n69oQ6AsJ+UGbbIW8whAzVDQ3TcCrz6PgiQKH/1+f5osy+K6QN/dY/eTXHuPglINwPvhRdsb5C5+SDJKpl/guRQMBNcHqk92bk1J3o/PAQJ/fsOP0XFU0dBFNvWMtnPBYBZOQesC3ZWH2qNibG5AIl7A+6dpKK/rnKtp+ZKHl59ueAYdF1215uiofIpWgFKjhalfk/B17OeF/KreW/CfCAEeFTqdUSZDuzbMoJcIFYwPfgfKVfD6b1JexXE79XxD4MqDqp3pKnMz9a3J6p/wgk6jgMmMyxCWeADvKtA8Nsud86SxQ2sC559cZZ3b8t/FWiz22ZY7sKn/sUwkHyaCu05BhEELsoxgwscNDk9z2R4HO7AKuNRcX7Q7Nufm0MQsJMOIbKVn5C46ldRodRCpp4HVK4HCecMzXOvkgpBd4GClEKDs2duXi36za25+HrLiTTCvMoB32geSJAKJX+V2qx7izDrwCwgNTAX3eBzGDyHAmboeb4BXbpYFHhJZNQgGA4gSAgkhEER8/RjJsBshQsdAr3fudFGmrTYESC8pORKuOVitUCtYi4EBo8UIoiDhChCISAYOj1O3hENiTBg0dY3UVOTu8Ky6BceJewkqvaYwLiE212gKNy5VgJ8vRpYAEeLNWplEqO/T0HRl/VlnwypgOdylrTZGqUhlGNpOkmQm/pzxgiA2ipzQgYB431buDizn/gOvUyogeqRq+QAAAABJRU5ErkJggg==" alt="PROFIL"/>PROFIL</span></a> <ul> <li class="subfirst"><a href="http://protonicatv.blogspot.com" target="_blank" title="@ Email">@ Email</a></li> <li><a href="http://www.facebook.com" target="_blank" title="@ Facebook">@ Facebook</a></li> </ul> </li> </ul>
Bantuan : Cara Memasang Menu Di Blogger Template
Posted by at 2:20 AM 0 comments
Labels: ,

Horizontal Menu Pul Dropt down type Rounded Corner












CSS CODE:
ul#css3menu1,ul#css3menu1 ul{
margin:0;list-style:none;padding:0;background-color:#dedede;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
ul#css3menu1 ul{
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 10px 10px;background-color:#ffffff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border-color:#d4d4d4;}
ul#css3menu1 li:hover>*{
display:block;}
ul#css3menu1 li:hover{
position:relative;}
ul#css3menu1 ul ul{
position:absolute;left:100%;top:0;}
ul#css3menu1{
display:block;font-size:0;float:left;}
ul#css3menu1 li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{
margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 14px Trebuchet MS;color:#000000;text-shadow:#FFF 0 0 1px;cursor:pointer;}
ul#css3menu1 ul li{
float:none;margin:10px 0 0;}
ul#css3menu1 ul a{
text-align:left;padding:4px;background-color:#ffffff;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000000;text-decoration:none;}
ul#css3menu1 li:hover>a{
background-color:#f8ac00;border-color:#C0C0C0;border-style:solid;font:bold 14px Trebuchet MS;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVCjP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-position:0 100px;}
ul#css3menu1 img{
border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{
display:none;}
ul#css3menu1 li:hover > a img.def{
display:none;}
ul#css3menu1 li:hover > a img.over{
display:inline;}
ul#css3menu1 li a.pressed img.over{
display:inline;}
ul#css3menu1 li a.pressed img.def{
display:none;}
ul#css3menu1 span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul span{
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAIAAAD38zoCAAAABnRSTlMA/wD/AP83WBt9AAAAJ0lEQVR42mP8//8/AwNDfHw8kFy4cCEDDDBCJDDlEBJocoR0YNoBANV8HfcEGx0AAAAAAElFTkSuQmCC");padding-right:28px;}
ul#css3menu1 a{
padding:10px;background-color:#067e12;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVCjP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
background-color:#f8ac00;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVCjP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-position:0 100px;border-style:solid;border-color:#C0C0C0;color:#000000;text-decoration:none;text-shadow:#FFF 0 0 1px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
background-color:#ffffff;background-image:none;font:14px Tahoma;color:#868686;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
height:18px;line-height:18px;border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst>a.pressed{
line-height:18px;}
ul#css3menu1 li.topmenu>a{
height:18px;line-height:18px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
line-height:18px;}
ul#css3menu1 li.toplast>a{
height:18px;line-height:18px;border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast>a.pressed{
line-height:18px;}

HTML CODE:
<body style="background-color:#EBEBEB">
<ul id="css3menu1" class="topmenu">
<li class="topfirst"><a href="http://URL.Anda.com/" title="HOME" style="height:18px;line-height:18px;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACyklEQVR42q2TW0iTYRjH/9/37aRbnk9r6BKciolmiHiKRC8KoUwsA/NCMIjQG4swK40uioSKghK6kEnSjZGapDdmYibp1E1zmzp1zTkPO4mbblN3+JoKg5CCqOfy5ff8ngPvQ+Afg/ivAnm1oGFAzX1gsXKgN7hxhEmA5X1n0gB1ANMUQVy8oZhqPyTYqI/Mbxrk9ohyY9lHdzz41GUGj3SDTRKg9ijyAPa6VkgSGdcm5Ms+wUZDZGifgjE0xxYmlFXEwL5kh6zNCrNWD7Y/BW/CvsAXNNoqJfLLPoG8Kqq1VRlRXlGdCP/IALisDui/bkPZuwAG0wnK2wJB/jo7SaO07Iv8HaG9JagSD3NeZpYcR2q2ANtO0luRgG3egpkPq7DpdWBxGCCpvT3QoD00bA4PTDtkV41EWUQ0n40tH7eHxt97nF7jYXJ5JMXwYgQ8djvUH3UwyVRgUC643TTc3mQ7xw+u8LC574r18y9GZDP7I/S8Ludn5AiU5tX1oO1tF8KjhWD5kTBIVzDZMgqa5UQgnwNTcAy4/CDEC+iBlEvNeb4dLEluihhMv1GbSROoV03AzQyDMC0bPG4Ilr/JQHM8eG69gE5bJq77d6DqmHRIUPgm1ydYHasVkSz/Mdu6NsCikcJhdyEk8TQE8Sdg005hfcuBAvVDGJ08iPmvkLwzJqt8NJwuVWg8+wLtSK0oIDhAvmlQs0zzUqyu7UJ4Mg/CpDRs6qZhtNjwzFiC0jApSM34dKN4sn5q3tRuMpvpfcGT+yXs0IjouqwkRq1T18txOJwIEuWDH5cKi24WlMcC+6Zzt7VD1dTSvdio0S2vHfqJdbfv8nJysjp50BbQpn7EJsRAmJiCjaVZ9A2qhsXt6jvdn6X9f7yF4qJz7DhRcrHRaAi0mmf1V0pPXZXJVKNv30ue/tAubf31NRaeyY9STi+YNdpF5++Yn62qMCBYN60YAAAAAElFTkSuQmCC" alt="HOME"/>HOME</a></li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="Menu satu" style="height:18px;line-height:18px;"><span>Menu satu</span></a>
<ul>
<li><a href="http://protonicatv.blogspot.com" title="Menu satu 0">Menu satu 0</a></li>
<li><a href="http://protonicatv.blogspot.com" title="Menu satu 1">Menu satu 1</a></li>
<li><a href="http://protonicatv.blogspot.com" title="Menu satu 2"><span>Menu satu 2</span></a>
<ul>
<li><a href="http://protonicatv.blogspot.com" title="Menu satu 2 0">Menu satu 2 0</a></li>
</ul>

</li>
<li><a href="http://protonicatv.blogspot.com" title="Menu satu 3"><span>Menu satu 3</span></a>
<ul>
<li><a href="http://protonicatv.blogspot.com" title="Menu satu 3 0">Menu satu 3 0</a></li>
</ul>

</li>
</ul>

</li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="Menu dua" style="height:18px;line-height:18px;"><span>Menu dua</span></a>
<ul>
<li><a href="http://protonicatv.blogspot.com" title="Menu dua 0">Menu dua 0</a></li>
<li><a href="http://protonicatv.blogspot.com" title="Menu dua 1">Menu dua 1</a></li>
<li><a href="http://protonicatv.blogspot.com" title="Menu dua 2">Menu dua 2</a></li>
<li><a href="http://protonicatv.blogspot.com" title="Menu dua 3">Menu dua 3</a></li>
</ul>

</li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="Menu Tiga" style="height:18px;line-height:18px;"><span>Menu Tiga</span></a>
<ul>
<li><a href="http://protonicatv.blogspot.com" title="Menu Tiga 0">Menu Tiga 0</a></li>
<li><a href="http://protonicatv.blogspot.com" title="Menu Tiga 1">Menu Tiga 1</a></li>
</ul>

</li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="Menu Empat" style="height:18px;line-height:18px;"><span>Menu Empat</span></a>
<ul>
<li><a href="http://protonicatv.blogspot.com" title="Menu Empat 0">Menu Empat 0</a></li>
</ul>

</li>
<li class="topmenu"><a href="http://protonicatv.blogspot.com" title="menu Lima" style="height:18px;line-height:18px;"><span>menu Lima</span></a>
<ul>
<li><a href="http://protonicatv.blogspot.com" title="menu Lima 0"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA5klEQVR42tWTwQoBQRjHZx5hT47kKhcv4SJJlCNp2ytlr0RJciJtaW8OlJPEcyjxAl5ghQsXflN72MO27bj56tf/222+30zbjhRUYeHViTakQIro+sAVZnvLcCXDDR4cGMHRXxBVaoMMdKGlBGeaNbah0CjmbKKpBA+aGoJD2MKi68mdaXxCBHliGylgWB3TgjSSV2wBg+pjTqDivzIQ3HQEK6IEd0j8IkgTT5hDVVsQEG3+XzAgypBD8NYWRFVQcKFZIhhrCjqEqQQmzRR6cBLxLlMW+mBL36Z+V3WdkyL+dZ5yaucLhxKl0Mp1X3AAAAAASUVORK5CYII=" alt="menu Lima 0"/>menu Lima 0</a></li>
<li><a href="http://protonicatv.blogspot.com" title="menu Lima 1"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABOUlEQVR42pWTv0tCURSA74NqMkJwa7ClqYSgwdmpRZqDIIx4uAQp5OCiKIjkZoQibg1KU2IJjf0HQj8Gt2hUyMCgEMm+Q7d4yEOvFz7Oee/d89373nnXUoxwpR8hxGENLDV9jOEVzm+j3qpF8SEXJchDW0+YNmSBDUhBTARPJHVsOTXHoC5BOBLBgGQPQcs5YbfaXyBswiI8Nm3v14Rgh9BwFVC8JQ/Br2+9wT6SO1PBPSEIB/ABl/ApQiRjE8GxRCZfkC+RdmAFfNz7nilwiJYJNZkPaYqzRq/g+A5XsA4FSP5t3+QVQoQbGEqrKLx2aaO7QLfvBVb1h3vXNT3YRjaaJZC+l8EzsWgXToy6YPgn/guepc8IzuYUnBJsEdgkRWkTPCizwxSADCQsbYuq3+PsV+bHuciuSz9NtrLQyABCNwAAAABJRU5ErkJggg==" alt="menu Lima 1"/>menu Lima 1</span></a>
<ul>
<li><a href="http://protonicatv.blogspot.com" title="menu Lima 1 0">menu Lima 1 0</a></li>
</ul>

</li>
</ul>

</li>
<li class="topmenu"><a href="http://www.css3menu.com" target="_blank" title="End" style="height:18px;line-height:18px;"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAADYUlEQVR42mNkgILY7q2Md289Unn/7svb33/+f1ZSkr7Ixc25ZUNLUJlW5AxlU0OVdwvLXN4zoAFGGMM8eSorJyfHFQkJ0S/v3395bWOp587IwPjlwqV7W5QVpZy/fv85b0qWVQVWA8wSp7A9fPBCztLa4Ii9g7E4BysLw8/vPxk4OdkZJESFGLjZWRkOHz+/cveRywnWxio/u1Md/sMNiOrYLPf8yatNIqLColpailJc7GwMd+89e/3y7adzf5kYeaXkJMyjXbSZWX9//bP92J1r33/9OygpIZRf7KMDNoTROn2WMA8P1x4XVwuDv7/+MBw4dHHj8xfv8y8uyXhoGDeT+ff//04aWnKLiqKtJV6//8qw98TdCTx8PEVtkYYQAwyjJzHy8PKsDgiwC758+d6TcxfvGV1akvEa2Z860TNi/bzMFooKczHuPXQlfEtbyCq4F6xTZx+0sdW3FRbkZdxz4OK8Xb0RyegBZRA7g1dZRe6uvr6i6IkzN1//+P6jal9vxBywAY65i5ZZW+oEiAjxc27ddXrW7r6IdHQDgF7hllGQuSevICZ29+7jl////67c0RY+Hx4LniWrVsVEuoTuOnjuzrkztwwuL8v6imyAUcJsfw19rXV//35nvHz8ZN61tdVT4F4AOk/G2ED1aJCPtdzzdx8Zlq49uPDV0zclV5dnvYHabiYqLb1MQlpA+cndO/8/v3vz6c2TZ3NeP33RxsTK+onRu3ytjIgw31wZSTFpNytlbUbGnwwrd169f+/hu5P//jPwCogIObKy/ee6c+k8AzcfLwMbB/s/IGD6/vX7h4/Pn3fCU6Ju/Gy5skTri/amKgL3Xn5luHr/PcOLT78Y3n3+wfDi6TOGty+eMvz5+fP4k9v3s5hZWeQVdbRWczH+7YAb4JA/n8POWOUcOxvr49uP3n4RlRQPevD4zZv7dx5uZmX5E8QnyMv/4NqtlJubW+aC1JvG9+7l4OURgBuQ0r2J8cv3PxKMDEyvr995xiAoIniQjYNt9c624AnKXtUVWmYGLc/vPtj18tGTNCZmFmlFXY0tUpJinxkZcACL9PnMJ2Ym/oWnhZieIlll+d7P7z+AwoGBm5vrrqassB1OA9CBXnSPqKyC1DpuLs4rHz59U2Zk+LdrZ2dsDwCWgGaMHcaMigAAAABJRU5ErkJggg==" alt="End"/>End</span></a>
<ul>
<li><a href="http://protonicatv.blogspot.com" target="_blank" title="End sub 1"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACeElEQVR42oXTSWgTYRQA4DeTTLZmspg0UdMsJRYXyFVQevGmJ8HQLFBoDx4Uih7EQwUPPRQsrlikacBooWls0wVvekipYEtERFFiTNoGolbITDSNZJtM0vim1IOaxLn88Hj/97/3/n8IaPHNzi6cJkm4ns//NJEkeYskRY8GB/uLf+cRzTaHQnPXrFbzKMuytUyGqeZyOYXRaHxOEKRzYOBP5B9gairY09mpi1cqlUg2++O8RCKpcBx3n6JIj1zecdHrdfnaAli60263zqfTW2eczrPPhJjfHzhuMOhfIRr0eFz9bYFweMnb3W2eSaXSp1wu54oQm5x8eNhg0H3iuOoSAufaAouLTz0WiymEQC8Cq3sV9Gi16uTOzs6S293XGhgZGe0wm7uGentP3IhEVsbS6c8RkUi0pVartTab+SWmBF2uvtYtzMw8eVMqlRw4OCqZ3ACe54Uwh9PnHY6jynK5ssay3y8MD1/90BQIBB7nFAqFhiAIwHKhXC4jUgNEASsBsVgMNZ7PXLo8tL8pMDEx+a3RaByQSqVgMh0EhmGg0QDcKAKZTAYsk4Xl5Rf5uXBQ0xTw+fxfMWSiKDHodPtgczMFxWJh92S9Xg+FQgnWVqPb8wshbSvgC5bfRVEU0LQSYrHY7hwEQKvV4CqFaPT19vR04H+AGJRKJcTjcey5BiJsQa1WgVyhhHdv3+d9vnFNixn4YyRJHBNOFCpIJpNQrVYBfyZQqVSI0vAxnijdu3uzoykwPv7AjtP24DW6EXAIM+C4Cgi3QtMI0DQkEuupO7fH7C1f4l4rcuz5JMOwNp6vWur1+iG8mSMSqWwL38cVBNZ/5/4Ce+ECIIhJ+BUAAAAASUVORK5CYII=" alt="End sub 1"/>End sub 1</a></li>
</ul>

</li>
<li class="toplast"><a href="http://protonicatv.blogspot.com" target="_parent" title="Profile" style="height:18px;line-height:18px;"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACsElEQVR42oXTW0iTURwA8P932bf7Ur/NyTa10lgpolm5KQXLGCH4IpVEvVhWTKSHwixJDKsHsws9CCL4YAgWZWQY5iWMbqY+VBhdVHSmSXlLl7rtu52v44Pg0PQP53AO58+P/7kRsCJs0dEaiiRzRFHMRgjtw03gBaFxcWHhOs/zPlgjiJUT1hh5TSbIUlkGQLgjAYGCIoDjuNs+n69oQ6AsJ+UGbbIW8whAzVDQ3TcCrz6PgiQKH/1+f5osy+K6QN/dY/eTXHuPglINwPvhRdsb5C5+SDJKpl/guRQMBNcHqk92bk1J3o/PAQJ/fsOP0XFU0dBFNvWMtnPBYBZOQesC3ZWH2qNibG5AIl7A+6dpKK/rnKtp+ZKHl59ueAYdF1215uiofIpWgFKjhalfk/B17OeF/KreW/CfCAEeFTqdUSZDuzbMoJcIFYwPfgfKVfD6b1JexXE79XxD4MqDqp3pKnMz9a3J6p/wgk6jgMmMyxCWeADvKtA8Nsud86SxQ2sC559cZZ3b8t/FWiz22ZY7sKn/sUwkHyaCu05BhEELsoxgwscNDk9z2R4HO7AKuNRcX7Q7Nufm0MQsJMOIbKVn5C46ldRodRCpp4HVK4HCecMzXOvkgpBd4GClEKDs2duXi36za25+HrLiTTCvMoB32geSJAKJX+V2qx7izDrwCwgNTAX3eBzGDyHAmboeb4BXbpYFHhJZNQgGA4gSAgkhEER8/RjJsBshQsdAr3fudFGmrTYESC8pORKuOVitUCtYi4EBo8UIoiDhChCISAYOj1O3hENiTBg0dY3UVOTu8Ky6BceJewkqvaYwLiE212gKNy5VgJ8vRpYAEeLNWplEqO/T0HRl/VlnwypgOdylrTZGqUhlGNpOkmQm/pzxgiA2ipzQgYB431buDizn/gOvUyogeqRq+QAAAABJRU5ErkJggg==" alt="Profile"/>Profile</span></a>
<ul>
<li><a href="http://www.facebook.com" target="_blank" title="f Facebook">f Facebook</a></li>
<li><a href="#" target="_blank" title="@ email"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACoElEQVR42mNkoBAwElLQ09XF6uzs7P34yZNXfv7+x4g24NDBg2aiIiKxHz99inj24oWIAB/f1yNHjgTV1dfvwmnAlIkTeYG25fz9/x+o8bPm67dvGL5++8bw7+9fhn///jHISkv/2LZ1a2RPb+8GrAZcv3at9fO371Vfv39n+PPnD8NfoMa/MBqKJURFfq9auTJx0uTJSzEMePvw/uWX339pv3n3joGZiQkoC5EGamQEGfQH5BIgFuDj/TNz+vTkefPnL4IbkB8fz1MWG/FBxNaZ+e69ewwPHj1kYGZmYWBhYfnPwsoKZDMzMDExgu38//8/w9GDB7aUlZX5wQ2o7F1uHxnkdkBBhJ2BCWjzk6dPGC5fucLABNTIwsIKMoiBjY2NQURYGIT/7964bldSdq4H3IDTTWWlMskFXcxARUyMTGDbXr95w3DlymUGcXEJBilJSQZRUVGwQSCfVfu69fTuPlQKN2Dihmur/Qx4QkAaIQYwMbCwsjCwAp0PClCYoYxA8ddf/jEERyXFXj60fgncgOML5j3gM7OWZ2ZhZuDj5WXg5+Nl4OTkAMt9+PCR4evXb2BDQQb8uniSwTU+Wf/2y9eXwAak5LVIRAe4PVNRk2Hk4eEGBhgTMBaYwTQTEyTw3gMNARkEMuTQ1TefssIdpL9/+/IFbEBh+wK3GG2h7YzSSkx8gnwMbKzAgAMGHsg1YBqKQa54/eYtw8FF88+VTZpk8u3Hj/9gA+Tk5Bl/f3wvKSyjZqgkKW1sICtkzGUZqO/J+UrmvbYzsxzfPwYWdg5wAIISU01Zw8KFy2Yl4M0LbOwcLFwsTGLccvoGDqxvjZlso42d5Lj1jIx0ZXMmLC45vHXJRKJyIzJgBSYIdnZ2MWYW1l8fP354DRIDAGEv/xFuStItAAAAAElFTkSuQmCC" alt="@ email"/>@ email</a></li>
</ul>

</li>
</ul>
Pada sample terlihat pendek dikarenakan Sebagian Tab menu Saya Potong untuk menghemat ruang
namun pada kotak HTML yg tersedia di Form kotak Html Code..Tab Menjadi Panjang.
Bantuan : Cara Memasang Menu Di Blogger Template
Posted by at 1:15 AM 0 comments
Labels: ,
Subscribe to: Posts (Atom)

Followers

@2011 Protonica Tv Dan Computer created by Roso Prast Template Source: Blogger.Com.