[جديد][rightminisliderit9an]
[جديد][leftminicarouselit9an]

تغيير القائمة الافقية لمدونات بلوجر الى قائمة احترافية

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

بعد عدة الطلبات التي تلقيتها من عدة متابعي مدونة عالم الاحتراف حول كيفية تغيير شكل القائمة الافقية الى قائمة احترافية كما الموجود في مدونة عالم الاحتراف لدالك قررت انشاء شرح للاضافة.

ادن اولا ابحت عن .m بالضغط على ctrl+f 
بعد ايجاده قم بتحديده كاملا و اضع مكانه هدا الكود
............................................................................................................
.inner{

height: 40px;
background:url(http://2.bp.blogspot.com/-Gy-lJez3CrY/UXuvnmG5jmI/AAAAAAAAAPQ/jTY3RlfQmv4/s1600/mainNavigation.png);
}
.m{
height:40px;
width:980px;
border-bottom: 4px solid #d65f08;
margin-left: auto;
margin-right: auto;
}
.m ul{
margin:0;
list-style:none;
float:right;
padding:0;
}
.m ul li{
float:right;
background:url(http://2.bp.blogspot.com/-oCZELxzMqRM/UXu01s9NZuI/AAAAAAAAAPg/4SICp5H8rvk/s1600/navigationSeperator.png) repeat-y right;
}
.m ul li a{
text-decoration: none;
font-size: 12px;
font-family: droidkufi-bold, tahoma;
color: #e6e6e6;
padding: 14px 13px 15px;
line-height: 40px;
text-shadow: 1px 1px 1px #4f4f4f;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.m ul li a:hover{color: #272727;
text-shadow: 1px 1px 0px #777777;
}
.m ul li .home{ background:#d65f08 url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat; padding: 9px 28px 9px;}
.m ul li .home:hover{  background:#d65f08 url(http://3.bp.blogspot.com/-51fDR0Phgdc/UR-eU9z6m8I/AAAAAAAADkc/ELgXmphgCzs/s1600/home.png) center no-repeat; padding: 9px 28px 9px;}
.m ul li a {padding: 14px 9px 15px ;}
}
.m ul li a {padding: 14px 9px 15px ;}
.recherche {
float: left;
height: 27px;
width: 165px;
}

</div>
............................................................................................................

وبعدها ابحت عن هدا الكود <div class='m'>
وضع فوقه هدا الكود <div class='inner'> 
تم ادهب لنهاية الكود واغلقه بالوسم </div>

اتمنى ان تعجبكم الاضافة لا تنسو الاشتراك في قناتنا و الاعجاب بصفحتنا على الفيسبوك و الاشتراك في القائمة البريدية للمدونة لتتوصل بجديدها