رد: كيف اضع قائمة أفقية في اعلى الصفحة دون مشاكل
اقتباس:
المشاركة الأصلية كتبت بواسطة 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; }
ولكن واجهتنى مشكلة واتمنى حلها وهى
عدم قدرتى على وضع قوائم فرعية تحت كل قائمة
وشكرا لك أخى ايوب ولجميع القائمين على المنتدى
__________________
التعديل الأخير تم بواسطة ساجد عابد ; 11-14-2012 الساعة 11:08 AM
|