7/30/14

قائمة عمودية بتقنية css لمدونات بلوجر 2014

قائمة عمودية بتقنية 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
اضافة تسميات مدونة بلوجر احترافية