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

تذكير بمساهمة فاتح الموضوع :


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

بعد التجربة يمكن ان نختار اللون او الستايل للمنتدى بواسطة ملفات 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
نختار جميع الصفحات
ثم قدم