الأقسام العامة البرامج البرمجة المعلوماتية الإدارة
أعلى
أسفل
منتديات المسلم لبرمجيات الكمبيوتر

مرحبًا بكم في منتديات المسلم للبرمجيات
نرجو منكم التسجيل إذا أردتم إكمال مسيرتكم معنا


منتديات الحاسب والإنترنت
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثقائمة الاعضاءالمجموعاتالتسجيلدخول
مرحبًا بكم في منتديات المسلم للبرمجيات

شاطر | 
 

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

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


عدد المساهمات : 50
تاريخ التسجيل : 30/06/2016
الموقع : http://nf-son.forumotion.com
المزاج راق

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


خالص تحياتي
شبكة ابن النيل و الفرات


عدل سابقا من قبل keko_ferkeko في الخميس يونيو 30, 2016 9:22 am عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://nf-son.forumotion.com
keko_ferkeko
عضو ماسي


عدد المساهمات : 50
تاريخ التسجيل : 30/06/2016
الموقع : http://nf-son.forumotion.com
المزاج راق

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

و هذا كود أبسط لتعديل أي منتدى


الرمز:
<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>


مثال للتصميم



الرمز:
[center][/center]
[center]<!-- Forum Image -->
<img src= "رابط الصور"
Text - الوصف[/center]
[center][/center]
شبكة ابن النيل و الفرات



--------- Signator ----------



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


عدد المساهمات : 10
تاريخ التسجيل : 16/07/2016
المزاج الا

مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   السبت يوليو 16, 2016 5:54 pm

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


عدد المساهمات : 70
تاريخ التسجيل : 08/04/2016
العمر : 36
الموقع : http://mscfc.arabstar.biz
المزاج جيد

القوة الخارقة
القوة:
100/100  (100/100)
الانتماء: الخير

مُساهمةموضوع: رد: طريقة وضع أقسام المنتدى بشكل أفقي   الأحد يوليو 17, 2016 11:16 am

ممتاز واصل



--------- Signator ----------


المسلم للبرمجيات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://mscfc.arabstar.biz
keko_ferkeko
عضو ماسي


عدد المساهمات : 50
تاريخ التسجيل : 30/06/2016
الموقع : http://nf-son.forumotion.com
المزاج راق

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

@Eslam Ashraf كتب:
شكرا على هذا الموضوع والمجهود الرائع
العفو

المنشئ للمنتدى كتب:
ممتاز واصل
حاضر Very Happy



--------- Signator ----------



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

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