كيف اضع قائمة أفقية في اعلى الصفحة دون مشاكل

12-02-2012, 03:13 PM	#1
يوسف طالب مدون جديد تاريخ التسجيل: Dec 2012 المشاركات: 9	مجاب: رد: كيف اضع قائمة أفقية في اعلى الصفحة دون مشاكل أنا : يوسف طالب سجل معنا لتتمتع بهذه الخاصية أنا عندي نفس المشكلة هل تستطيع الشرح أكثر

أفضل جواب - كتبه ساجد عابد

اقتباس:

المشاركة الأصلية كتبت بواسطة Ayoub-php

ادخل الى القالب تحربر html و ابخت عن الصفحة الرشيسية راح تجدها مكتوبة بين اكوان
تلك الاكدواد كررها ومع تعوضي الروابط
+
ممكن رائبط المدونة

جزاك الله خيرا أخى ايوب
1 ) بفضل الله تعالى استطعت أن اصل الى ما اريد في هذه المشكلات
اما الاولي وهي عدم اظهار القائمة بشكل لائق
مثل هذه الصورة

فالسبب هو وجود كود يؤثر في ظهور شريط تحت هذه القائمة فيحدث عملية تداخل بين الشريطين
هذا الكود هو

كود بلغة HTML:

   [CENTER]<b:widget id='HTML101' locked='true' title='Featured Posts' type='HTML'>

فقمت بالبحث عليه وحذفه

وأما الثانية : بالنسبة لوضع هذه القائمة في الاعلى
فقد قمت بحلها عن طريق
استبدال الكود الخاص بظهور شريط القائمة الرئيسية وبجانبه مربع البحث بكود قائمة كاملة افقية
الطريقة
قمت باستبدال هذا الكود بعد البحث عنه

كود بلغة HTML:

   </div></div>
  <div class='second-row'>  <b:section class='crosscol' id='crosscol' showaddelement='no'>
  <b:widget id='PageList1' locked='true' title='Pages' type='PageList'/>
  </b:section> <div id='searchbox'>
  <form action='/search' id='searchthis' method='get'>
  <div class='content'>
  <input class='textfield' name='q' size='24' type='text' value=''/>
  <input class='button' type='submit' value=''/>
  </div>
  </form>

بهذا الكود الخاص بوضع قائمة افقية

كود بلغة HTML:

<div id="tabsE"> <ul> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

ولاتمام هذه العملية بشكل صحيح وحتى تظهر القائمة بالشكل الطبيعى ولا تكون قائمة عادي
قمت بوضع هذا الكود بعد البحث عن

كود بلغة HTML:

]]></b:skin>

تضع هذا الكود فوقها مباشرةً

كود بلغة HTML:

tabsG { float:left; width:100%; background:#666; font: bold 7.5pt Verdana; line-height:normal; } #tabsG ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabsG li { display:inline; margin:0; padding:0; } #tabsG a { float:left; background:url(http://2.bp.blogspot.com/_7wsQzULWIwo/SzvBBuaTrwI/AAAAAAAACv8/G3bPgs-Gu7U/s1600/tableftG.png) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabsG a span { float:left; display:block; background:url(http://4.bp.blogspot.com/_7wsQzULWIwo/SzvBB8X5gTI/AAAAAAAACwA/fwleg9upasg/s1600/tabrightG.png) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabsG a span {float:none;} /* End IE5-Mac hack */ #tabsG a:hover span { color:#FFF; } #tabsG a:hover { background-position:0% -42px; } #tabsG a:hover span { background-position:100% -42px; }

ولكن واجهتنى مشكلة واتمنى حلها وهى
عدم قدرتى على وضع قوائم فرعية تحت كل قائمة
وشكرا لك أخى ايوب ولجميع القائمين على المنتدى

مواقع النشر (المفضلة)

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة لا تستطيع الرد على المواضيع لا تستطيع إرفاق ملفات لا تستطيع تعديل مشاركاتك BB code is متاحة الابتسامات متاحة كود [IMG] متاحة كود HTML معطلة قوانين المنتدى

الانتقال السريع

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
أفضل قائمة منسدلة على بلوجر (قائمة Mashable معربة)	admin	إضافات وأدوات بلوجر	8	06-12-2013 03:37 PM
اخواني طريقة تركيب صورة اعلى المدونة	Ali hassan	طلبات الدعم الفني	2	02-24-2013 01:04 PM
مطلوب قائمة افقية اعلى المدونة	noor zahran	إضافات وأدوات بلوجر	0	01-22-2013 09:01 AM
قائمة أفقية احترافية لكثرة الطلب عليها	Nassro	إضافات وأدوات بلوجر	2	11-11-2012 05:16 PM
إضافة قائمة روابط أفقية على غرار Apple Mac Style الآن على بلوجر	admin	إضافات وأدوات بلوجر	6	08-13-2012 01:25 AM

كيف اضع قائمة أفقية في اعلى الصفحة دون مشاكل

طلبات الدعم الفني