تطوير ويب » اضافات css » طريقة عمل قائمة بالتسميات تحت الهيدر تعمل بطريقه اوتوماتيكيه
السلام عليكم ورحمة الله بركاتة .. كثير من المدونين يرغب في عمل قائمه بتسميات مدونته وتكون سهله وبسيطه تحت منطقة الهيدر مباشرة .. اليوم درس بسيط وسهل جدا ومثال عليه تجده في مدونتي تحت قائمة التسميات بالايكونات المعبره بمدونتي ستجد قائمه اخرى بالتسميات وبجانب كل تسميه وقسم عدد التدوينات .. بالطبع في اضافة اليوم تستطيع وضع عدد التدوينات بجانب كل تسميه او الاستغناء عنه .. ان اعجبتك الاضافة كما تراها بمدونتي وبالصوره المرفقه يمكنك تطبيق مابالاسفل ...
- سجل دخول الي لوحة تحكم بلوجر > تصميم> تحريرHTML
- قم باخذ نسخه احتياطيه من قالب مدونتك.
- ابحث عن هذا الكود.
]]></b:skin>
4. قم بوضع الكود الموجود بالاسفل قبله مباشرة.
/* MBT Automatic Tabs Menu */
.mbt-label-list h2 {
display: none;
}
.mbt-label-list a {
color: #333333;
}
.mbt-label-list {
background: #E1D4C1;
height: 20px;
border:1px solid #DBC8AD;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
margin: 0 auto;
padding:0px;
text-shadow: 0 1px 0 #E1D4C1;
text-transform: none;
width: 960px;
}
.mbt-label-list li {
border-right: 1px solid #666;
color: #333333;
float: right;
font: bold 13px arial;
margin: 0 2px 5px 0;
padding: 0px 14px;
text-transform: uppercase;
}
.mbt-label-list ul {
float: right;
list-style: none outside none;
margin-bottom: 0;
margin-right: 10px;
padding: 0;
width: 960px;
}
5. ثم قم بالبحث مجددا عن هذا الكود.
<div id='content-wrapper'>
6. تحته مباشرة قم بوضع الكود الموجود بالاسفل.
<div class='mbt-label-list'> <b:section class='mbt-label-list' id='mbt-label-list' preferred='yes' showaddelement='no'>
<b:widget id='Label1' locked='true' title='Labels' type='Label'/>
</b:section></div>
<div class='clear'> </div>
هذا الكود يقوم بانشاء اداة بالتسميات تحت الهيدر مباشرة
تستطيع بعد ذلك الذهاب الي عناصر تصميم الصفحه ان اردت ازالة الترقيم الموجود بجانب كل تسمية.
قم بحفظ قالب مدونتك وتعامل مع القائمه الافقيه من داخل عناصر تصميم الصفحه فلست بحاجه بعد الان الي التعديل الي صفحة القالب لوضع تسميه جديده..
أصدقاء(تطوير ويب)
7تعليقات Blogger
7 عدد التعليقات على موضوع طريقة عمل قائمة بالتسميات تحت الهيدر تعمل بطريقه اوتوماتيكيه
هو ليه انت مش بترد على التاس الى بتعلق عندك ؟؟؟؟؟
انا سالت سؤال لو فيه اجابه ياريت تبلغني هنا لأني زهقت من اني مستني رد
http://blog4note.blogspot.com
@سبايدرمان
السبب هو ان المدونه دى مش المكان اللى باكل منه عيش
هيه بالنسبه لى زى مدونتك بالنسبه لك
وقت ماكون فاضي بدخل
لازم نقدر ظروف بعض تعرف ايه عن ظروفي
ممكن اكون مريض او بموت او سافرت
السلام عليكم و رحمة الله تعالى و بركاته
سأتشرف بزيارتك لمدونتي
http://pr-ograms.blogspot.com/
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .