قائمة افقية ثابتة احترافية بتقنية css لمدونات بلوجر ( اضافات بلوجر 2014 )

قائمة افقية ثابتة احترافية بتقنية css لمدونات بلوجر ( اضافات بلوجر 2014 )

::احدث اضافات بلوجر 2015::

**********************************************************
***************************************************

حصريا وفقط على ميكانو

اضافة رائعة لمدونات بلوجر من تعديل وتعريب موقع ميكانو

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

طريقة التركيب :

أولاً: قم بالذهاب إلى مدونتك في بلوجر واختر قالب ثم تحرير HTML

ثانياً: نقوم بالبحث عن هذا الكود في القالب باستخدام CTRL+F

</b:skin>

ثالثا: نقوم بنسخ الكود التالي ثم لصقه أعلى الكود السابق مباشرة

ï»¿/*--MyBloggerLab Sticky Navigation Bar--*/ 
#MBL_wrapper .MBL_social_wrapper 
{ 
margin-top: 15px; 
} 
 
#MBL_wrapper 
{ 
width: 100%; 
margin: auto; 
background: #fff; 
height: 50px; 
border-top: 5px solid #2c2f32; 
border-bottom: 1px solid #EBEBEC; 
-webkit-box-shadow: 0 1px 0 #D2D2D3, 0 1px 3px rgba(0, 0, 0, .2); 
-moz-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.2); 
-o-box-shadow: 0 1px 0 #d2d2d3, 0 1px 3px rgba(0,0,0,.2); 
box-shadow: 0 1px 0 #D2D2D3, 0 1px 3px rgba(0, 0, 0, .2); 
position: fixed; 
z-index: 999; 
} 
 
#MBL_wrapper .topmenu.notice 
{ 
float: right; 
width: 500px; 
margin-top: 15px; 
color: #fff; 
} 
 
#top_menu a 
{ 
color: #fff; 
} 
 
#top_menu 
{ 
display: block; 
float: right; 
list-style: none; 
margin-top: 12px; 
} 
 
#top_menu li 
{ 
display: inline-block; 
margin-left: 15px; 
font-family: 'Patua One', 'Helvetica Neue', Helvetica, Arial,Verdana,sans-serif; 
font-size: 14px; 
text-transform: uppercase; 
} 
 
#top_menu li ul 
{ 
display: none; 
} 
 
#boxed_wrapper 
{ 
width: 980px; 
margin: auto; 
} 
 
.MBL_standard_wrapper 
{ 
width: 960px; 
margin: auto; 
} 
 
.MBL_standard_wrapper.wide 
{ 
width: 980px; 
} 
 
.MBL_standard_wrapper.header 
{ 
margin-bottom: 0px; 
} 
 
.MBL_social_wrapper 
{ 
width: auto; 
float: left; 
} 
 
#menuforall .MBL_social_wrapper 
{ 
margin-top: 15px; 
} 
 
.MBL_social_wrapper ul 
{ 
list-style: none; 
} 
 
.MBL_social_wrapper ul li 
{ 
float: left; 
margin-right: 5px; 
} 
 
.MBL_social_wrapper ul li img 
{ 
width: 24px; 
} 
 
#MBL_menu_wrapper 
{ 
width: 930px; 
height: 50px; 
padding: 0; 
margin:auto; 
} 
 
.mainmenu.notice 
{ 
float: right; 
width: 600px; 
padding:17px 12px 10px 0; 
z-index: 999; 
} 
 
#MBL_menu_wrapper .nav ul, #MBL_menu_wrapper .nav 
{ 
list-style: none; 
display: block; 
float: right; 
margin:0 5px 0 23px; 
width: 700px; 
} 
 
#MBL_menu_wrapper .nav ul li, #MBL_menu_wrapper .nav li 
{ 
display: block; 
float :right; 
margin: 0; 
} 
 
#MBL_menu_wrapper .nav ul li ul, #MBL_menu_wrapper div .nav li ul, .main_nav li ul 
{ 
display: none; 
list-style: none; 
background: #000; 
position:absolute; 
padding: 0; 
margin-top: 51px; 
width: 200px; 
height: auto; 
z-index: 1000; 
padding-top: 5px; 
border-bottom: 5px solid #000; 
border-right: 0; 
} 
 
#MBL_menu_wrapper .nav ul li ul li ul, #MBL_menu_wrapper div .nav li ul, .main_nav li ul li ul 
{ 
margin-right: 200px; 
margin-top: 5px; 
} 
 
#MBL_menu_wrapper .nav li ul li a, .nav li ul li a, #MBL_menu_wrapper .nav ul li.current_page_parent ul.sub-menu li.current_page_item a, .nav li.current-menu-parent ul.sub-menu li.current_page_item a 
{ 
background: none; 
} 
 
.main_nav li ul li 
{ 
width: 100%; 
} 
 
