دروس فى التصميم فى منتديات vBulletin

[هديل]

السلام عليكم ورحمته الله وبركاته
انشاء رح نكون دروس منتديات vBulletin حتى تحترف فى التصميم
اولا درس
كيف تضيف خلفية ( صورة ) للخلية الاولى والثانية

من لوحة التحكم اذهب الى Styles
ومن اسفلها اضغط على Modify ومن جهة اليمين اضغط على
[fonts/colors/etc]
من امام Jump to اختر Main Colors
تظهر لك قائمة الالوان الرئيسية اذهب الى
First Alternating Table Background Color
وهذي تعني لون الخلية الاولى في المستطل الواقع امامها ضع الكود التالي
#FFFFFF"background="{imagesfolder}/my.gif"
مع تغيير اللون والصورة الى ما يناسب منتداك
ومن ثم اذهب الى الخيار
Second Alternating Table Background Color
وتعني لون الخلية الثانية
واضف له نفس الكود السابق مع تغيير مايلزم

[هديل]

كيف تفصل منتدي عن منتدي ؟

أدخل إلى لوحة التحكم.
إدخل إلى تامبليت forumhome
• ابحث عن الكلمة التالية : $forumbits فوقها تماما ستجد الكود التالي :
< code:

<tr align="center">
<td bgcolor="{tableheadbgcolor}"><smallfont> </smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="80%" align="left"><smallfont color="{tableheadtextcolor}"><b>المنتدى</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>المواضيع</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}"><smallfont color="{tableheadtextcolor}"><b>الردود</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" nowrap><smallfont color="{tableheadtextcolor}"><b>آخر مشاركة</b></smallfont></td>
<td bgcolor="{tableheadbgcolor}" width="20%"><smallfont color="{tableheadtextcolor}"><b>باشراف</b></smallfont></td>
</tr>

أمسحه كله .
• الآن عد وأبحث عن كلمة $forumbits وضع تحتها الكود التالي :
code:

</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">

أنتهينا من المرحلة الأولى أحفظ تامبليت forumhome .
ثانيا : أفتح القالب :forumhome_forumbit_level1_nopost
وفي بدايته أي قبل : <tr id="cat">
ضع الكود التالي :
code:

</table>
</td></tr></table><br>
<table cellpadding="{tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{tablebordercolor}" {tableouterextra} width="{contenttablewidth}" align="center"><tr><td>
<table cellpadding="4" cellspacing="{tableinnerborderwidth}" border="0" {tableinnerextra} width="100%">


وبالأخيرأي بعد </tr>, أضف الكود التالي :

code:


<tr align="center">
<td bgcolor="{tableheadbgcolor}"><normalfont> </normalfont></td>
<td bgcolor="{tableheadbgcolor}" width="80%" align="center"><normalfont color="{tableheadtextcolor}">المنتدى</normalfont></td>
<td bgcolor="{tableheadbgcolor}"><normalfont color="{tableheadtextcolor}">المشاركات</normalfont></td>
<td bgcolor="{tableheadbgcolor}"><normalfont color="{tableheadtextcolor}">المواضيع</normalfont></td>
<td bgcolor="{tableheadbgcolor}" nowrap><normalfont color="{tableheadtextcolor}">آخر مشاركة</normalfont></td>
<td bgcolor="{tableheadbgcolor}" width="20%"><normalfont color="{tableheadtextcolor}">بإشراف</normalfont></td>
</tr>

أحفظ التامبليت forumhome_forumbit_level1_nopost وأنتقل إلى ثالثا :

ثالثا :
أفتح التامبليت : forumhome_forumbit_level2_nopost
في آخر التامبليت ستجد </tr>, بعدها مباشرة أضف الكود التالي :
code:


<tr align="center">
<td bgcolor="{tableheadbgcolor}"><normalfont> </normalfont></td>
<td bgcolor="{tableheadbgcolor}" width="80%" align="center"><normalfont color="{tableheadtextcolor}">المنتدى</normalfont></td>
<td bgcolor="{tableheadbgcolor}"><normalfont color="{tableheadtextcolor}">المشاركات</normalfont></td>
<td bgcolor="{tableheadbgcolor}"><normalfont color="{tableheadtextcolor}">المواضيع</normalfont></td>
<td bgcolor="{tableheadbgcolor}" nowrap><normalfont color="{tableheadtextcolor}">آخر مشاركة</normalfont></td>
<td bgcolor="{tableheadbgcolor}" width="20%"><normalfont color="{tableheadtextcolor}">بإشراف</normalfont></td>
</tr>
....................
أدخل إلى التامبليت :
forumhome_forumbit_level1_nopost

