قائمة ازرار عرضية horizontal buttons

الكثير يسال عن كيفية انشاء قائمة ازرار عرضية , مثل " الرئيسية , للاتصال بنا , عنا , ... " وهكذا

اليكم الطريقة بالتفصيل

( احفظ نسخة احتياطية من القالب )

1- اذهب الى صندوق الاكواد متبعا المسار المعتاد

2- ابحث عن قطعة الـ #header{

ستكون مثلا بالشكل التالى

#header {
height: 110px;
margin: 0px;
padding: 0px;
background-color: $headerBgColor;
}

الصق تحتها هذا الكود

#newnavbar ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}

(السر فى الخاصية الملونة باللون الاحمر التى تجعل الروابط تظهر بشكل عرضى, ويمكنك ايضا التعديل على خاصية موجودة فى هذه الاكواد , اتمنى ان يكون معناها مفهوما , يمكنك قراءة مواضيع " بدايات لابد منها 1 , 2 , 3 , 4 " للمزيد من شرح الاكواد )

3 - احفظ القالب save

4- اذهب الى صفحة عناصر المدونة , وفى منطقة راس المدونة اضغط على : اضافة اداة جديدة

ملحوظة : قد لا تجد خاصية اضافة اداة جديدة مفعلة فى منطقة الراس لديك , يمكنك تفعيلها عن طريق قراءة هذا الموضوع : اضافة قطع الى راس المدونة

5- اختر اداة من نوع HTML/JAVA SCRIPT

وضف بها تلك الاكواد بعد التعديل عليها بما يناسبك , يمكنك تغيير الروابط واسماءها . ويمكنك ايضا اضافة مزيد من اللينكات اوحذفها .

<div id='newnavbar'>
<ul>
<li><a href="www.lu2a.blogspot.com">wael</a></li>
<li><a href="www.art-lu2a.blogspot.com">art</a></li>
<li><a href="www.blogger-lu2a.blogspot.com">دروس</a></li>
<li><a href="www.lu2a.blogspot.com">About Me</a></li>
<li><a href="mailto:dr.wael4health@hotmail.com">للاتصال</a></li>
</ul></div>

6 - احفظ .

اكتب ايميلك هنا