-->

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

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

    بسم الله الرحمن الرحيم

    قائمة جانبيه أحترافيه

    قائمة جانبيه أحترافيه
    قائمة جانبيه أحترافيه بخصائص CSS3 - ستعجبك !

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


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

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


     <div class='menu-by-7lolblogger'>
      <ul>
    <li>
    <a dir="rtl" href="http://alkspan.blogspot.com/">متاح</a>
    </li>
    <li>
    <a dir="rtl" href="http://alkspan.blogspot.com">متاح</a>
    </li>
    <li>
    <a dir="rtl" href="http://alkspan.blogspot.com">متاح</a>
    </li>
    <li>
    <a dir="rtl" href="http://alkspan.blogspot.com/">متاح</a>
    </li>
     <li>
    <a dir="rtl" href="http://alkspan.blogspot.com/">متاح</a>
    </li>
     <li>
    <a dir="rtl" href="http://alkspan.blogspot.com/">متاح</a>
    </li>
     <li>
    <a dir="rtl" href="http://alkspan.blogspot.com/">متاح</a>
    </li>
     <li>
    <a dir="rtl" href="http://alkspan.blogspot.com/">متاح</a>
    </li>
    </ul>
    </div>
    <style>
      /* this is menu by : http://www.7lolblogger.com -- */
    .menu-by-7lolblogger ul{width:300px;float:right;display:block;}.menu-by-7lolblogger li{margin: 0;text-align: right;list-style:none;width:48%;float:right;padding:0 2px 0 3px;}.menu-by-7lolblogger 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-7lolblogger li a:before{content:'#';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-7lolblogger 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-7lolblogger li a:hover:after{left:-.5em;border-left-color:#39C4FF;}
    </style>

    غير ما باللون الاحمر برابط المدونه او رابط القسم حيث يمكن استخدام هذة الاداة كبنر اعلانى كلامى
     او استخدامها كأداة اقسام المدونة

    Mohamed Shaban
    @مرسلة بواسطة
    كاتب ومحرر في مدونة : مدونة انتا الكسبان .

    إرسال تعليق