قائمة جانبيه أحترافيه بخصائص CSS3 :رائعة

قائمة جانبيه أحترافيه بخصائص CSS3 :رائعة

إضافة جديدة  و جميلة ولا أروع , الأضاف مدعمة بأفضل خصائص الـ CSS3
القائمة الجانبيه هذه تتميز بخصائص جدأَ رائعه ومن أفضل المميزات انها حصريه وخفيفه جداَ ومنظرها انيق لكل المدونات ولكل الأذواق بأذن الله .


صوة للإضافة

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

1. ادخل مدونتك .
2. ثم التخطيط .
3. أضف اداة عبارة عن HTML.
4. انسخ والصق هذا الكود بها  :

<div align="center"><div class='menu-by-e7tarif'>
<ul>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">إضافات بلوجر</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">قوالب بلوجر</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">حلقات فيديو</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">غوغل أدسنس</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/"> برامج ويندوز</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">دروس بلوجر</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">فيسبوك</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">يوتوب</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">ركن الأندرويد</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">ركن الحماية</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">أخبارالنت</a>
</li>
<li>
<a dir="rtl" href="http://www.e7tarif.com/">الربح من النت</a>
</li>
</ul>
</div>
<style>
/* this is menu by : http://www.e7tarif.com -- */
.menu-by-e7tarif ul{width:350px;float:center;display:block;}.menu-by-e7tarif li{margin: 0;text-align: Center;list-style:none;width:48%;float:right;padding:0 2px 0 3px;}.menu-by-e7tarif li a{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.1em 0 .1em 2.5em;background:#F1F1F1;border:1px solid #DDD;border-radius:3px;color:#444;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.48);}.menu-by-e7tarif li a:before{content:'#39;;position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#39C4FF;height:2em;width:2em;line-height:2em;text-align:Center;font-weight:bold;}.menu-by-e7tarif li a:after{position:absolute;content:'';border:.5em solid rgba(0, 0, 0, 0);left:-1em;top:50%;margin-top:-.5em;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.53);}.menu-by-e7tarif li a:hover:after{left:-.5em;border-left-color:#39C4FF;}
</style><span style="float: right; font-size: 10px; font-weight: normal; line-height: 0px; margin-top: 15px;">
<a href="http://e7tarif.com" style="color: black;">احصل على الاضافه</a></span></div>

         استبدله بالرابط .
         استبدله بأسم الرابط .
إذا واجهكم أي مشكل لا تتددوا في طرحه و شكرا  

منشورة في: إحترف, بلوجر