تركيب اكثر من استايل بطريقة جديدة حصرية في كهربجات العرب

السلام عليكم
اعزائي مدير منتديات احلى منتدى
اقدم اليكم طريقة جديدة من نوعها لتركيب اكثر من استايل دون الاعتماد على الموقع hitskin.com
الطريقة حصرية هنا لاتوجد في غير منتدى

على بركة الله نبدا:

اولا: اعمل صفحة جافا بااسم معين مثلا multitheme
وضع فيها الكود التالي:

الكود:

    var scheme = getCookie('template1');
        if (scheme == 'Defaul') {
        document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://khrbjat.ahlamontada.com/them1.css">');
        } else if (scheme == 'Black') {
        document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://khrbjat.ahlamontada.com/them2.css">');
        } else if (scheme == 'Purple') {
        document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://khrbjat.ahlamontada.com/them3.css">');
        } else if (scheme == 'Yellow') {
        document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://khrbjat.ahlamontada.com/them4.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,myDomain);
        }
        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");
        }


والان لعمل ورقة css لكل استايل
افتح notepad في كمبيوترك وضع فيه الاكواد الضرورية التي تحتاجها (مثلا كود الهيدر ,كود الخلفية ,كود الوان خلفية الفئات .........)

ثم قم بحفظ notepad
اعد تسمية الملف notepad وغير امتداد الملف الى css
الان ارفع الملف الى اي مساحة اضافية مثلا الموقع http://000webhost.com
يعني بالاخير الي نريدة احنا هو ان نحصل على رابط للملف css يكون مباشر (مثلا http://1990.host22.com/Gray.css)
وبنفس الحالة نعمل ثلاث ملفات css اخرى بحيث كل ملف ذو هيدر (لوجو) وخلفية والوان يختلف عن الاخر ونقوم برفعهم بنفس الطريقة

نقوم بحفظ الروابط المباشرة للملفات css ونقوم باستبدال

https://khrbjat.ahlamontada.com/them1.css
https://khrbjat.ahlamontada.com/them2.css
https://khrbjat.ahlamontada.com/them3.css
https://khrbjat.ahlamontada.com/them4.css
بالروابط التي قمنا بحفظها.


ثانيا:
ضع الكود التالي في اي مكان يقبل html (مثلا العناصر المستقلة )
بعد استبدال
الاستايل الاول
الاستايل الثاني
الاستايل الثالث
الاستايل الرابع

باسماء استايلات من عندك
الكود:

الكود:


<script type=text/javascript>document.write('<div style="position: absolute; width: 150px; height: 38px; z-index: 1; left: 5px; top: 10px" id="skinselector"><form><select onchange="changeskin(this.options[this.selectedIndex].value); window.location.reload();"><option class="sl"> تفيير الاستايل </option><option class="sl" value="Defaul"> الاستايل الاول </option><option class="sl" value="Black"> الاستايل الثاني</option><option class="sl" value="Purple"> الاستايل الثالث</option><option class="sl" value="Yellow"> الاستايل الرابع </option></select></form></div>');</script>





انتهى
ممكن يكون الشرح مش واضح كثير اذا في مشكلة فقط اكتبوها وانا حالا ارد عليكم

اذا شفت منكم تشجيع فقريبا اضع جميع اكواد css الضرورية لعمل استايل كامل

شكرا ننتظر الاكواد منك اخي

شكرا يامبدع

الطلب منك طلب اريد تسويه اليه في منتداي

مع الاسف توقعت تشجيع اكثر

ها اشكلت يا( المسؤول الابداعي) تسويل في موقعي لو لا

شكرا لك اخي