قائمة أفقية الحمراء الامعة لمدونات البلوجر

<style>
.mbt-red-grey-menu{
border:5px solid #cd0000;
padding:0;
clear:both;
}

.mbt-red-grey-menu{
margin:0px;
padding: 0;
float: right;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxvyb-ygFmm9AFYNaii1PRsRlWFl_9xY2Icr7kdJXUc9A-WzQz5MMjJfXczbRDSKUl8b0ni3F-bu59El55RaGSbJK__RN5NWOrH4fUcP7XyCS3bfKJInR7BzHCdCQhwf6eWyWuMiDo6is/s400/blockdefault.gif) center center repeat-x;
}

.mbt-red-grey-menu li{
display: inline;
}

.mbt-red-grey-menu li a{
float: right;
color: #fff;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.mbt-red-grey-menu li a:visited{
color: #fff;
}

.mbt-red-grey-menu li a:hover, .mbt-red-grey-menu li a.selected{
color: #fff;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-oKa39hKbchZgoGWoA3JvHZQZyglcQ_xx_4OrGUT-nm1D97rGOdsGmk2b44-zJ5eMnMMh1zcIIfLvb7u1V5AtYja_0pKAA2R6dmS3Wf7e3GkfPe-hZdblCrlAcKP5tz7fUHlpwB69g38/s400/blockactive.gif) center center repeat-x;
}

</style>



<ul  class="mbt-red-grey-menu">
<li><a href="ضع هنا الرابط">الرئيسية</a></li>
<li><a href="ضع هنا الرابط" >من أنا</a></li>
<li><a href="ضع هنا الرابط">أتصل بي</a></li>
<li><a href="ضع هنا الرابط">الخريطة</a></li>
</ul>

أضافة قائمة أفقية ذهبية لمدونات البلوجر

وسلام عليكم ورحمة الله