وأبحث عن التالي :

<a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><b><largefont color="{categoryfontcolor}">
$forum[title] </b></largefont></a>

قبله مباشرة أضف هذا الكود :

<p align="center">

[هديل]

اضافه خلفيه للمنتدي
روح للوحة التحكم @@

اضغط على Modify أو تعديل ... الخاص بالـ Styles ...

وبعدين اضغط على fonts/colors/etc]

وبعدرين راح تشوف شي اسمه Page Layout

ومستطيل فيه كود اسمه Body Tag .... طبعاً المطلوب منك تغير الكود ...

الكود راح يكون بالشكل هذا:

<body bgcolor="#7697DC" text="#000000" id="all" rightmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#000020" vlink="#000020" alink="#000020">


والكود الجديد إللي لازم تحطه:

<body bgproperties="fixed" background="images/back.jpg" body bgcolor="658AD8" text="#000000" id="all" leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" link="#000020" vlink="#000020" alink="#000020">

بمعنى إنك راح تزيد على الكود الأصلي الكود التالي:

body bgproperties="fixed" background="images/back.jpg"

والصوره تحطها بمجلد الصور ... وفي المثال .. back.jpg ... وإنت تغير اسم الملف على حسب الصوره إللي راح تحطها

[alsahr]

الف شكر اختي هديل على هذه الدروس الرائعه

وان شاء الله نشوف المزيد منها

[هديل]

كيف ترتب التوقيع وتضعه فى مستطيل ((انصح الجميع بعمله لانه رهيب)

استبدل كل مافى تيمبيلت postbit_signature بالتالى
<center>
<p><smallfont><b><font face="tahoma,arial, helvetica,verdana" size="1" color="#C0C0C0">•·.·´¯`·.·•</font><font face="tahoma,arial, helvetica,verdana" color="#800000" size="1">
</font><font face="tahoma,arial, helvetica,verdana" size="1" color="#0000FF">التوقيع</font><font face="tahoma,arial, helvetica,verdana" size="1" color="#C0C0C0">•·.·´¯`·.·•</font></b>
<table border="1" cellpadding="1" cellspacing="1" style="border-collapse: collapse; font-family: Tahoma; border-style: solid" id="AutoNumber2" bordercolorlight="#C0C0C0" bgcolor="#F3F2F1">
<tr>
<td bgcolor="#F3F2F1">
<p align="center"><smallfont>$post[signature]</td>
</tr>
</table>

[هديل]

العفو اخى الساهر

[private]

يعطيك العافيه ... هديل
ومشكوره الف شكر ... على المشاركه الرائعه

[dahom]

مافيه احد يصمملي منتدى

[هديل]

العفو اخى private
هلا dahom شرح تركيب المنتدي موجود

[فتى الإمارات]

ألف ألف شكر لك اختي هديل :)
وما قصرتي :)

وبالنسبة للأخ dahom

هذا رابط شرح طريقة تركيب منتدى :

http://www.absba.org/vb/showthread.php?s=&threadid=12874


وشكراً

مع تحيات

فـــ الإمارات ـــــتى

[absba]

تحياتي

[هديل]

العفو اخى فتى الامارت
هلا الحمادي والعفو

[dahom]

اخوي فتى الامارات
انا عندي الشرح وكل شي بس المشكله اذا حملت المنتدى يقول عندكخطا ما عرف ايش المشكله ساعدني

[offensive]

مشكور على الشرح و لكن عندي سؤال
هل عندك تامبليتات خاصة لمواقع طبية ارجو الافادة وشكرا

[mazen23]

جزاك الله خيرا

وبارك الله فيك

تحياتي........

اخوك..
.
.
.

[عاشق البـنت]

اخواني الموضوع قبل ثلاث سنوات 29-08-2002

واختي هديل ماعتقد هي موجوده الان

على العموم مشكورين على ردكم بس ارجو الانتباه:)

وشكراا

اخوكم
...
..
.

[assaaf]

اخواني الموضوع قبل ثلاث سنوات 29-08-2002

واختي هديل ماعتقد هي موجوده الان

على العموم مشكورين على ردكم بس ارجو الانتباه:)

وشكراا

اخوكم
...
..
.
:) :) :)

[t.j]

شكراً جزيلاً