منتدى العرب
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي



 
الرئيسيةبحـثقائمة الاعضاءالمجموعاتس .و .جاليوميةالتسجيلدخول
قوانين المنتدىإنظم لفريق عملناإربح من النتالمكتبة الإلكترونيةمعرض الإستيلاتBAC 2012BEM 2012الكرة الجزائريةالكرة الأروبية
أهلا وسهلا بك يا نتمنى قضاء افضل الاوقات في ربوع منتديات العرب
اذا كنت زائر فتفضل بالتسجيل من هنا اما اذا كنت من اعضائنا الاعزاء فتفضل بالدخول من هنا


حفظ البيانات؟
  الرئيسية المنتديات مكتبة الصور قائمة الأعضاء بحث اتصل بنا سؤال وجواب التسجيل دخول
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
حصري عمل احصائيات للقسم مثل الفي بي تماما .
(تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة
(تـومبلـايت) وضع اسماء وا الوصف الفئات في ايطار تلقائي كالفيبى
[تومبلايت] وضع ايطار الأدوات الاشراف مثل الفي بي من
تومبيلات كود وضع ملاحظات تحت المرفقات مثل الفي بي
كود خانة المشرفين الاحترافية مع ايقونة شغال 100/100
[تومبلايت] جعل اخر مشاركة متحركة ومطورة بتقنية css ..
كود [ jQuery ] كود جافا وضع ايقونه بحث لقوقل بجانب عناوين المواضيع
(تومبلايت) شريط اخر المواضيع الرائع 2012
كود لوضع اكثر من استايل مميز وحصري على منتدى العرب ..
2014-08-19, 17:56
2014-08-06, 19:33
2013-08-05, 00:08
2013-08-04, 22:05
2013-08-04, 22:02
2013-06-05, 08:50
2013-06-05, 08:36
2013-03-05, 02:38
2013-02-18, 17:55
2012-08-19, 17:52
zizou2012
zizou2012
zooro250
zooro250
zooro250
MID0
MID0
naruto14145
mo2236301
ندى الجزيري

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
~> lamrisif <~
عدد المساهمات : 573
نقاط : 1743
تاريخ الميلاد : 11/09/1993
العمر : 23
معاينة صفحة البيانات الشخصي للعضوhttp://www.seyf-educ.com/
موضوع: أضافة ألوان جديدة لصندوق الكتابة المتطور خاصية مميزة وفريدة من نوعها 2011-10-01, 14:47

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

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







إلى

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






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

والأن الشرح

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

لوحة الأدارة
عناصر أضافية
html
إدارة صفحات الـhtml
انشاء صفحة جديدة

الشرح بالصور






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















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








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

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


وهذا هو الكود




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








[url=https://i76.servimg.com/u/f76/14/96/80/54/60887310.png][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

ثم نذهب إلى

لوحة الأدارة
ادارة عامة
منتدى
تشكيل
وصف الموقع

الشرح بالصور








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


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

الكود هو

الرمز:


 




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

نذهب إلى

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

الشرح بالصور








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

وهذا هو كود الـ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
مرة أخرى وسيعمل بنجاح





موقع الدراسة والتعليم في الجزائر - أكادمية سيف
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.seyf-educ.com/
 

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

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى العرب  :: منتديات تطوير المواقع والمنتديات :: منتديات التطوير والمساعدة :: منتدى تطوير phpBB 1. 2. 3 :: ركن التقنيات المتقدمة-