#MBL_menu_wrapper .nav li ul li a, #MBL_menu_wrapper .nav li.current-menu-item ul li a, #MBL_menu_wrapper .nav li ul li.current-menu-item a,#MBL_menu_wrapper .nav ul li ul li a, #MBL_menu_wrapper .nav ul li.current-menu-item ul li a, #MBL_menu_wrapper .nav ul li ul li.current-menu-item a 
{ 
color: #fff; 
display: block; 
width: 188px; 
font-weight: bold; 
line-height: 1em; 
padding:10px 12px 10px 0; 
background: none; 
} 
 
.main_nav ul, .main_nav 
{ 
list-style: none; 
margin: auto; 
width: 600px; 
height: 50px; 
z-index: 999; 
float: right; 
border-right: 1px solid #EBEBEC; 
} 
 
.main_nav ul li, .main_nav li 
{ 
display: block; 
float :right; 
margin: 0; 
} 
 
.main_nav ul li a, .main_nav li a 
{ 
display: block; 
float :right; 
margin:0 0 0 0; 
padding:18px 15px 14px 15px; 
color: #2c2f32; 
font-family: 'Patua One'; 
text-transform: uppercase; 
font-size: 13px; 
font-weight: 500; 
border-left: 1px solid #EBEBEC; 
} 
 
.main_nav ul li ul li a, .main_nav li ul li a 
{ 
width: 165px; 
padding:7px 16px 7px 19px; 
border: 0; 
font-size: 12px; 
font-weight: normal; 
color: #ccc; 
font-family: 'Helvetica Neue', Helvetica, Arial,Verdana,sans-serif; 
} 
 
.main_nav ul li ul li:last-child a, .main_nav li ul li:last-child a 
{ 
border-bottom: 0; 
} 
 
.main_nav ul li a:hover, .main_nav li a:hover, .main_nav ul li a.hover, .main_nav li a.hover, .main_nav ul li a:active, .main_nav li a:active, .main_nav li.current-menu-item a 
{ 
color: #fff; 
background: #1bc4de; 
} 
 
.main_nav li:last-child a:hover, .main_nav li:last-child a.hover 
{ 
border-left: 0; 
} 
 
.main_nav li ul li a, .main_nav li.current-menu-item ul li a,#MBL_menu_wrapper .nav ul li ul li a, #MBL_menu_wrapper .nav ul li.current-menu-item ul li a, #MBL_menu_wrapper .nav ul li ul li.current-menu-item a, 
{ 
display: block; 
width: 170px; 
line-height: 0.7em; 
padding:5px 30px 5px 0; 
} 
 
.main_nav li ul li a:hover, .main_nav li.current-menu-item ul li a:hover, .main_nav li ul li a.hover, .main_nav li.current-menu-item ul li a.hover, #MBL_menu_wrapper .nav ul li.current-menu-item ul li a:hover, #MBL_menu_wrapper .nav ul li ul li.current-menu-item a:hover, .main_nav li ul li:last-child a:hover, .main_nav li ul li:last-child a.hover 
} 
 
div 
{ 
margin:0; 
padding:0; 
border:0; 
font-weight:inherit; 
font-style:inherit; 
font-size:100%; 
font-family:inherit; 
vertical-align:baseline; 
} 
 
a 
{ 
color: #2C2F32; 
text-decoration: none; 
-webkit-transition: color .2s linear, background .1s linear; 
-moz-transition: color .2s linear, background .1s linear; 
-ms-transition: color .2s linear, background .1s linear; 
-o-transition: color .2s linear, background .1s linear; 
transition: color .2s linear, background .1s linear; 
} 
 
