قائمة عمودية بتقنية css لمدونات بلوجر 2014
احدث اضافات بلوجر لعام 2014
حصريا على ميكانو قائمة رأسية احترافية مع صور للـ بلوجر
من تعديل موقع ميكانو
التركيب سهل جدا
اولا : اذهب الى تخطيط
ثانيا : اختار اضافة اداة
ثالثا : اختار HTML/JavaScript
رابعا : انسخ الكود وقم بلصقه في اضافة الاداة وقم بالحفظ
=======================================
<style>
#vbar ul{list-style-type:none;list-style: none;margin:0px;padding:0px;border-top:1px solid #d6d6d6;}
#vbar ul li{background:#f8f7f7;padding:10px 10px;margin-right: 6px;color:#666;box-shadow:inset 0 0 1px #fff;border-bottom:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;margin:0;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}
#vbar ul li:hover{background:#D6FF00;box-shadow:inset 0 0 2px #ddd;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}
#vbar a{text-decoration:none;color:#2D2D2D;}
#vbar a:hover{text-decoration:none;color:#037DFF;}
#vbar h2{margin:8px;color:#666;border:1px solid #d6d6d6;background: -moz-linear-gradient(top, #f8f8f8, #eaeaea);background: -webkit-gradient(linear top, #f8f8f8, #eaeaea);background: -ms-linear-gradient(top, #f8f8f8, #eaeaea);background: -o-linear-gradient(top, #f8f8f8, #eaeaea);padding:8px;font-family:'alweeam', 'Droid Arabic Kufi', Arial,Helvetica,Sans-serif;font-size:12px;line-height:24px;font-weight:bold;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;-ms-transition: All 1s ease;transition: All 1s ease;}
#vbar ul li a {color:#000;font-size:20px;font-family: Tahoma, Arial;font-weight: normal;text-decoration: none;-webkit-transition: All 0.5s ease;-moz-transition: All 0.5s ease;-o-transition: All 0.5s ease;-ms-transition: All 0.5s ease;transition: All 0.5s ease;}
#vbar .widget { border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px; box-shadow:inset 0 0 4px #eee; }
.menu a img {float:right;padding-left:10px;}
</style>
<div id="vbar">
<ul>
<li class="menu"><a href="http://micano4u.blogspot.com/"><img src="https://cdn1.iconfinder.com/data/icons/pretty-office-part-4-simple-style/24/Home.png" />الرئيسية</a></li>
<li class="menu"><a href="http://micano4u.blogspot.com/p/blog-page_29.html"><img src="https://cdn1.iconfinder.com/data/icons/bloggin/24/archive.png" />فهرس الموقع</a></li>
<li class="menu"><a href="http://micano4u.blogspot.com/2013/06/blog-post_2993.html"><img src="https://cdn1.iconfinder.com/data/icons/free-social-media-icons/24/Phone_number.png" />إتصل بنا</a></li>
<li class="menu"><a href="http://micano4u.blogspot.com/2014/01/blog-post.html"><img src="http://www.contrebombarde.com/concerthall/images/24x24/user_add.png" />التسجيل في الموقع</a></li>
<li class="menu"><a href="http://micano4u.blogspot.com/p/blog-page_77.html"><img src="https://cdn1.iconfinder.com/data/icons/free-blue-button-icons-1/24/Book_of_record.png" />شروط الخدمة</a></li>
<li class="menu"><a href="http://micano4u.blogspot.com/2013/06/blog-post_8012.html"><img src="https://cdn1.iconfinder.com/data/icons/freeapplication/png/24x24/Info.png" />نبذة عنا</a></li>
</ul>
</div>
=======================================
ومبرووووك عليك الاداة الجديدة
مع تحيات موقع ميكانو
mahdibayadseh
اضافة اقسام مدونة بلوجر
تسميات بلوجر css
اضافة تسميات مدونة بلوجر احترافية
