|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
11-13-2012, 04:14 PM | #1 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 94
الإجابات الموجودة: 1
|
مجاب: كيف اضع قائمة أفقية في اعلى الصفحة دون مشاكل
السلام عليكم ورحمة الله وبركاته
أخوانى الكرام عندى مشكلة ربما تكون بسيطة عليكم فارجو المساعدة... المشكلة تتلخص فى وجود بعض القوالب لها قائمة افقية قبل التعريب مثل هذا القالب ولكن بعد تعريب القالب تختفي هذه القوائم !!! فكيف اصممم هذه القائمة بانتظام ؟ أى وضعها في اماكن جيدة مثلاً أن اضيفها بجوار كلمة القائمة الرئيسية مع العلم: أنني تعلمت أن اضيف قوائم افقية بسهولة ولكن طلبى كما قلت وشكراً كما موضح في الصورة ولكن ان اريد ان اجعل القائمة فى الاعلى على المربع البرتقالى
__________________
التعديل الأخير تم بواسطة ساجد عابد ; 11-13-2012 الساعة 04:17 PM |
أفضل جواب - كتبه ساجد عابد | |
اقتباس:
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-13-2012, 04:33 PM | #2 |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 94
الإجابات الموجودة: 1
|
رد: كيف اضع قائمة أفقية في اعلى الصفحة دون مشاكل
وربما تظهر القائمة بهذا الشكل الغير منتظم
وهذا هو الشكل التخطيطى للقالب
__________________
|
11-13-2012, 09:25 PM | #3 |
مدون مميز
تاريخ التسجيل: Oct 2012
الدولة: tétouan
المشاركات: 359
الإجابات الموجودة: 16
|
رد: كيف اضع قائمة أفقية في اعلى الصفحة دون مشاكل
ادخل الى القالب تحربر html و ابخت عن الصفحة الرشيسية راح تجدها مكتوبة بين اكوان تلك الاكدواد كررها ومع تعوضي الروابط + ممكن رائبط المدونة
__________________
|
11-14-2012, 11:04 AM | #4 | |
مدون جديد
تاريخ التسجيل: Oct 2012
المشاركات: 94
الإجابات الموجودة: 1
|
رد: كيف اضع قائمة أفقية في اعلى الصفحة دون مشاكل
اقتباس:
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 |
|
12-02-2012, 03:13 PM | #5 |
مدون جديد
تاريخ التسجيل: Dec 2012
المشاركات: 9
|
رد: كيف اضع قائمة أفقية في اعلى الصفحة دون مشاكل
|
مواقع النشر (المفضلة) |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
أفضل قائمة منسدلة على بلوجر (قائمة 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 |
الساعة الآن 02:47 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |