هل يمكن أن أضع أختيار لون المنتدى للزائر والعضو

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

فى اى مكان تقصدى

في أعلى المنتدى
يعني أذا لون منتداي فاتح فالذين يعانون من قصر النظر قد يظرهم اللون وبالتالي فالأذواق مختلفة
فكما نرى في بعض المنتديات هناك ألوان أختيارية للزائر والعضو على شكل مربع صغير في اعلى المنتدى ..
يضغط على اللون الذي يختاره فيكون المنتدى بهذا اللون المختار

مثل هذه اللي في أعلى منتدى عالم حواء على هذا الرابط
http://forum.hawaaworld.com/
عبارة عن 5 ألوان نختار من خلالها لون المنتدى الذي نريده
أتمنى أجابتي

يمكن عن طريق انشاء ملفات من نوع css وحفظها فى مواقع تحفظ ملفات من هذا النوع ثم تقوم باستدعائها عن طريق كود يوضع فى نافذة مستقلة لقد قرات موضوع بهذا الخصوص ربما يوجد فى هذا المنتدى ابحثى عنه

بحثت بمنتدى الدعم ولم أجده
هل من مساعد ؟؟

جربت الان عن طريق سكريبت وتشفير الاكواد عن طريق Online base64_encode وهنا عدة مواقع تقدم نفس الخدمة واعطتنى النتيجة التالية
http://djazairi.alafdal.net/t5-topic
كما يمكن ان تحفط الملفات التىتحوى اكواد css بامتداد css
المهم السكريبت هذا هو

الكود:

$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

$(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('<style type="text/css">body{margin:0!important;}</style>');
  });

  $("body").prepend('<select id="sstyle" 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;"><option>Choisir un style</option></select>');

  addstyle("Style 1","http://lien_d'un_fichier_css");
  addstyle("Style 2","http://lien_d'un_fichier_css");
  addstyle("Style par défaut","");

});

ما يجب تغييره هو

الكود:


          addstyle("Style 1","http://lien_d'un_fichier_css");
        addstyle("Style 2","http://lien_d'un_fichier_css");   

        addstyle("اسم التايل","http://رابط ملف س اس اس/css");



لم أفهم أخي الفاضل بارك الله فيك
فأنا مبتدأة ..
أين أضع الكود ؟ ومالذي أغيره فيه ؟
أفيدني أسكنك الله الفردوس الأعلى من الجنة

انا كمان حابة اعمل هيك ومو عارفة كيف

ياريت لو تساعدونا

رجائي رضى ربي , لتنفيذ ما تريدين بشكل مباشر يمكن من خلال التومبيلات .. غير ذلك يمكنك تنفيذ طريقة اضافة اكثر من استايل ..
من هنا لتعلمى اكثر عن التومبيلات .. ما هي التومبلايت و ما دورها؟
ومن هنا طريقة اضافة اكثر من استايل .. شرح كيفية وضع اكثر من استايل في نفس الوقت للمنتدى

أخي يوجي بارك الله فيك ورفع قدرك
كلا الطريقتين التي أفدتني بها تصعب على مثلي مبتدأة في عالم المنتديات ..
وطريقة الأخ أبو رملة بارك الله فيه قد تكون سهلة ويسيرة على ما أظن إن كانت فقط كود يركب ..
فهلا أفدتموني بطريقة الأخ أبو رملة ؟؟ أو أي طريقة سهلة ؟؟

وجزاكم الله خيرا

ساجرب كل الطرق الخاصة بالكود وعندما تنجح 100/100 ساصعها لك
ان شاء الله

بانتظار الكود

بعد التجربة يمكن ان نختار اللون او الستايل للمنتدى بواسطة ملفات css مع كود جافا سكريبت لاستدعائها
المهم ان تكون لديك معرفة باكواد css لكى تختار الاكواد المناسبة لذالك

اولا
ننشئ ملفات css بواسطة محرر نص ويفضل notepad++ ابحث عنه فى جوجل فهو برنامج مجانى
نفتح ملف جديد نختار لغة البرمجة css
نضع الاكواد التى نريد
مثل

الكود:

.bodyline {
margin:0px;
padding:0px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}

.foromline {
margin:0px;
padding:0px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}


