ads
قوانين العامة الجديدة بمنتديات المستقبل | هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة | هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة | هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة | هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة |


نقدم كل شئ ونهتم بكل شئ
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
يشهب
المدير العام
المدير العام
يشهب


ذكر عدد المساهمات : 411
نقاط : 3266
التقييم : 3
تاريخ الميلاد : 01/05/1992
تاريخ التسجيل : 10/08/2016
العمر : 31

طريقة وضع أقسام المنتدى بشكل أفقي Empty
مُساهمةموضوع: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي Emptyالإثنين أغسطس 29, 2016 8:37 am

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


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

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

طريقة وضع أقسام المنتدى بشكل أفقي 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 -->
السطر الموجود أسفل المنتديات الثلاثة


خالص تحياتي
منقول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://nf-son.forumotion.com/
منصورة
عضو مجتهد
عضو مجتهد
منصورة


انثى عدد المساهمات : 91
نقاط : 3075
التقييم : 1
تاريخ الميلاد : 28/01/1963
تاريخ التسجيل : 08/03/2016
العمر : 61

طريقة وضع أقسام المنتدى بشكل أفقي Empty
مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي Emptyالخميس سبتمبر 01, 2016 9:18 pm

جزاك الله خيرا اخي الكريم
على هذا الطرح المفيد وعلى الشرح والكود
في إنتظار جديدك المميز
لك اجمل تحية وتقدير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://manssora.yoo7.com/
يشهب
المدير العام
المدير العام
يشهب


ذكر عدد المساهمات : 411
نقاط : 3266
التقييم : 3
تاريخ الميلاد : 01/05/1992
تاريخ التسجيل : 10/08/2016
العمر : 31

طريقة وضع أقسام المنتدى بشكل أفقي Empty
مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي Emptyالجمعة سبتمبر 02, 2016 1:51 pm

أشكرك.. 


نورت الموضوع


خالص تحياتي؛
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://nf-son.forumotion.com/
admin
المدير العام
المدير العام
admin


دولتي : الجزائر
ذكر عدد المساهمات : 1490
نقاط : 5662
التقييم : 1
تاريخ الميلاد : 11/08/2002
تاريخ التسجيل : 20/02/2016
العمر : 21

طريقة وضع أقسام المنتدى بشكل أفقي Empty
مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي Emptyالسبت سبتمبر 03, 2016 9:26 am

admin كتب:
8- يمنع قول المصدر من منتدى اخرى , نكتفي بقول كلمة [ منقول ]

الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.mosta9bel.com
Ramy Osman
عضو متميز
عضو متميز
Ramy Osman


دولتي : مصر
ذكر عدد المساهمات : 410
نقاط : 3296
التقييم : 0
تاريخ الميلاد : 01/06/1997
تاريخ التسجيل : 01/10/2016
العمر : 26

طريقة وضع أقسام المنتدى بشكل أفقي Empty
مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي Emptyالأربعاء أكتوبر 05, 2016 3:55 pm

كلمـاتك اروع  من الخيــ/ــال

وأجمل من ضياء القمــر

فلهـاذا أوقفت ساحـات أفكـاري

لكن أحتـار قلبي فيما يكتب لكِ

فكتبت احترامي وتقديري لكِ و لجمال كلمــ/ـاتكِ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
طريقة وضع أقسام المنتدى بشكل أفقي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
»  Java script اضافة خانة الدخول بشكل احترافي على عارضة المنتدى
» طريقة تشغيل سيرياتوك|سيرياتالك|ع الكمبيوتر مع طريقة صناعة حساب
» حل مشكلة تصفح الاستايلات من الجوال بشكل نهائي
» [Template] كود اظهار (عدد المواضيع,المساهمات,اخر مساهمه) على الرئيسيه بشكل جميل
» تغيير شكل التقييم بشكل مختلف - نظام تقييم جديد موضح العدد

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات المستقبل :: الاقسام التطويرية :: قسم تطوير منتديات احلى منتدى :: عالم اكواد الـ html-
انتقل الى:  
.
التعليقات المنشورة لا تعبر عن رأي الموقع ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)