هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
اكثر من ستايل
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
رد: اكثر من ستايل
السلام عليكم
مرحباً بك في منتدى الدعم و المساعدة الخاص بشركة احلى منتدى![اكثر من ستايل Banner4](https://2img.net/i/fa/banner/ar/banner4.jpg)
بما
أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع
على محتواها قبل أي سؤال مقبل:
قانون منتدى الدعم من الواجب عليك احترامها للحصول على إجابة سريعة
مواضيع تشرح لك بالصور كل تقنيات و خبايا ادارة منتداك
مواضيع تشرح لك تقنيات منقدمة لتشخيص ورفع مردود منتداك
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
و الآن, للإجابة على سؤالك,...
شرح كيفية وضع اكثر من استايل في نفس الوقت للمنتدى
![اكثر من ستايل 123759](https://2img.net/u/1811/68/54/94/smiles/123759.gif)
مرحباً بك في منتدى الدعم و المساعدة الخاص بشركة احلى منتدى
![اكثر من ستايل Banner4](https://2img.net/i/fa/banner/ar/banner4.jpg)
بما
أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع
على محتواها قبل أي سؤال مقبل:
![اكثر من ستايل A11](https://i.servimg.com/u/f24/11/32/95/02/a11.png)
![اكثر من ستايل Z10](https://i.servimg.com/u/f24/11/32/95/02/z10.png)
![اكثر من ستايل A10](https://i.servimg.com/u/f24/11/32/95/02/a10.png)
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
و الآن, للإجابة على سؤالك,...
شرح كيفية وضع اكثر من استايل في نفس الوقت للمنتدى
رد: اكثر من ستايل
ليست لديك صلاحيات قراءة هذا الموضوع! معاينته مقتصرة فقط على الأعضاء الذين لديهم صلاحيات خاصة.
رد: اكثر من ستايل
السلام عليكم
فيما يلي شرح دقيق لطريقة وضع اكثر من استايل في نفس
الوقت للمنتدى و اعطاء الأعضاء امكانية معاينة المنتدى بعدة استايلات كل
حسب ما يحب...
مثال لمنتدى تم وضع الخاصية عليه: 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 برابط منتداك بالكامل. بعدها احتفض بهذه الروابط لأننا سنحتاجها فيما بعد.
<blockquote>
مثال:
اذا كان رابط منتداي هو: https://help.ahlamontada.com
و روابط التصاميم التي تهمني هي:
http://ar.hitskin.com/search-skin/skin-138662.htm ثم http://ar.hitskin.com/search-skin/skin-102265.htm
في هذه الحالة, رابط ورقتا ال css اللتان ساحصل عليهما و سأحتفض بهما هما:
https://help.ahlamontada.com/138662-rtl.css ثم https://help.ahlamontada.com/102265-rtl.css
</blockquote>
2. المرحلة الثانية: اعداد كود التغيير.
5. ادخل على لوحة ادارتك >> عناصر اضافية >> إدارة صفحات ال HTML : ثم قم بانشاء صفحة HTML جديدة.
6.
اعط عنوان لصفحتك ثم تأكد ان الخاصيتين "هل تود استعمال أعلى و أسفل صفحة
منتداك؟" + "استعمال هذه الصفحة كصفحة رئيسية؟" موضوعتين على "لا"
7.
قم بنسخ الكود التالي و وضعه في صفحة ال HTML التي انشأت (نفس الكود تم
ارفاقه في ملف مع هذا الموضوع تحت اسم themes_selector.txt ):
8. يجب ان تتوخى الحذر ولا تعدل في الكود اعلاه عدى ما سنشير اليه اسفله لا غير:
9.
لتغيير اسم التصميم, عليك ان تغير الأسماء المتواجدة بين الكودين
<option value="valeur1">التصميم 1</option> في هذا المثال اذا
اردت مثلا ان يكون اسم التصميم "تصميم الدعم الرسمي" بدل "التصميم 1" فما
عليك الا تغيير الإسم لا غير.
10. تغيير رابط ورقة ال css الذي هو على هذا الشكل http://forum_url/xxxxxx-rtl.css
بالروابط الصحيحة التي اعددتها. هذه العملية سهلة جدا اذ ما عليك الا ان
تنسخ الروابط التي سبق لك ان اعددتها اعلاه (المرحلة 4) و تضعها بدل
الروابط المتواجدة افتراضياً.
ملاحظة هامة:
يمكنك ان تضيف او تحذف ما تريده من الستايلات و ذلك باضافة او حذف الزوجين التاليين:
التي تتزاوج مع الكود:
لتعطي في لائحة الإختيار "التصميم 1".
اذا اردت ان تضيف تصميم اضافي
فما عليك اذاً الا ان تضيف بعد آخر وسم </option> (بين الوسمين
</option> و </select>) كود جديد لتعريف التصميم الإضافي,
مثلا:
تضيفه هكذا:
ثم تضيف الكود التالي:
في نهاية فقرة اكواد else if بالشكل التالي:
بالعكس, تحذف عدد الأزواج التي تريد لتقلل من عدد التصاميم او تحذف واحداً
منها او اكثر.
11. بعد ان تعدل الكود الذي وضعته في صفحة ال html
كما طلبنا اعلاه, قم بحفظ التسجيلات في صفحتك. ثم عد الى ادارة صفحات ال
html لتحصل على عنوان الأنترنت لصفحة ال html التي انشأت و قم بنسخه و
احتفظ به فسنحتاجه في المرحلة القادمة.
3. المرحلة الثالتة: تفعيل اختيار الستايلات على المنتدى.
12. قم بنسخ الكود التالي بعد ان تقوم بتغيير الرابط http://html_page_url برابط صفحة ال html الذي اعددته في المرحلة 11.
13. الأمر الآن
سهل جدا. فما عليك الا الدخول الى لوحة ادارتك >> ادارة عامة
>> تشكيل >> وصف المنتدى ثم تنسخ و تلصق فيه الكود الذي اعددته
في المرحلة 12.
ملاحظة:
يمكن
لمن اشترى حق تعديل التومبلايتات ان يقوم بوضع الكود المحصل عليه في
المرحلة 12 مباشرة في التومبلايت overall_header عوض وضعه في وصف المنتدى.
في هذه الحالة, يجب عليه ان يضع الكود المحصل عليه في المرحلة 12 مباشرة
بعد الكود التالي في التومبلايت المذكور:
الكود: ---------تضليل المحتوى<span class="gen">{SITE_DESCRIPTION}<br /> </span>
14. قم بتسجيل التغييرات التي قمت بها تم اذهب الى رئيسية منتداك فستجد عليها ان شاء الله
![اكثر من ستايل 03-02-11](https://i.servimg.com/u/f70/11/60/75/36/03-02-11.png)
بالتوفيق
المرفقات
themes_selector.txt theme selector scriptلا تتوفر على صلاحيات كافية لتحميل هذه المرفقات.(3 Ko) عدد مرات التنزيل 488
فيما يلي شرح دقيق لطريقة وضع اكثر من استايل في نفس
الوقت للمنتدى و اعطاء الأعضاء امكانية معاينة المنتدى بعدة استايلات كل
حسب ما يحب...
مثال لمنتدى تم وضع الخاصية عليه: 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 برابط منتداك بالكامل. بعدها احتفض بهذه الروابط لأننا سنحتاجها فيما بعد.
<blockquote>
مثال:
اذا كان رابط منتداي هو: https://help.ahlamontada.com
و روابط التصاميم التي تهمني هي:
http://ar.hitskin.com/search-skin/skin-138662.htm ثم http://ar.hitskin.com/search-skin/skin-102265.htm
في هذه الحالة, رابط ورقتا ال css اللتان ساحصل عليهما و سأحتفض بهما هما:
https://help.ahlamontada.com/138662-rtl.css ثم https://help.ahlamontada.com/102265-rtl.css
</blockquote>
2. المرحلة الثانية: اعداد كود التغيير.
5. ادخل على لوحة ادارتك >> عناصر اضافية >> إدارة صفحات ال HTML : ثم قم بانشاء صفحة HTML جديدة.
6.
اعط عنوان لصفحتك ثم تأكد ان الخاصيتين "هل تود استعمال أعلى و أسفل صفحة
منتداك؟" + "استعمال هذه الصفحة كصفحة رئيسية؟" موضوعتين على "لا"
7.
قم بنسخ الكود التالي و وضعه في صفحة ال HTML التي انشأت (نفس الكود تم
ارفاقه في ملف مع هذا الموضوع تحت اسم themes_selector.txt ):
- الكود:
var type = getCookie('template1');
var temsel = document.getElementById('temsel');
temsel.innerHTML
='<select
onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option>أختر
التصميم الذي تريد ان تعاين به المنتدى</option><option
value="valeur1">التصميم 1</option><option
value="valeur2">التصميم 2</option><option
value="valeur3">التصميم 3</option><option
value="valeur5">التصميم 4</option></select>';
if (type == 'valeur1')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
else if (type == 'valeur2')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
else if (type == 'valeur3')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
else if (type == 'valeur4')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
else if (type == 'valeur5')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
function changeskin(change) {
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
//var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,'/');
}
function getCookie(name){
var cname = name + "=";
var dc = document·cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}
function setCookie(name, value, expires, path, domain, secure) {
document·cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}
8. يجب ان تتوخى الحذر ولا تعدل في الكود اعلاه عدى ما سنشير اليه اسفله لا غير:
9.
لتغيير اسم التصميم, عليك ان تغير الأسماء المتواجدة بين الكودين
<option value="valeur1">التصميم 1</option> في هذا المثال اذا
اردت مثلا ان يكون اسم التصميم "تصميم الدعم الرسمي" بدل "التصميم 1" فما
عليك الا تغيير الإسم لا غير.
10. تغيير رابط ورقة ال css الذي هو على هذا الشكل http://forum_url/xxxxxx-rtl.css
بالروابط الصحيحة التي اعددتها. هذه العملية سهلة جدا اذ ما عليك الا ان
تنسخ الروابط التي سبق لك ان اعددتها اعلاه (المرحلة 4) و تضعها بدل
الروابط المتواجدة افتراضياً.
ملاحظة هامة:
يمكنك ان تضيف او تحذف ما تريده من الستايلات و ذلك باضافة او حذف الزوجين التاليين:
- الكود:
<option value="valeur1">التصميم 1</option>
التي تتزاوج مع الكود:
- الكود:
if (type == 'valeur1')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
لتعطي في لائحة الإختيار "التصميم 1".
اذا اردت ان تضيف تصميم اضافي
فما عليك اذاً الا ان تضيف بعد آخر وسم </option> (بين الوسمين
</option> و </select>) كود جديد لتعريف التصميم الإضافي,
مثلا:
- الكود:
<option value="valeur6">التصميم 5</option>
تضيفه هكذا:
- الكود:
var type = getCookie('template1');
var temsel = document.getElementById('temsel');
temsel.innerHTML
='<select
onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option>أختر
التصميم الذي تريد ان تعاين به المنتدى</option><option
value="valeur1">التصميم 1</option><option
value="valeur2">التصميم 2</option><option
value="valeur3">التصميم 3</option><option
value="valeur5">التصميم 4</option><option
value="valeur6">التصميم 5</option></select>';
ثم تضيف الكود التالي:
- الكود:
else if (type == 'valeur6')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
في نهاية فقرة اكواد else if بالشكل التالي:
- الكود:
if (type == 'valeur1')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
else if (type == 'valeur2')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
else if (type == 'valeur3')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
else if (type == 'valeur4')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
else if (type == 'valeur5')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
else if (type == 'valeur6')
{
document.write('<link rel="stylesheet" type="text/css" href="http://forum_url/xxxxxx-rtl.css">');
}
بالعكس, تحذف عدد الأزواج التي تريد لتقلل من عدد التصاميم او تحذف واحداً
منها او اكثر.
11. بعد ان تعدل الكود الذي وضعته في صفحة ال html
كما طلبنا اعلاه, قم بحفظ التسجيلات في صفحتك. ثم عد الى ادارة صفحات ال
html لتحصل على عنوان الأنترنت لصفحة ال html التي انشأت و قم بنسخه و
احتفظ به فسنحتاجه في المرحلة القادمة.
3. المرحلة الثالتة: تفعيل اختيار الستايلات على المنتدى.
12. قم بنسخ الكود التالي بعد ان تقوم بتغيير الرابط http://html_page_url برابط صفحة ال html الذي اعددته في المرحلة 11.
- الكود:
<span id="temsel"></span><script type="text/javascript" src="http://html_page_url"></script>
13. الأمر الآن
سهل جدا. فما عليك الا الدخول الى لوحة ادارتك >> ادارة عامة
>> تشكيل >> وصف المنتدى ثم تنسخ و تلصق فيه الكود الذي اعددته
في المرحلة 12.
ملاحظة:
يمكن
لمن اشترى حق تعديل التومبلايتات ان يقوم بوضع الكود المحصل عليه في
المرحلة 12 مباشرة في التومبلايت overall_header عوض وضعه في وصف المنتدى.
في هذه الحالة, يجب عليه ان يضع الكود المحصل عليه في المرحلة 12 مباشرة
بعد الكود التالي في التومبلايت المذكور:
الكود: ---------تضليل المحتوى<span class="gen">{SITE_DESCRIPTION}<br /> </span>
14. قم بتسجيل التغييرات التي قمت بها تم اذهب الى رئيسية منتداك فستجد عليها ان شاء الله
![اكثر من ستايل 03-02-11](https://i.servimg.com/u/f70/11/60/75/36/03-02-11.png)
بالتوفيق
![اكثر من ستايل 103798](https://2img.net/u/1811/68/54/94/smiles/103798.gif)
![اكثر من ستايل Attachment](https://2img.net/i/fa/attachment.png)
![-](https://2img.net/i/empty.gif)
» طلب...شرح وضع اكثر من ستايل
» اكثر من ستايل
» اكثر من ستايل
» وضع اكثر من ستايل للمنتدى
» طلب كود وضع اكثر من ستايل في المنتدى
» اكثر من ستايل
» اكثر من ستايل
» وضع اكثر من ستايل للمنتدى
» طلب كود وضع اكثر من ستايل في المنتدى
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى