ابن النيل و الفرات
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول
مرحب شهر الصوم

العديد من الخدمات للمواقع و المنتديات


 

 طريقة وضع أقسام المنتدى بشكل أفقي

اذهب الى الأسفل 
كاتب الموضوعرسالة
keko_ferkeko
أسد المنتدى
أسد المنتدى
keko_ferkeko

عضو متميز
مشارك بأكثر من 200 مشاركة
كاتب متميز
كتب أكثر من 200 موضوع
حاصل على الجنسية
مر على وجوده في المنتدى أكثر من 10 سنوات
عضو مطلع
شارك في أكثر من 200 موضوع

المشاركات : 3942
الوظيفة : طالب جامعي

طريقة وضع أقسام المنتدى بشكل أفقي Empty
12022016
مُساهمةطريقة وضع أقسام المنتدى بشكل أفقي

بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته


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

هذا مثال للتصميم المقصود

طريقة وضع أقسام المنتدى بشكل أفقي Pppfl


و إليكم الخطوات

1. اذهب إلى لوحة الإدارة
إدارة عامة
المنتديات و الفئات

2. اضغط على العلامة طريقة وضع أقسام المنتدى بشكل أفقي Editer بجوار القسم المراد تحويله.

3. في وصف المنتدى، ادخل الكود التالي:

الكود:
<span style="float: left; margin: 15px 0px 0px 20px; width: 75%;"><table align="center" width="95%"><tr><td rowspan="2" width="36px">
 
<!-- Forum #1 Image -->
<img src="http://icons.iconarchive.com/icons/designcontest/vintage/48/Sketch-Book-icon.png"></td><td align="left" width="28%">
 
<!-- Forum #1 Link and Name -->
<a href="FORUM-URL"><b>Forum 1</b></a>
 
</td><td rowspan="2" width="36px">
 
<!-- Forum #2 Link and Name -->
<img src="http://icons.iconarchive.com/icons/iconshock/real-vista-social/48/gifts-icon.png"></td><td align="left" width="28%">
<a href="FORUM-URL"><b>Forum 2</b></a></td>
 
<td rowspan="2" width="36px">
 
<!-- Forum #3 Link and Name -->
<img src="http://icons.iconarchive.com/icons/mayosoft/azullustre/48/medal-icon.png"></td><td align="left" width="28%">
<a href="FORUM-URL"><b>Forum 3</b></a></td></tr>
 
<!-- Forum Descriptions -->
<tr><td align="left">
FORUM #1 DESCRIPTION</td>
<td align="left">
FORUM #2 DESCRIPTION</td><td align="left">
FORUM #3 DESCRIPTION</td></tr></table></span>
<div style="float: right; margin-right: 10px">
 
<!-- Icon which appears at the right of the forums -->
<img src="http://icons.iconarchive.com/icons/iconshock/super-vista-business/72/trophy-icon.png" border="0" alt="" /></div><span style="float: left; margin: 25px 0px 0px 10px; width: 75%;">
 
<!-- Text under all three forums -->
Text which will appear under the forums.</span>

4. الآن تستطيع حفظ التغييرات و مشاهدتها.

5. لتعديل الكود، إليكم شرحه

الكود:
<!-- Forum # Image -->
<img src="أيقونة المنتدى"

<!-- Forum # Link and Name -->
<a href="FORUM-URL">
ضع رابط المنتدى بدلاً من FORUM-URL

