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

+3
king muhareb
وهبة الساحر
رجائي رضى ربي
7 مشترك

اذهب الى الأسفل

هل يمكن أن أضع أختيار لون المنتدى للزائر والعضو - صفحة 2 Empty هل يمكن أن أضع أختيار لون المنتدى للزائر والعضو

مُساهمة من طرف رجائي رضى ربي الثلاثاء 6 سبتمبر 2011 - 1:30

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


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

انثى
عدد المساهمات : 276
معدل النشاط : 5232
السُمعة : 1

http://tnafs.forumarabia.com/forum

الرجوع الى أعلى الصفحة اذهب الى الأسفل


هل يمكن أن أضع أختيار لون المنتدى للزائر والعضو - صفحة 2 Empty رد: هل يمكن أن أضع أختيار لون المنتدى للزائر والعضو

مُساهمة من طرف ابورمله الجمعة 9 سبتمبر 2011 - 23:20

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

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

ذكر
عدد المساهمات : 205
معدل النشاط : 5576
السُمعة : 0

http://mouwazaf.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

هل يمكن أن أضع أختيار لون المنتدى للزائر والعضو - صفحة 2 Empty رد: هل يمكن أن أضع أختيار لون المنتدى للزائر والعضو

مُساهمة من طرف ابورمله الجمعة 9 سبتمبر 2011 - 23:26

التنسيق لم يكن موفق ولا استطيع تعديل الموضوع المهم سكريبت هذا هو
الكود:
$("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
نختار جميع الصفحات
ثم قدم
ابورمله
ابورمله
 
 

ذكر
عدد المساهمات : 205
معدل النشاط : 5576
السُمعة : 0

http://mouwazaf.ahlamontada.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى