منتديات درة بلادي
كود اضافة الوان لصندوق الكتابة 1711_md_13109192161
منتديات درة بلادي
كود اضافة الوان لصندوق الكتابة 1711_md_13109192161
منتديات درة بلادي

فعاليات المنتدى





أهلا وسهلا بك إلى منتديات درة بلاديي.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.


الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
كود اضافة الوان لصندوق الكتابة Collapse_tcat
المواضيع المضافه مؤخراً
الموضوع
تاريخ ارسال المشاركة
بواسطة
الأربعاء يناير 28, 2015 8:03 am
الأحد يناير 11, 2015 12:01 pm
الأحد ديسمبر 07, 2014 9:04 am
السبت يونيو 21, 2014 8:10 am
الجمعة يونيو 20, 2014 5:04 pm
الأربعاء يونيو 18, 2014 2:48 pm
الأربعاء يونيو 18, 2014 2:46 pm
الأربعاء يونيو 18, 2014 2:44 pm
الأربعاء يونيو 18, 2014 9:56 am
الأربعاء يونيو 18, 2014 9:36 am



شاطر
 

 كود اضافة الوان لصندوق الكتابة

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
ريم
اللقب:
المدير العام
الرتبه:
المدير     العام
الصورة الرمزية

ريم

البيانات
sms
ماكنا نحن ذمان اروع قلوب بتريد
غيم الحنان فارق دنيانا ليلة عيد
واصبحنا في دنيا والريد في دنيا بعيد
100
كود اضافة الوان لصندوق الكتابة Painti10
كود اضافة الوان لصندوق الكتابة Engine10
كود اضافة الوان لصندوق الكتابة 310
خاتم الانبياء والمرسلين :
محمد
انثى
العذراء
عدد المساهمات :
656
تاريخ التسجيل :
20/01/2010
العمر :
33

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
مُساهمةموضوع: كود اضافة الوان لصندوق الكتابة   كود اضافة الوان لصندوق الكتابة Emptyالسبت مارس 26, 2011 8:21 am

اليوم سنقدم لكم شرح تغير واضافة ألوان جديدة لصندوق الرد
حيث
سينتقل من

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


كود اضافة الوان لصندوق الكتابة 110




إلى

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


كود اضافة الوان لصندوق الكتابة 210



وبالطبع الفرق واضح فدل من 15 لون
أصبح لديك جميع الألوان بجميع درجاتها

والأن الشرح

أولاً إنشاء صفحة html

كود اضافة الوان لصندوق الكتابة Link-l11 لوحة الأدارة
كود اضافة الوان لصندوق الكتابة Link-l11 عناصر أضافية
كود اضافة الوان لصندوق الكتابة Link-l11 html
كود اضافة الوان لصندوق الكتابة Link-l11 إدارة صفحات الـhtml
كود اضافة الوان لصندوق الكتابة Link-l11 انشاء صفحة جديدة

الشرح بالصور



كود اضافة الوان لصندوق الكتابة 98122810





كود اضافة الوان لصندوق الكتابة 55236210






كود اضافة الوان لصندوق الكتابة 22683210








كود اضافة الوان لصندوق الكتابة 44621010



1/ ضع أى عنوان
2/ لاتسخدم أعى وأسفل صفحة منتداك
3/ لاتضعها صفحة رئيسية
4/ تأكد من أن الـhtml باللون الأخضر
4/ ضع الكود
5/ أضفط قدم


وهذا هو الكود

من هنا

أو بالضغط على هذا الرابط

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

6/ نحفظ رقم الصفحة اللى وضعنا بها الكود






كود اضافة الوان لصندوق الكتابة 60887310



ثم نذهب إلى

كود اضافة الوان لصندوق الكتابة Link-l11 لوحة الأدارة
كود اضافة الوان لصندوق الكتابة Link-l11 ادارة عامة
كود اضافة الوان لصندوق الكتابة Link-l11 منتدى
كود اضافة الوان لصندوق الكتابة Link-l11 تشكيل
كود اضافة الوان لصندوق الكتابة Link-l11 وصف الموقع

الشرح بالصور






كود اضافة الوان لصندوق الكتابة 62713010



وضع به هذا الكود
مع تبديل علامة ال # برقم الصفحة التى قمت بوضع الكود بها

الكود هو

الكود:
<script src=/-h#.htm></script>





الأن الخطوة الأخيرة وهى تعميم الكود على المنتدى

نذهب إلى

كود اضافة الوان لصندوق الكتابة Link-l11 لوحة الأدارة
كود اضافة الوان لصندوق الكتابة Link-l11 مظهر المنتدى
كود اضافة الوان لصندوق الكتابة Link-l11 ألوان
كود اضافة الوان لصندوق الكتابة Link-l11 ورقة تصاميم CSS
كود اضافة الوان لصندوق الكتابة Link-l11 نضع هذا الكود ونضغط قدم

الشرح بالصور







كود اضافة الوان لصندوق الكتابة 46396910



وهذا هو كود الـcss

الكود:

    .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #f00;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
      margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
      position: absolute;
      top: 13px;
      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }
    .colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #f00;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #f00;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #898989;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_slider {
      background-position: bottom;
    }



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



ملحوظة
الكود نقلآ من منتدى الدعم الفرنسى
للعضوEtana



ريم ; توقيع العضو
التوقيع
{
}
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 

كود اضافة الوان لصندوق الكتابة

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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