منتديات فرسان غزة
السلام عليكم مرحبأ بك يا زائر نورت المنتدى نحن سعداء لتواجد هنا
أنت الآن تتصفح منتديات فرسان غزة .. ولديك عدة خيارات على النحو التالي :

1- إذا سجلت مسبقاً بإمكانك تسجيل الدخول لوضع المواضيع أو الرد عليها

2- إن لم تكن مسجل قم بالضغط على زر التسجيل واملأ البيانات للتسجيل

3- إذا أردت القراءة فقط فإختار أحد الأقسام بالأسفل واختار الموضوع المناسب

منتديات فرسان غزة

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

شاطر | 
 

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

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

الجنس : ذكر
عدد المساهمات : 135
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 25
الموقع : http://nf-son.forumotion.com
الأوسمة : قلم ذهبي

مُساهمةموضوع: طريقة وضع أقسام المنتدى بشكل أفقي   الخميس يونيو 30, 2016 9:19 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

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

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

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


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


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


محبك #فارس_فلسطين
clap 


هل صليت اليوم على النبي يا زائر ؟؟


سبحان الله وبحمده سبحان الله العظيم
لا إله إلا الله ،الله اكبر ولله الحمد
اللهم صلّ على نبينا محمد

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

الجنس : ذكر
عدد المساهمات : 135
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 25
الموقع : http://nf-son.forumotion.com
الأوسمة : قلم ذهبي

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

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

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

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

تسلم ياغالي شرح رائع
خالص التقدير


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

الجنس : ذكر
عدد المساهمات : 135
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 25
الموقع : http://nf-son.forumotion.com
الأوسمة : قلم ذهبي

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

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

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

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

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

الجنس : ذكر
عدد المساهمات : 135
البلد : مصر
المهنة : جامعي
تاريخ التسجيل : 30/06/2016
العمر : 25
الموقع : http://nf-son.forumotion.com
الأوسمة : قلم ذهبي

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

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

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