حصريا كود javascript للاختيار بين استايلات المنتدى

اليوم أقدم لكم كود جديد وحصري لقائمة استايلات تسمح للعضو أو الزائر بالاختيار بينها
وهذه صورة توضيحية للكود بعد التركيب

الحصري في الكود هو سهولة التركيب والبساطة في العمل على عكس كل الاكواد في الساحة العربية

نبدأ بعون الله :
أولا تحضير كود الجافاسكريبت:
تابع الشرح هنا


في مكان الكود ضع الآتي (بدون أن تعدل فيه شيئا)

الكود:


if(my_getcookie('template1') ){
var sChURL = my_getcookie('template1');
 document.write('<link href="'+sChURL +'-rtl.css" type="text/css" rel="stylesheet">');
            }
var sScript = document.createElement('script');
    sScript.type = 'text/javascript';
    sScript.src = 'http://forumarabia.googlecode.com/files/Scs.js';
    var fs = document.getElementsByTagName('script')[0]; fs.parentNode.insertBefore(sScript, fs);
function changeskin(change) {
      var scheme = change;
      var name = 'template1';
      var ExpDate = new Date ();
      ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
      my_setcookie(name,scheme,ExpDate,'/');
    }


قبل أن نمر إلى الخطوة الثانية يجب تحضير الاستايلات (الروابط ) والاسماء المناسبة لكل منها
اذهب إلى الموقع http://ar.hitskin.com
اختر الاستايلات التي تعجبة ولكن لدينا هذا المثال:
http://ar.hitskin.com/search-skin/skin-138662.htm
لاحظ وجود رقم تسلسلي للاستايل وهذا ما يهمنا
ht...ar.hitskin.com/search-skin/skin-138662.htm

في ورقة جانبية أو في ملف txt جديد رتب الارقام للاستايلات التي تريدها ومقابل كل منها اكتب اسما للاستايل
مثلا:
ستايل المصممين 138662
الأزرق الكرتوني 132979
رومنسية وحب 102265
.... وهكذا...

ثانيا كتابة كود الـ HTML

ضع هذا الكود في المكان التي يروق لك بعد التعديل المناسب
حيث تكتب اسم الاستايل والرقم التسلتلي في مكان الرقم المجاور له

الكود:


<span id="temsel_byccmido" dir="rtl"><select onchange="changeskin(this.options[this.selectedIndex].value);window.location.reload();"><option>أختر التصميم الذي تريد ان تعاين به المنتدى</option><option value="11111111">التصميم الأول</option><option value="222222222">التصميم الثاني</option><option value="33333333">الثالث</option><option value="444444444">الرابع</option></select></span>


بعد اضافتك للكود في المكان المناسب سجل ومبروك عليك وعلى أعضائك الخاصية الجديدة