رابط نصي
رابط نصي
رابط نصي
رابط نصي
ملتقى أهل فلسطين

ملتقى أهل فلسطين للحوار ومشاركة المواضيع في كل المجالات
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

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

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


عضو ماسي

عضو ماسي
.معلوماتاضافية
الجنس : ذكر
عدد المساهمات : 167
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 31
الأوسمة : قلم ذهبي

طريقة وضع أقسام المنتدى بشكل أفقي Empty
http://nf-son.forumotion.com
مُساهمةموضوع: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي I_icon_minitimeالخميس يونيو 30, 2016 9:19 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 -->
السطر الموجود أسفل المنتديات الثلاثة


خالص تحياتي
شبكة ابن النيل و الفرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
عمر
عمر


المدير العام

المدير العام
.معلوماتاضافية
الجنس : ذكر
عدد المساهمات : 594
البلد : فلسطين
المهنة : جامعي
تاريخ التسجيل : 13/12/2012
العمر : 25
الموقع : فلسطين - غزة

طريقة وضع أقسام المنتدى بشكل أفقي Empty
https://fc.lc/8Mlc2yw
مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي I_icon_minitimeالخميس يونيو 30, 2016 3:55 pm

موضوع قيم وجميل


بارك الله فيك صديقي وجعله الله في ميزان حسناتك


تقبل مروري وفائق احترامي وتقديري


محبك #فارس_فلسطين
clap 
الرجوع الى أعلى الصفحة اذهب الى الأسفل
يشهب
يشهب


عضو ماسي

عضو ماسي
.معلوماتاضافية
الجنس : ذكر
عدد المساهمات : 167
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 31
الأوسمة : قلم ذهبي

طريقة وضع أقسام المنتدى بشكل أفقي Empty
http://nf-son.forumotion.com
مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي I_icon_minitimeالخميس يونيو 30, 2016 9:50 pm

أشكرك على مرورك و ردك الرقيق...
تقبل تحياتي :)
الرجوع الى أعلى الصفحة اذهب الى الأسفل
اسامه العراقي
اسامه العراقي


كبار الشخصيات

كبار الشخصيات
.معلوماتاضافية
الجنس : ذكر
عدد المساهمات : 326
البلد : العراق
المهنة : غير معروف
تاريخ التسجيل : 17/06/2016
العمر : 33
الأوسمة : العضو النشيط

طريقة وضع أقسام المنتدى بشكل أفقي Empty
http://asama.lamuntada.com/
مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي I_icon_minitimeالخميس يوليو 07, 2016 7:46 pm

تسلم ياغالي شرح رائع
خالص التقدير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
يشهب
يشهب


عضو ماسي

عضو ماسي
.معلوماتاضافية
الجنس : ذكر
عدد المساهمات : 167
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 31
الأوسمة : قلم ذهبي

طريقة وضع أقسام المنتدى بشكل أفقي Empty
http://nf-son.forumotion.com
مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي I_icon_minitimeالخميس يوليو 07, 2016 8:52 pm

العفو.. الشكر موصول لك ^_^
الرجوع الى أعلى الصفحة اذهب الى الأسفل
wesso 998
wesso 998


عضو جديد

عضو جديد
.معلوماتاضافية
الجنس : ذكر
عدد المساهمات : 10
البلد : فلسطين
المهنة : غير معروف
تاريخ التسجيل : 08/07/2016
العمر : 29

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

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


عضو ماسي

عضو ماسي
.معلوماتاضافية
الجنس : ذكر
عدد المساهمات : 167
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 31
الأوسمة : قلم ذهبي

طريقة وضع أقسام المنتدى بشكل أفقي Empty
http://nf-son.forumotion.com
مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   طريقة وضع أقسام المنتدى بشكل أفقي I_icon_minitimeالجمعة يوليو 08, 2016 1:00 pm

الشكر موصول لك
عيدك سعيد
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
طريقة وضع أقسام المنتدى بشكل أفقي
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طريقة تسريع وتنظيف الجهاز ، طريقة تسريع وتنظيف الكمبيوتر
» كود css خلفية واطار بشكل احترافى على عناوين الاقسام
» كود تومبيلات اطار للتواقيع بشكل احترافي لجميع النسخ
» كود css تغير لون الرابط عند مرور الماوس عليه بشكل جذاب
» كود تومبيلايت البيانات الشخصيه بشكل جديد واحترافي افضل من الفي بي

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