شرح كيفية وضع اكثر من استايل في نفس الوقت للمنتدى
2 مشترك
صفحة 1 من اصل 1
شرح كيفية وضع اكثر من استايل في نفس الوقت للمنتدى
السلام عليكم
فيما يلي شرح دقيق لطريقة وضع اكثر من استايل في نفس الوقت للمنتدى و اعطاء الأعضاء امكانية معاينة المنتدى بعدة استايلات كل حسب ما يحب...
مثال لمنتدى تم وضع الخاصية عليه: http://themeselect.ahlamontada.com
لفعل ذلك, المرجو اتباع الشرح التالي و المكون من 3 مراحل بدقة شديدة:
1. المرحلة الأولى: اعداد ورقة ال css الخاصة بالستايلات.
1. اول شيء تقوم به قبل بدئ عملية التنسيق هو ان تبحث في موقع مشاطرة الستايلات http://ar.hitskin.com عن كل الستايلات التي تريد ان تضعها في نفس الوقت على منتداك (ملاحظة هامة: يجب عليك اجباريا ان تختار تصاميم من نفس نسخة منتداك).
2. نحن سنختار هنا للمثال فقط لا للحصر 4 تصاميم هي:
http://ar.hitskin.com/search-skin/skin-138662.htm
http://ar.hitskin.com/search-skin/skin-102265.htm
http://ar.hitskin.com/search-skin/skin-132979.htm
http://ar.hitskin.com/search-skin/skin-103479.htm
3. كما يمكنك ملاحظته, كل تصميم يتميز برقم تعريفه على شكل ar.hitskin.com/search-skin/skin-xxxxxx.htm و هذا الرقم الخاص بتعريف التصميم هو الذي يهمنا في موضوعنا هذا
4. قم بنسخ ارقام تعريف كل التصاميم التي تريد ان تضعها على منتداك و اضفها في المكان المخصص لها و المحدد بعلامات xxxxxx في رابط ورقة ال css التالي http://forum_url/xxxxxx-rtl.css . ثم عوض forum_url برابط منتداك بالكامل. بعدها احتفض بهذه الروابط لأننا سنحتاجها فيما بعد.
5. ادخل على لوحة ادارتك >> عناصر اضافية >> إدارة صفحات ال Java-script : ثم قم بانشاء كود جديد.
6. يجب ان تتوخى الحذر ولا تعدل في الكود اعلاه عدى ما سنشير اليه اسفله لا غير:
الكود: ---------تضليل المحتوى
[list=linenums]
[*]$("head").append('');
[*] if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }
[*] function addstyle(nom,lien) { $("#sstyle").append(''); }
[*] $(function(){
[*] $("#frame_chatbox").load(function(){
[*] $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
[*] });
[*] $("iframe[name=smilies]").load(function(){
[*]
[*]$("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('[*] type="text/css">body{margin:0!important;}');
[*] });
[*] $("body").prepend('[*]onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;">');
[*] addstyle("تجربة1","http://help.ahlamontada.com/138662-rtl.css");
[*] addstyle("تجربة2","http://help.ahlamontada.com/102265-rtl.css");
[*] addstyle("تجربة3","http://help.ahlamontada.com/102265-rtl.css");
[*] addstyle("تجربة4","http://help.ahlamontada.com/102265-rtl.css");
[*] });
[/list]
7. لتغيير اسم التصميم, عليك ان تغير اسم التجربة 1 في هذا المثال اذا اردت مثلا ان يكون اسم التصميم "تصميم الدعم الرسمي" بدل "التجربة 1" فما عليك الا تغيير الإسم لا غير.
8. تغيير رابط ورقة ال css الذي هو على هذا الشكل http://forum_url/xxxxxx-rtl.css بالروابط الصحيحة التي اعددتها. هذه العملية سهلة جدا اذ ما عليك الا ان تنسخ الروابط التي سبق لك ان اعددتها اعلاه (المرحلة 4) و تضعها بدل الروابط المتواجدة افتراضياً.
ملاحظة هامة:
يمكنك ان تضيف او تحذف ما تريده من الستايلات و ذلك باضافة او حذف الزوجين التاليين:
الكود: ---------تضليل المحتوى
[list=linenums]
[*]addstyle("تجربة4","http://help.ahlamontada.com/102265-rtl.css");
[/list]
9. قم بتسجيل التغييرات التي قمت بها تم اذهب الى رئيسية منتداك فستجد عليها ان شاء الله
بالتوفيق
فيما يلي شرح دقيق لطريقة وضع اكثر من استايل في نفس الوقت للمنتدى و اعطاء الأعضاء امكانية معاينة المنتدى بعدة استايلات كل حسب ما يحب...
مثال لمنتدى تم وضع الخاصية عليه: http://themeselect.ahlamontada.com
لفعل ذلك, المرجو اتباع الشرح التالي و المكون من 3 مراحل بدقة شديدة:
1. المرحلة الأولى: اعداد ورقة ال css الخاصة بالستايلات.
1. اول شيء تقوم به قبل بدئ عملية التنسيق هو ان تبحث في موقع مشاطرة الستايلات http://ar.hitskin.com عن كل الستايلات التي تريد ان تضعها في نفس الوقت على منتداك (ملاحظة هامة: يجب عليك اجباريا ان تختار تصاميم من نفس نسخة منتداك).
2. نحن سنختار هنا للمثال فقط لا للحصر 4 تصاميم هي:
http://ar.hitskin.com/search-skin/skin-138662.htm
http://ar.hitskin.com/search-skin/skin-102265.htm
http://ar.hitskin.com/search-skin/skin-132979.htm
http://ar.hitskin.com/search-skin/skin-103479.htm
3. كما يمكنك ملاحظته, كل تصميم يتميز برقم تعريفه على شكل ar.hitskin.com/search-skin/skin-xxxxxx.htm و هذا الرقم الخاص بتعريف التصميم هو الذي يهمنا في موضوعنا هذا
4. قم بنسخ ارقام تعريف كل التصاميم التي تريد ان تضعها على منتداك و اضفها في المكان المخصص لها و المحدد بعلامات xxxxxx في رابط ورقة ال css التالي http://forum_url/xxxxxx-rtl.css . ثم عوض forum_url برابط منتداك بالكامل. بعدها احتفض بهذه الروابط لأننا سنحتاجها فيما بعد.
مثال كتب:
اذا كان رابط منتداي هو: http://help.ahlamontada.com
و روابط التصاميم التي تهمني هي:
http://ar.hitskin.com/search-skin/skin-138662.htm ثم http://ar.hitskin.com/search-skin/skin-102265.htm
في هذه الحالة, رابط ورقتا ال css اللتان ساحصل عليهما و سأحتفض بهما هما:
http://help.ahlamontada.com/138662-rtl.css ثم http://help.ahlamontada.com/102265-rtl.css
5. ادخل على لوحة ادارتك >> عناصر اضافية >> إدارة صفحات ال Java-script : ثم قم بانشاء كود جديد.
6. يجب ان تتوخى الحذر ولا تعدل في الكود اعلاه عدى ما سنشير اليه اسفله لا غير:
الكود: ---------تضليل المحتوى
[list=linenums]
[*]$("head").append('');
[*] if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }
[*] function addstyle(nom,lien) { $("#sstyle").append(''); }
[*] $(function(){
[*] $("#frame_chatbox").load(function(){
[*] $("#frame_chatbox").contents().find("head").append($("#tstyle").clone());
[*] });
[*] $("iframe[name=smilies]").load(function(){
[*]
[*]$("iframe[name=smilies]").contents().find("head").append($("#tstyle").clone()).append('[*] type="text/css">body{margin:0!important;}');
[*] });
[*] $("body").prepend('[*]onChange="my_setcookie(\'sstyle\',$(\'#tstyle\')[0].href=this.value,1,0);$(\'#frame_chatbox,iframe[name=smilies]\').contents().find(\'#tstyle\').attr(\'href\',this.value);this.selectedIndex=0;">');
[*] addstyle("تجربة1","http://help.ahlamontada.com/138662-rtl.css");
[*] addstyle("تجربة2","http://help.ahlamontada.com/102265-rtl.css");
[*] addstyle("تجربة3","http://help.ahlamontada.com/102265-rtl.css");
[*] addstyle("تجربة4","http://help.ahlamontada.com/102265-rtl.css");
[*] });
[/list]
7. لتغيير اسم التصميم, عليك ان تغير اسم التجربة 1 في هذا المثال اذا اردت مثلا ان يكون اسم التصميم "تصميم الدعم الرسمي" بدل "التجربة 1" فما عليك الا تغيير الإسم لا غير.
8. تغيير رابط ورقة ال css الذي هو على هذا الشكل http://forum_url/xxxxxx-rtl.css بالروابط الصحيحة التي اعددتها. هذه العملية سهلة جدا اذ ما عليك الا ان تنسخ الروابط التي سبق لك ان اعددتها اعلاه (المرحلة 4) و تضعها بدل الروابط المتواجدة افتراضياً.
ملاحظة هامة:
يمكنك ان تضيف او تحذف ما تريده من الستايلات و ذلك باضافة او حذف الزوجين التاليين:
الكود: ---------تضليل المحتوى
[list=linenums]
[*]addstyle("تجربة4","http://help.ahlamontada.com/102265-rtl.css");
[/list]
9. قم بتسجيل التغييرات التي قمت بها تم اذهب الى رئيسية منتداك فستجد عليها ان شاء الله
بالتوفيق
المتطوع المساعد- أحلى مشرف عام
-
الجنس :
دولتي :
تاريخ التسجيل : 07/08/2013
عدد المشاركات : 500
السمعة : 5
نقاط النشاط : 12483
العمر : 31
رد: شرح كيفية وضع اكثر من استايل في نفس الوقت للمنتدى
شكرا لك على الشرح الرائع
و الذي يليق بشخصيتك الرائع
تقبل مروري
EVERY- عضو جديد
-
الجنس :
دولتي :
تاريخ التسجيل : 19/07/2015
عدد المشاركات : 16
السمعة : 0
نقاط النشاط : 9694
العمر : 23
مواضيع مماثلة
» شرح كيفية ادخال فيديو للمنتدى مع نافدة الارسال الجديدة (ارجو
» HTMLكود الوقت المتبقي على عيد الفطر السعيد 2013,1434
» شرح اضافة اكواد JavaScript للمنتدى
» الحصول على اسم ضومين خاص للمنتدى + ايميل شخصي
» كود تحقق للمنتدى الارشفة الكاملة على جوجل
» HTMLكود الوقت المتبقي على عيد الفطر السعيد 2013,1434
» شرح اضافة اكواد JavaScript للمنتدى
» الحصول على اسم ضومين خاص للمنتدى + ايميل شخصي
» كود تحقق للمنتدى الارشفة الكاملة على جوجل
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى