قائمة مبسطة بتقنية css

 قائمة مبسطة بتقنية css 
من مميزات هذه القائمة
أنها جميلة
امكانية التحكم في الاداة تحكم كامل و العديد 




العديد من المميزات والاقسام لمدونات بلوجر blogger

للمعاية الاداة


نبدأ بـ كيفية تركيب هذه الاداه 



اذهب الى لوحة التحكم الرئيسية ثم اختر تخطيط ثم اختر اضافة الاداة



ستظهر لك نافذه جديدة اختار منها
HTML/JavaScript 



الصق الكود فى المربع الذى امامك
قم بتغير مايلزم
ثم قم بنسخ الكود التالي

[CODE]<div class='widget-content'>
    <style type='text/css'>
    #nav #current{
       background-color: #0092DE;
    }
    #nav #current2{
       background-color: #FFCC00;
    color: #000;
    }
    #nav
    {
        padding:1px;
    }
    #nav li
    {
         display:inline;
    }
    #nav li a
    { 
       font-family:Arial;
       font-size:16px;
       text-decoration: none;
       font-weight: bold;
       padding:7px;
       background-color: #333;
       color:#ffffff;
       border: 1px solid #0092DE;
       margin-top:-12px;
    }
    #nav li a:hover
    {
       background-color:#17A69C;
       border: 1px solid #0092DE;
    }
    </style>
    <ul id="nav">
    <center>
    <li><a href="http://khdeh.blogspot.com/"id="current"><span>الرئيسية</span></a></li>
    <li><a href="http://www..com"id="current2"><span>المنتدى</span></a></li>
    <li><a href="http://www..com/ColorsCode.php"><span>اكودا الالوان</span></a></li>
    <li><a href="http://www..com/cmd.html"><span>اوامر الشيل</span></a></li>
    <li><a href="http://khdeh.blogspot.com"><span>جديد تغريد الطيور</span></a></li>
    <li><a href="http://khdeh.blogspot.com"><span>البغبغاء</span></a></li>
    </center>
    </ul>
    </div>

بقلم المهندس كمال خضر

مبرمج متخصص

ليست هناك تعليقات:

الاشتراك في: تعليقات الرسالة (Atom)