خاصيه الاستيلات المتعدده لمنتديات احلي منتدي حصريا مقدمه من منتدي الشباب و البنات
السلام عليكم يا احلي مدراء
لطالما تحسرتم على رؤيتها حصرياً في أقوى المنتديات المدفوعة ولطالما تمنيتم رؤيتها في منتدياتكم وها هي لكم مجانا و الحلم اصبح حقيقه << بيقلد الزعيم
ندخل في صلب الموضوع كيف تجعل منتداك متعدد الاستيلات
طبعا الطريقه حصريه و ليست كطريقه ال hitskin فتلك الطريقه تجعل في بار في اعلي المنتدي
طيب ازاي نقدر نعملها اولا لازم تتعرف علي خاصيه الكثير غير منبتبه لها و هي التصاميم المؤقته
| ملاحظة : ملحوظه انت تقدر تعمل الاستيل الرئيسي نسخه مثلا pupbb2 و الفرعي pupbb3 يعني اي نسخه تريد ليتصفح كل عضو النسخه الي علي مزاجه << عجيب |
طيب لتفادي الشرح المطول الذي قد يمل منه الاعضاء
اولا حضر الاستيل الي عايز تحطه ثانوي يعني حيكون التركيب بالعكس فالنفترض
انك تريد الاستيل الافتراضي هو
الاسود
ثم الاستيلات الفرعيه الزياده هم
احمر
اخضر
ازرق
اذا حتركب الاول الاحمر و الاخضر و الازرق و بعدين في النهايه الاسود
| تحذير:
تحذير علشان محدش يدعي عليا بفقدان تصاميمه اتاكد انك حافظ كل التصاميم علي جهازك او علي hitskin و احفظ ال css بكل تصميم في مفكره علي جهازك |
طيب حضر الاستيل الثانوي الاول و ركبه علي منتداك يعني كل الاعضاء تتصفحه عادي الان
الان ادخل لوحه التحكم و تأكد ان اللوحه علي الوضع المتقدم و اتبع الاتي
https://i.servimg.com/u/f79/13/29/43/77/12-07-11.png
مظهر المنتدي >> التصاميم >> التصاميم المؤقته
https://i.servimg.com/u/f79/13/29/43/77/12-07-10.png
اضغط علي اضافه استيل جديد
https://i.servimg.com/u/f79/13/29/43/77/12-07-12.png
ثم
https://i.servimg.com/u/f79/13/29/43/77/12-07-13.png
| تنبيه: هااااام فاكر لما قلتلك احفظ ال css بتاع كل تصميم في مفكره علي جهازك
|
ركز في الخطو التاليه
https://i.servimg.com/u/f79/13/29/43/77/12-07-14.png
الان احضر ال css الخاص بالاستيل الي ركبته الان و صعه هنا
https://i.servimg.com/u/f79/13/29/43/77/12-07-15.png
طيب اضغط سجل
https://i.servimg.com/u/f79/13/29/43/77/12-07-16.png
ارجع الان للتصميم المؤقته
https://i.servimg.com/u/f79/13/29/43/77/12-07-19.png
الان نقف شويه انت ممكن تكون الان مش عامل التصاميم بنفسك و جايبهم من ال hitskin
ازاي اجيب ال css
من هنا
https://i.servimg.com/u/f79/13/29/43/77/12-07-17.png
https://i.servimg.com/u/f79/13/29/43/77/12-07-18.png
حلو طيب الان حط الاستيل الثاني علي منتداك بالطريقه العاديه ليكون مرئي للاعضاء كلهم و انسي الاستيل الي حطيته
اوك الان نفذ نفس الخطوات الي فاتت مع عدم نسيان وضع ال css
https://i.servimg.com/u/f79/13/29/43/77/12-07-20.png
ملحوظه هاامه عند اضافه استيل pupbb3
ستظهر لك هكذا
https://i.servimg.com/u/f79/13/29/43/77/12-07-21.png
فلا تضغط سجل افعل الاتي اولا
https://i.servimg.com/u/f79/13/29/43/77/12-07-22.png
اوك الان اضفت ال 3 استيلات ملحوظه متقدرش تعمل اكتر من 3 استيلات مؤقته
يا رب الزعيم يكترهم << ^_^
اوك الان ركب الاستيل الرئيسي الي انت عايزه يكون اساسي
و الاعضاء يبقو يختاروا من الي انت ركبتهم
اوك طيب دلوقتي انت قربت تخلص انت دلوقتي مركب 3 استيلات مؤقته و استيل رئيسي يبقي 4 استيلات
طيب حتقولي فين يا عم دا تغيير الاتسيلات
بص بقي و ركز معايا في الخطوه الجايه لانها مهما جدا
الان اذهب الي الاستتيلات المؤقته
حتلاقي الشكل بقي كدا
الان ركز شايف
#1
#2
#3
دي ارقام الاستيلات قد تختلف من منتددي الي اخر بسبب ان ممكن واحد يحزف تصميم مؤقت و يحط تصميم اخر فيتغير رقم الاستيل الي #4 او #5 علي حسب الترتيب المهم الرقم مهم جدا
الان افتح مفكره و اكتب اسم الاستيل المؤقت الاول
و تحته هذا الرابط
http://xxxxx/forum.htm?change_temp=y
و بدل ال xxx
برابط منتداك
و حرف الواي بالرقم مثلا
الاستيل الازرق الزي رقمه
#3
يكون رابطه عندي انا في منتداي
https://ar-shabab.ahlamontada.net/forum.htm?change_temp=3اوك الان بقي عندك ال 3 روابط بالاضافه الي الرابط الاصلي يمكنك التبديل و التغير وقتما تشاء
بقي خطوه واحده
و هي الكود الي تضع فيه الروابط علشان تسهل علي اعضاء منتداك في شكلين
الشكل الاول شريط واحد اسفل المنتدي مثل الفي بي
https://i.servimg.com/u/f79/13/29/43/77/untitl10.jpg
الكود
- الكود:
-
<!-- جميع الحقوق محفوظه لمنتديات الشباب و البنات -->
<div align="center">
<table class="page" id="table5" width="97%" background="http://i69.servimg.com/u/f69/13/29/43/77/oouu_c10.png" bgcolor="#ffffff" border="0" cellpadding="6" cellspacing="0" height="19">
<tr>
<td class="tfoot">
<font face="Courier New">
<form>
<p align="center" style="font-family: tahoma; font: normal normal normal 11px/normal Tahoma; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">
<select name="liste1" size="1" dir="rtl" style="color: rgb(97, 97, 97); font: normal normal normal 13px/normal tahoma; border-top-color: rgb(97, 97, 97); border-right-color: rgb(97, 97, 97); border-bottom-color: rgb(97, 97, 97); border-left-color: rgb(97, 97, 97); background-color: rgb(234, 236, 255); font-size: 10px; font-family: Tahoma; ">
<option selected value="#">اختر الستايل
</option>
<option value="http://ar-shabab.ahlamontada.net/forum.htm">
الاستيل الافتراضي</option>
<option value="http://ar-shabab.ahlamontada.net/forum.htm?change_temp=4">
---ar-red v 2.1</option>
<option value="http://ar-shabab.ahlamontada.net/forum.htm?change_temp=5">
---ar-pruple v 2.1</option>
<option value="http://ar-shabab.ahlamontada.net/forum.htm?change_temp=6">
---ar-green v 2.1</option>
</select><span class="Apple-converted-space"> </span><input type="button" value="اذهب" onclick="location = form.liste1.options[form.liste1.selectedIndex].value;" style="color: rgb(97, 97, 97); font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; font-family: Tahoma; text-indent: 2px; background-origin: initial; background-clip: initial; border: 1px solid rgb(45, 185, 227); background: initial url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif') initial initial initial initial"></p>
</form>
<td dir="rtl" height="20" style="font-family: tahoma; font: normal normal normal 11px/normal Tahoma; ">
<font face="Courier New">
<embed src="http://www.clocklink.com/clocks/5005-blue.swf?TimeZone=GMT0330&" type="application/x-shockwave-flash" wmode="transparent" width="84" align="left" height="21"></td></font></td>
<td class="tfoot" width="65%" align="left">
<div class="smallfont">
<p><span lang="en-us"> </span><a href="http://ar-shabab.ahlamontada.net/rss"><img alt="RSS -
Orignale" src="http://i11.servimg.com/u/f11/13/01/83/59/rss-g310.gif" align="middle" border="0"></a><strong><font size="2">-
<a style="text-decoration: none;" accesskey="9" rel="nofollow" href="http://ar-shabab.ahlamontada.net/contact.forum">
<font color="#000000">الاتصال بنا</font></a> -
<font color="#ffffff">
<a href="http://ar-shabab.ahlamontada.net/">
<font color="#000000"> <span lang="ar-sa">شبكة
و منتديات </span>الشباب و البنات</font></a></font>
- <a style="text-decoration: none;" href="http://ar-shabab.ahlamontada.net/sitemap.xml"><font color="#000000">الأرشيف</font></a>
-<a style="text-decoration: none;" onclick="self.scrollTo(0, 0); return
false;" href="file:///C:/Documents%20and%20Settings/Mustafa/My%20Documents/My%20Web%20Sites/new_page_1.htm#top"><font color="#000000">الأعلى</font></a><span lang="en-us">
</span></font></strong></p></div>
</td>
</tr>
</table>
</div>
<!-- / جميع الحقوق محفوظه لمنتديات الشباب و البنات -->
الشكل الثاني
جدول تبادل النصي مع الشريط
و مميزات جميله
https://i.servimg.com/u/f79/13/29/43/77/aaaa10.jpg
الكود
- الكود:
-
<!-- جميع الحقوق محفوظه لمنتديات الشباب و البنات -->
<p align="center">
<table id="table1" width="951" border="0">
<tr>
<td>
<style>
<!--
P {MARGIN: 0px}-->
</style><div align="center">
</div><div align="center">
<img style="width: 915px; height: 33px;" src="http://i39.servimg.com/u/f39/13/29/43/77/oouu_o10.png" width="951" height="77"><table id="table3" width="100%" align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td bordercolor="#FFFFFF" align="left">
<style><!--
P {MARGIN: 0px}--></style>
<div align="center">
<table class="tborder" id="table4" style="width: 916px; height: 151px; border-collapse: collapse;" width="916" background="http://i13.servimg.com/u/f13/14/33/40/49/i_back10.png" bgcolor="#ffffff" border="1" bordercolor="#ffffff" cellpadding="6" cellspacing="1">
<thead>
<tr>
<td class="tcat" style="border: 1px solid;" bordercolor="#ffffff" colspan="6" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" background="http://i69.servimg.com/u/f69/13/29/43/77/oouu_c10.png" bgcolor="#ffffff">
<p align="center"><font color="#000000" size="2"><b>الإعلانات
النصية</b></font></p></td>
</tr>
</thead>
<tbody id="collapseobj_adstext">
<tr>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid; font-weight: bold; color: Black;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border-right: 1px solid; border-left: 1px solid; border-bottom: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border-right: 1px solid; border-left: 1px solid; border-bottom: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
</tr>
<tr>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
</tr>
<tr>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
<td class="alt2" style="border: 1px solid;" width="12%" align="middle">
<span style="font-weight: 700; text-decoration: none;">
<font color="#ffffff" size="2">
<a href="http://ar-shabab.ahlamontada.net/contact.forum">
<span style="text-decoration: none;">
<font color="#dbe3f7">اضف موقعك</font></span></a></font></span></td>
</tr>
</table>
</div>
<div align="center">
<table class="page" id="table5" width="97%" background="http://i69.servimg.com/u/f69/13/29/43/77/oouu_c10.png" bgcolor="#ffffff" border="0" cellpadding="6" cellspacing="0" height="19">
<tr>
<td class="tfoot">
<font face="Courier New">
<form>
<p align="center" style="font-family: tahoma; font: normal normal normal 11px/normal Tahoma; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">
<select name="liste1" size="1" dir="rtl" style="color: rgb(97, 97, 97); font: normal normal normal 13px/normal tahoma; border-top-color: rgb(97, 97, 97); border-right-color: rgb(97, 97, 97); border-bottom-color: rgb(97, 97, 97); border-left-color: rgb(97, 97, 97); background-color: rgb(234, 236, 255); font-size: 10px; font-family: Tahoma; ">
<option selected value="#">اختر الستايل
</option>
<option value="http://ar-shabab.ahlamontada.net/forum.htm">
الاستيل الافتراضي</option>
<option value="http://ar-shabab.ahlamontada.net/forum.htm?change_temp=4">
---ar-red v 2.1</option>
<option value="http://ar-shabab.ahlamontada.net/forum.htm?change_temp=5">
---ar-pruple v 2.1</option>
<option value="http://ar-shabab.ahlamontada.net/forum.htm?change_temp=6">
---ar-green v 2.1</option>
</select><span class="Apple-converted-space"> </span><input type="button" value="اذهب" onclick="location = form.liste1.options[form.liste1.selectedIndex].value;" style="color: rgb(97, 97, 97); font-style: normal; font-variant: normal; font-weight: normal; font-size: 10px; font-family: Tahoma; text-indent: 2px; background-origin: initial; background-clip: initial; border: 1px solid rgb(45, 185, 227); background: initial url('http://i87.servimg.com/u/f87/11/37/34/39/mwa03-15.gif') initial initial initial initial"></p>
</form>
<td dir="rtl" height="20" style="font-family: tahoma; font: normal normal normal 11px/normal Tahoma; ">
<font face="Courier New">
<embed src="http://www.clocklink.com/clocks/5005-blue.swf?TimeZone=GMT0330&" type="application/x-shockwave-flash" wmode="transparent" width="84" align="left" height="21"></td></font></td>
<td class="tfoot" width="65%" align="left">
<div class="smallfont">
<p><span lang="en-us"> </span><a href="http://ar-shabab.ahlamontada.net/rss"><img alt="RSS -
Orignale" src="http://i11.servimg.com/u/f11/13/01/83/59/rss-g310.gif" align="middle" border="0"></a><strong><font size="2">-
<a style="text-decoration: none;" accesskey="9" rel="nofollow" href="http://ar-shabab.ahlamontada.net/contact.forum">
<font color="#000000">الاتصال بنا</font></a> -
<font color="#ffffff">
<a href="http://ar-shabab.ahlamontada.net/">
<font color="#000000"> <span lang="ar-sa">شبكة
و منتديات </span>الشباب و البنات</font></a></font>
- <a style="text-decoration: none;" href="http://ar-shabab.ahlamontada.net/sitemap.xml"><font color="#000000">الأرشيف</font></a>
-<a style="text-decoration: none;" onclick="self.scrollTo(0, 0); return
false;" href="file:///C:/Documents%20and%20Settings/Mustafa/My%20Documents/My%20Web%20Sites/new_page_1.htm#top"><font color="#000000">الأعلى</font></a><span lang="en-us">
</span></font></strong></p></div>
</td>
</tr>
</table>
</div>
<p align="center">
<img style="width: 915px; height: 38px;" src="http://i39.servimg.com/u/f39/13/29/43/77/oouu_o11.png" width="959" height="38"></p></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</p>
<!-- / جميع الحقوق محفوظه لمنتديات الشباب و البنات -->
يجب ان تبدل كل المعلومات في الكود بمعلومات منتداك
و طبعا الطريقه بتاعت وضع عناصر اسفل المنتدي مشروحه من قبل
في النهايه ارجوا عدم ازاله حقوقي
و هي لن تظهر في منتداكم
و انما وضعتها ليكون معلوم من بذل الجهد ^^"
لقد اخذ مني كتابه الموضوع و شرحه و تنسيقه ساعات
ارجوا ان ينال اعجابكم
اسف علي التطويل و لاكني شرحت بالتفصيل الممل حتي يفهم المبتدئين و المحترفين ^^"
ارجوا ان تكونا استفدتم و استمتعتم
و لا اريد منكم غير صالح الدعاء بالتوفيق
مع السلامه