/* Font Face ----------------------------------------------- */ 
@font-face { 
font-family: 'Patua One'; 
font-style: normal; 
font-weight: 400; 
src: local('Patua One'), local('PatuaOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/patuaone/v3/yAXhog6uK3bd3OwBILv_SLO3LdcAZYWl9Si6vvxL-qU.woff) format('woff'); 
} 
 
ul{ 
margin: 0; 
padding: 0; 
list-style: none; 
}

رابعا: نقوم بالبحث عن هذا الكود في القالب باستخدام CTRL+F

<body>

خامسا: نقوم بنسخ الكود التالي ثم لصقه أسفل الكود السابق مباشرة

<div id='MBL_wrapper'><div class='MBL_standard_wrapper'><div class='menu-main-menu-container'><ul class='main_nav' id='main_menu'><li class='menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-533' id='menu-item-533'> 
 
<a href='http://micano4u.blogspot.com/'>الرئيسية</a></li>
<li><a href='http://micano4u.blogspot.com/'>من نحن ؟</a></li>
<li><a href='http://micano4u.blogspot.com/'>اعلن لدينا</a></li>
<li><a href='http://micano4u.blogspot.com/'>انضم الينا</a></li>
<li><a href='http://micano4u.blogspot.com/'>أرشيف المدونة</a></li>
<li><a href='htto://www.mybloggerlab.com'>اتصل بنا</a></li>
</ul></div><div id='menu_border_wrapper'></div><div class='MBL_social_wrapper'><ul><li><a href='https://www.facebook.com/mahdi.bayadseh' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl2ZTOiK9MXzDdvqSmRBn2a6cV6qqbQHasO5EXGxgrvsom-5jxJHIA_36ZBpFIlhyids0bgLsedz79ySUZ1lAXwbdS-CjxOfSYkE_dVKxwLIdfxbuLExYme0HERDElQwS_uZtrYH6rvJWS/s1600/facebook.png'/></a></li>
<li><a href='#' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE8pe4xbtxCc0OkOIb764Ux9fc0Y-RbXbF6r3L57Aj7zjpXOweRkeDfRGnjUmmUt3YjWZKJoU-PoBdZ4IZICk8sqK7c3XTiYu3E1emKfrj5YX8o9JjQVCcnCWrNSJPhOJd0PA3K8TWKE82/s1600/twitter.png'/></a></li>
<li><a href='#' target='_blank' title='Flickr'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTnFaua3hvTNBRaE7nY3ETJMOfkSk5iRCv9En5IaFhfmb3-Ts98Oyc-X-_-yFN2N0npX0YvugFTakMCX3HXJMEizRJ-UCYrCWpQtJ1Jh2dt_BWEIE6AVJutm0qmf2gmRXmlJ5sJP3j92Mf/s1600/flickr.png'/></a></li>
<li><a href='#' target='_blank' title='Vimeo'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxQIsBdbk3_TFsRz6TVAhqqoalHQYm3kJO5zos8mkKWVz8ORZAisrDv6DAq011xphRkeZBr4FXRyWpx-GcEc6iakq3ukrp7vJOk80zr8mngcdrWHNE0m6VHcvxSRdoyd-BAZrtdQMQrrqG/s1600/vimeo.png'/></a></li>
<li><a href='#' target='_blank' title='Tumblr'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfogQK3Ni-b8L5VJ4YiV2-_eQTMiG_BJ-3_1YRD_yrnIuLh-BiyIBKVzIHrS4R6QHJeZSWt-ZGmvyEFeyLSrW8fLlZoG5fEoTJwVNz_Ce7fvuLCXhWN25Tys7CLnmgenT0z_MuHmDsn98e/s1600/tumblr.png'/></a></li>
<li><a href='#' target='_blank' title='Google+'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGLzURP3Gz7nlGIQ_pDQKtXQNjnwNAtv2XjxjwfOjk9Hq8ZanalHzMZcVKlUmhVWtiDCo_FIJOOHDWvzpkkwGPrFBt4uGp13kJYim-OONGlYrZH_jH0z-XpaPPHqw1PtgmUYjWj819dPS0/s1600/google.png'/></a></li>
<li><a href='#' target='_blank' title='Dribbble'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe4sXl7bDvOqnK75yBf-3r6GTaErogOdsBX_AdUNAf9ZVK6ZKdjYH0XN03YdaYBewWwgJrmlnYMukvZwoRT1jK1nkFxqk0ZbjjBmygQ0xk6xcrHdF_TfM3BvRMemy_KI92146DjYq3YIlG/s1600/dribbble.png'/></a></li>
<li><a href='#' target='_blank' title='Digg'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2ebye3z0trkumZagrvCwJS45FnWixVzBixJmflKtv-Yn9sbPce6uUN9CFSmiAGgKWx6p9cBeFYOm2sv2ZKm4V6XhRO2CPkunlI2Xfee2h2Mnw-wksuibo1NnN40q-ihGvQglISoflbIkX/s1600/digg.png'/></a></li>
<li><a href='#' target='_blank' title='Linkedin'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQLrg3blXKX7J2NGfUbScsh8R__AKx0rTARCIhKOte_H_wsksaAyuTIM_6IccWN4YLujux3tXE32HDm5hTHCxVY11CEwlJKyUdmKfn9pzUkSIb3HfxKVzFQNuHTNk-KuI3OMlgOpoTVVPk/s1600/linkedin.png'/></a></li>
<li><a href='#' target='_blank' title='Pinterest'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjd8f2vxlDoQiP_r47sZz2vJxo9q7Q6WB6UF_3yOqZ9-ywdXCiu4NwfM3VmC_ofeJ1Q5vOQupo6WRQeAvAgJ9UFoA78tfRYH5gd3gR-inlXVgB1r2mYdBU4IeneDJhEBpgjASd6lbY7ohLz/s1600/pinterest.png'/></a></li>
<li><a href='#' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG_QtC4_C2iG5rdI9jj7i5kms3cwvj7yo9vLq_GkSzcfn4QSYxfQRb8aLtE4oaXFLKoaPsyos-xKrBtVlF01CWDMwhAknXLtCuF70zAzbQ7BZe7zbEHNbHqF21j4iOoMfcsIu7hj-5coDL/s1600/rss.png'/></a></li>
</ul></div></div></div>

قم بحفظ القالب ومبروووك عليك الاضافة الجديدة

قائمة افقية ثابتة احترافية بتقنية css لمدونات بلوجر ( اضافات بلوجر 2014 )

Popular Posts

Labels

Blog Archive

Patches 2019/2020

Micano4u