خاصيه الاستيلات المتعدده لمنتديات احلي - كود حفظ حقوق - مجموعه اكواد مميزة

خاصيه الاستيلات المتعدده لمنتديات احلي - كود حفظ حقوق - مجموعه اكواد مميزة
خاصيه الاستيلات المتعدده لمنتديات احلي - كود حفظ حقوق - مجموعه اكواد مميزة
خاصيه الاستيلات المتعدده لمنتديات احلي - كود حفظ حقوق - مجموعه اكواد مميزة
السلام عليكم يا احلي مدراء
لطالما تحسرتم على رؤيتها حصرياً في أقوى
المنتديات المدفوعة ولطالما تمنيتم رؤيتها في منتدياتكم وها هي لكم مجانا و
الحلم اصبح حقيقه << بيقلد الزعيم

ندخل في صلب الموضوع كيف تجعل منتداك متعدد الاستيلات
طبعا الطريقه حصريه و ليست كطريقه ال 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
يكون رابطه عندي انا في منتداي
http://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="https://i.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('https://i.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="https://i.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 and Settings/Mustafa/My Documents/My Web Sites/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="https://i.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="https://i.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="https://i.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="https://i.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('https://i.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="https://i.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 and Settings/Mustafa/My Documents/My Web Sites/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="https://i.servimg.com/u/f39/13/29/43/77/oouu_o11.png" width="959" height="38"></p></td> </tr> </table> </div> </td> </tr> </table> </p> <!-- / جميع الحقوق محفوظه لمنتديات الشباب و البنات -->

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

في النهايه ارجوا عدم ازاله حقوقي
و هي لن تظهر في منتداكم
و انما وضعتها ليكون معلوم من بذل الجهد ^^"
لقد اخذ مني كتابه الموضوع و شرحه و تنسيقه ساعات
ارجوا ان ينال اعجابكم
اسف علي التطويل و لاكني شرحت بالتفصيل الممل حتي يفهم المبتدئين و المحترفين ^^"
ارجوا ان تكونا استفدتم و استمتعتم
و لا اريد منكم غير صالح الدعاء بالتوفيق
مع السلامه