وكل الاكواد التى نريد لتغيير مظهر المننتدى
بحفظ اللملف بحيث يكون امتداده .css
مثل

الكود:

bleu.css

نكرر العملية لانشاء عدد الملفات حسب االالوان التى نريد
ثانيا
رفع او تشفير المملفات التى انشائتها
1- تشفير الملفات
اذاكانت الاكواد قليلة لا تتعدى المئة حرف نقوم تشفيرها بـ base 64 بواسطة هذا االموقع http://www.tools4noobs.com/online_php_functions/base64_encode/
وهناك مواقع تدقم نفس الخدمة
فى هذه الحالة نقوم بتشفير الاكواد التى وضعنا فى ملفات css بحيث ننسخ الاكواد ونضع فى الموقع ثم نضعط زر base64_encode الموجو فى اسفل بعد التشفير يعطينا مثل هذا

aW1nIHtkaXNwbGF5Om5vbmU7fQ==

ننسخ الكود ونضع امامه data:text/css;base64,
بحيث يصبح مثل هذا
"data:text/css;base64,aW1nIHtkaXNwbGF5Om5vbmU7fQ=="
نضع هذا الكود فى السكريبت فى هذا المكان

addstyle("اسم 1","كود اللون الاول ");
addstyle("اسم2","كود اللون الثانى"); [code]
مثلا

[/quote]addstyle("اسم 1","data:text/css;base64,aW1nIHtkaXNwbGF5Om5vbmU7fQ==");
addstyle("اسم2","data:text/css;base64,aW1nIHtkaXNwbGF5Om5vbmU7fQ=="); [code]
نضع السكريبت التالى بعد تعديل ما شرحنا اعلاه
[code]$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

$(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('<style type="text/css">body{margin:0!important;}</style>');
});

$("body").prepend('<select id="sstyle" 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;"><option>اختر ستايل</option></select>');

addstyle("اورق","http://www.magjanine.co.cc/css1.css");
addstyle("اصفر","http://www.magjanine.co.cc/css2.css");
addstyle("رمادى","http://www.magjanine.co.cc/css3.css");
addstyle("بنى","http://www.magjanine.co.cc/css4.css");
addstyle("Style par défaut","");

})[/code]

2- رفع ملفات css على استضافات مجانية او مدفوعة وهنا الكثير منها المهم الاستتضاافات المجانية كثير وهى تفى بالغرض
كما يجب ان يكون لك نطاق والنطاقات االمجانية كثيرة
بعد رفع الملفات نقوم بنشخ عنوان الملف مثل الذى فى الكود اعلاه
مثلhttp://www.magjanine.co.cc/css1.css
ثم نضعه فى هذا المكان

[/quote]addstyle("اسم 1","رابط ملف css ");
addstyle("اسم2",رابط ملف css"); [code]

يوضع السكريبت فى
عناصر اضافية => ادارة اكواد javascript
ثم نختار جميع الضفحات
ثم قدم
المهم الكود اعلاه به ثلاثة الوان لمن اراد ان يجرب
وان شاء الله ان استطعت اقدم موضوع اكثر تنسيق ان سمحت لى الفرصة

ملاحظة الكود منقول من احد الواقع الاجنبية
ارجوا اننى وفقت فى الشرح
للمعاينة يمكن عبر موقعى

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

الكود:

$("head").append('<link rel="stylesheet" type="text/css" id="tstyle" />');

if(my_getcookie("sstyle")) { $("#tstyle").attr("href", my_getcookie('sstyle')); }

function addstyle(nom,lien) { $("#sstyle").append('<option value="'+lien+'">'+nom+'</option>'); }

$(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('<style type="text/css">body{margin:0!important;}</style>');
  });

  $("body").prepend('<select id="sstyle" 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;"><option>اختر ستايل</option></select>');

  addstyle("اورق","http://www.magjanine.co.cc/css1.css");
  addstyle("اصفر","http://www.magjanine.co.cc/css2.css");
  addstyle("رمادى","http://www.magjanine.co.cc/css3.css");
  addstyle("بنى","http://www.magjanine.co.cc/css4.css");
  addstyle("Style par défaut","");

});

يوضع عناصر اضافية ادارة اكوا javascript
نختار جميع الصفحات
ثم قدم