SİTENE EKLE KOD,TASARIM,MENU,ICON,ARAÇ,YAZI - menu4

menu4

YATAY CSS MENU

CSS KODU

<style type="text/css">  body {                 padding: 50px;             }             /* The CSS Code for the menu starts here */             #menu {                 font-family: Arial, sans-serif;                 font-weight: bold;                 text-transform: uppercase;                 margin: 20px 0;                 padding: 0;                 list-style-type: none;                 background-color: #eee;                 font-size: 13px;                 height: 40px;                 border-top: 2px solid #eee;                 border-bottom: 2px solid #ccc;             }             #menu li {                 float: left;                 margin: 0;                             }             #menu li a {                 text-decoration: none;                 display: block;                 padding: 0 20px;                 line-height: 40px;                 color: #666;             }             #menu li a:hover, #menu li.active a {                 background-color: #f5f5f5;                 border-bottom: 2px solid #DDD;                 color: #999;             }             #menu_wrapper ul {margin-left: 12px;}             #menu_wrapper {padding: 0 16px 0 0; background: url(https://img.webme.com/pic/k/kaynakkodum/grey.jpg) no-repeat right;}             #menu_wrapper div {float: left; height: 44px; width: 12px; background: url(https://img.webme.com/pic/k/kaynakkodum/grey.jpg) no-repeat left;}                      </style>

HTML KODU

DAHA FAZLA BİLGİ İÇİN www.cssornekleri.com

Bugün 214 ziyaretçi (319 klik) kişi burdaydı!

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol