تطوير ويب » تنسيق القالب » قائمة عامودية باللون الاحمر الانيق لمدونة بلوجر بتقنية ال css
السلام عليكم ورحمة الله وبركاته موعدنا اليوم مع اضافة وضعت منها في مدونتي عشرات الاشكال وهي اضافة قائمة عموديه باللون الاحمر بتسميات واقسام المدونه يتم وضعها في العامود الجانبي كما في الصوره المرفقه بالموضوع ..ان اعجبتك الاضافه قم باتباع مابالاسفل.. ---->>>>
* اذهب الي تصميم ثم الي تحرير HTML.
* ابحث عن الكود التالي </head>
ضع قبله الكود الذي بالاسفل
<style type="text/css">
<!--
#menucase ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;width:200px;}
#menucase ul.vert-one li{margin:0;padding:0;border-top:1px solid #4D0000;border-bottom:1px solid #761A1A;}
#menucase ul.vert-one li a{display:block;text-decoration:none;color:#fff;background:#600;padding:0 0 0 20px;width:180px;}
#menucase ul.vert-one li a:hover{background:#900 url("http://santabanta.mywapblog.com/files/vert-one-arrow.gif") no-repeat 0 9px;}
#menucase ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#933 url("http://santabanta.mywapblog.com/files/vert-one-arrow.gif") no-repeat 0 9px;}
-->
</style>
* قم بحفظ قالب مدونتك.
* اذهب مجددا الى عناصر تصميم الصفحه.
* قم باختيار اداه جديده من نوع HTML/javascript.
ضع بداخلها الكود الموجود بالاسفل
<div id="menucase">
<ul class="vert-one">
<li><a href="TAB1 URL HERE" title="CSS Menus">TAB1 TITLE HERE</a></li>
<li><a href="TAB2 URL HERE/" title="CSS Menus">TAB2 TITLE HERE</a></li>
<li><a href="TAB3 URL HERE/" title="CSS Menus" class="current">TAB3 TITLE HERE</a></li>
<li><a href="TAB4 URL HERE/" title="CSS Menus">TAB4 TITLE HERE</a></li>
<li><a href="TAB5 URL HERE/" title="CSS Menus">TAB5 TITLE HERE</a></li>
<li><a href="TAB6 URL HERE/" title="CSS Menus">TAB6 TITLE HERE</a></li>
<li><a href="TAB7 URL HERE/" title="CSS Menus">TAB7 TITLE HERE</a></li>
</ul>
</div>
ملحوظه:- قم بتغيير الرابط الاحمر داخل الكود برابط القسم والكلام ذات اللون الاخضر باسم التسميه او القسم.
اي استفسار يرجا ترك تعليق بالاسفل!!
أصدقاء(تطوير ويب)
0تعليقات Blogger
لا توجد تعليقات على موضوع "قائمة عامودية باللون الاحمر الانيق لمدونة بلوجر بتقنية ال css"
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .