+ + + + +
Share/Save/Bookmark

2009-03-15

قائمة ازرار عرضية 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 - احفظ .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

6 اضف تعليق , التعليقات:

بطوط حبوب said...
This comment has been removed by the author.
بطوط حبوب said...

د وائل
ياقلى كتير مجتش هنا

بس عاوز اسأل سؤال

لو انا عاوز احط الازرار دى مش فى خط مستقيم عاوز انطورها كده فوق اعملها ازاى؟

ولو عاوز اعمل خلفيه لكل زرار برضه اعملها ازاى؟

زى دا مثلا؟
http://btemplates.com/2009/10/07/florist/demo/

وشكرا مقدما

بطوط حبوب said...

خلاص يا كتره وصلت

شكرا جزيلا 8-}

gharip said...

السلام عليكم انا اريد شرح لازرار مثل التى توجد هنا الرئيسيه قوالب دروس اريد الشرح فى اسرع وقت بليييييييييييييييييز

♥ شـــذا ♥ روحــــي ♥ said...

شكرا د. وائل

بارك الله فيك

دمت متالق

صوت الحق said...

يوجد عندك دروس للمبدئين فى المدونة

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

اضف تعليقك هنا

اضغط على عنوان البوست لتظهر التعليقات