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


نقدم كل شئ ونهتم بكل شئ
 
الرئيسيةالرئيسية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

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

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

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

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


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

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



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

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

2. اضغط على العلامة  بجوار القسم المراد تحويله.

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/
منصورة
عضو مجتهد
عضو مجتهد
avatar

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

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

جزاك الله خيرا اخي الكريم
على هذا الطرح المفيد وعلى الشرح والكود
في إنتظار جديدك المميز
لك اجمل تحية وتقدير

_________________

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://manssora.yoo7.com/
يشهب
المدير العام
المدير العام
avatar

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

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

أشكرك.. 


نورت الموضوع


خالص تحياتي؛

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

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

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

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

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

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

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

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

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

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

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

فكتبت احترامي وتقديري لكِ و لجمال كلمــ/ـاتكِ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
طريقة وضع أقسام المنتدى بشكل أفقي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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