10:52 AM |الساعة الآن   
 
العودة ملتقى الموظف الجزائرى  :: 

منتدى التكنولوجيا والاعلام الالى

 :: 

الكمبيوتر والإنترنت






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

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



تغيير ازرار صندوق الكتابة مع اضافة الالوان


شاطر
 #1  
الجمعة 30 سبتمبر 2011, 11:43
 
ذكر
الاقامة : 阿尔及利亚
المشاركات : 3113
نقاط : 5896
تاريخ التسجيل : 15/08/2009
العمل : 人理
المزاج المزاج : 美丽
افتراضيتغيير ازرار صندوق الكتابة مع اضافة الالوان

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

ثم

اضف هذا الكود الى ورقة css
لوحة الادارة
مظهر المنتدى
الالوان
css

الرمز:

    /*--------------color-------*/
      .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;
            }
    /*----------------------------fgggg--------------------*/



والنتيجة كما فى الصورة







 
الإشارات المرجعية


  
وما من كاتب إلا سيفنى . ويبقي الدهر ما كتبت يداه



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

BB code is متاحة
كود [IMG] متاحة
كود HTML متاحة