<b>Forum (#)</b>
ضع اسم المنتدى بدلاً من Forum (#)

<!-- Forum Descriptions -->
<td align="left">FORUM # DESCRIPTION</td>
ضع وصف المنتدى بدلاً من FORUM # DESCRIPTION

<!-- Icon which appears at the right of the forums -->
<img src="الصورة على يمين المنتديات"

<!-- Text under all three forums -->
السطر الموجود أسفل المنتديات الثلاثة


خالص تحياتي



.::الَّلهُمَّـ اجعَلْـ عَمَلَنَا خَالِصًا لِوَجهَكَـ الكَرِيمِـ::.
طريقة وضع أقسام المنتدى بشكل أفقي Last10

Mr Google يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://nf-son.ahlamontada.com
مُشاطرة هذه المقالة على: reddit

طريقة وضع أقسام المنتدى بشكل أفقي :: تعاليق

keko_ferkeko
رد: طريقة وضع أقسام المنتدى بشكل أفقي
مُساهمة الجمعة فبراير 12, 2016 8:27 am من طرف keko_ferkeko
و هذا كود أبسط لتعديل أي منتدى


الكود:
<div style="float: right; margin-right: 10px">
 <!-- Forum Image -->
<img src="http://www.johnmayer.it/forum/images/icons/presentazioni.png" border="0" alt="" />
</div>
 <!-- Forum Description Text -->
<span style="float: left; margin: 25px 0px 0px 10px; width: 75%;">
This is the section where you will find the rules and regulations of the forum, the various FAQ, rules and regulations of the chatbox, and a guide on becoming the perfect user.</span>


مثال للتصميم

طريقة وضع أقسام المنتدى بشكل أفقي Efmphv


الكود:
[center][/center]
[center]<!-- Forum Image -->
<img src= "رابط الصور"
Text - الوصف[/center]
[center][/center]
Abdallah.BeraYda
رد: طريقة وضع أقسام المنتدى بشكل أفقي
مُساهمة الأحد يوليو 03, 2016 8:40 pm من طرف Abdallah.BeraYda
السلام عليكم و رحمة الله و بركاته
ما شاء الله تبارك الله 
طرحت فأبدعت ، و إخترت فتوفقت 
هذا بالفعل هو التعديل الذي ينتظره الكل و جاري تجريبه و العمل 
الشكر موصول لك ، دمت مبدعا 
و شكرا

keko_ferkeko يعجبه هذا الموضوع

keko_ferkeko
رد: طريقة وضع أقسام المنتدى بشكل أفقي
مُساهمة الأحد يوليو 03, 2016 8:43 pm من طرف keko_ferkeko
عليكم السلام و رحمة الله و بركاته

العفو... شكراً على مرورك.
أرجو أن تكون قد استفدت.
MSCFC
رد: طريقة وضع أقسام المنتدى بشكل أفقي
مُساهمة السبت يوليو 16, 2016 4:50 pm من طرف MSCFC
روعة

keko_ferkeko يعجبه هذا الموضوع

keko_ferkeko
رد: طريقة وضع أقسام المنتدى بشكل أفقي
مُساهمة الأحد يوليو 17, 2016 8:22 am من طرف keko_ferkeko
الأروع مرورك و تعليقك.
أرجو أن تكون قد استفدت يبتسم
Mr Google
رد: طريقة وضع أقسام المنتدى بشكل أفقي
مُساهمة الثلاثاء فبراير 20, 2024 8:12 pm من طرف Mr Google
روعه موضوع رائع ومميز
عاشت الايادي دوم التالق

تحياتي

keko_ferkeko يعجبه هذا الموضوع

keko_ferkeko
رد: طريقة وضع أقسام المنتدى بشكل أفقي
مُساهمة الثلاثاء فبراير 20, 2024 8:31 pm من طرف keko_ferkeko
Mr Google كتب:
روعه موضوع رائع ومميز
عاشت الايادي دوم التالق

تحياتي
الأروع مرورك و التعليق.
دمت بود ؛
💐

Mr Google يعجبه هذا الموضوع

 

طريقة وضع أقسام المنتدى بشكل أفقي

الرجوع الى أعلى الصفحة 

صفحة 1 من اصل 1

 مواضيع مماثلة

-
» استفتاء(20):ما أهم أقسام المنتدى بالنسبة لك ؟
» تومبلات احصائيات المنتدى لنسخة [AwesomeBB] بشكل جديد
» طريقة زيادة عدد نقاطك و قوتك في المنتدى..
» أقسام لفنون الأدب
» اكتشف سر نوم ليلة سعيدة: فرحة النوم بشكل صحيح

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
ابن النيل و الفرات :: المنتديات ::  الأقسام الخدمية :: قسم أصحاب المواقع و المنتديات-
انتقل الى: