موضوع: حصريا كود javascript للاختيار بين استايلات المنتدى 18/11/2012, 13:29
اليوم أقدم لكم كود جديد وحصري لقائمة استايلات تسمح للعضو أو الزائر بالاختيار بينها وهذه صورة توضيحية للكود بعد التركيب
الحصري في الكود هو سهولة التركيب والبساطة في العمل على عكس كل الاكواد في الساحة العربية
نبدأ بعون الله : أولا تحضير كود الجافاسكريبت: تابع الشرح هنا
في مكان الكود ضع الآتي (بدون أن تعدل فيه شيئا)
الكود:
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>
بعد اضافتك للكود في المكان المناسب سجل ومبروك عليك وعلى أعضائك الخاصية الجديدة