قائمة عمودية بتقنية 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>

<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/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>

</ul>

</div>

=======================================

ومبرووووك عليك الاداة الجديدة

مع تحيات موقع ميكانو

mahdibayadseh

اضافة اقسام مدونة بلوجر

تسميات بلوجر css

اضافة تسميات مدونة بلوجر احترافية