الكود:

.button, .mainoption {
    background-color: #f0f0f0 !important;

}

SaLEm Hen!CHE كتب:مرحباً,

ضع هذا في وقة التصاميم CSS

الكود:

.button, .mainoption {
    background-color: #f0f0f0 !important;

}

الكود:

.button  {
    background-color: #f0f0f0 !important;

}

SaLEm Hen!CHE كتب:تفضل يا عزيزي :

الكود:

.button  {
    background-color: #f0f0f0 !important;

}

الكود:

.button, .mainoption {
    background-color: #000000;
    border: 1px solid #de6f1b;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px !important;
    padding: 5px !important;
    transition: 300ms;

dodoboss كتب:هذا الكود الاى انا ضفته لشكل زر الدخول و ارسال واشياء الاخرى

الكود:

.button, .mainoption {
    background-color: #000000;
    border: 1px solid #de6f1b;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px !important;
    padding: 5px !important;
    transition: 300ms;

SaLEm Hen!CHE كتب:

dodoboss كتب:هذا الكود الاى انا ضفته لشكل زر الدخول و ارسال واشياء الاخرى

الكود:

.button, .mainoption {
    background-color: #000000;
    border: 1px solid #de6f1b;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px !important;
    padding: 5px !important;
    transition: 300ms;

هل تقصد أن نعدل على هذا الكود ليعطيك شكلاً جديداً

وهبة الساحر كتب:

بعد اذن المساعد

اهلا عزيزى اذا ارت تغيير كافة الازرار الى تصميم جديد ؟

ضع هذا الكود ؟

الكود:


/* خلفية واطار على ازرار البحث والرد السريع وبعض الازرار */
a.button1, a.button2, button.button2, input.button1, input.button2 {
  font:15px Calibri, Arial, sans-serif;
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
text-decoration:none!important;
white-space:nowrap;

vertical-align:baseline;
position:relative;
cursor:pointer;
background-repeat:no-repeat;
background-image:url(http://www.jam3h.net/img_site_traidnt_net/widgetgenerators.jam3h.net-button_bg.png);
background-position:bottom left, top right, 0 0 0 0;
background-clip:border-box;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-moz-box-shadow:0 0 1px #000 inset;
-webkit-box-shadow:0 0 1px #000 inset;
box-shadow:0 0 1px #000 inset;
-webkit-transition:background-position 2s;
-moz-transition:background-position 2s;
transition:background-position 2s;
padding:10px 20px;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover { background-color:#7B4 }
a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus { background-color:#333 }


 اما اذا ارت تغيير هذه الازرار عند التسجيل فقط

سأضع لك الكود مع تغيير عنصر هذه الازرار عبر التومبلايت ..اذا بتريد ذلك سأضعه لك

الكود:


    /* كود الأزرار ------ haya.123.st -------*/
    input[type="submit"], input[type=reset], .button {
      display: inline-block;
      margin: 0;
      margin-right: 12px;
      cursor: pointer;
      border: 1px solid #bbb;
      overflow: visible;
      color: #fff;
      padding: 5px 8px;
      font-size: 12px;
    font-family:Tahoma;
      line-height: 1.55em;
      vertical-align: middle;
      text-decoration: none;
      white-space: nowrap;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-transition: all .15s linear;
      -moz-transition: all .15s linear;
      transition: all .15s linear;
      text-shadow: 1px 0 0 rgba(0,0,0,0.35);
      background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));
      background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
      background-image: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
      background-image: -ms-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
      background-image: -o-linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
      background-image: linear-gradient(top, rgba(255,255,255,0.3), rgba(255,255,255,0));
   
      background-color: #e9942e;
      border-color: #d48a30;
    }
    input[type="submit"]:hover, input[type=reset]:hover, .button:hover {

      background-color: #ee9f40;
    }


    input[type="submit"]:active, input[type=reset]:active, .button:active {
      box-shadow: 0 1px 1px rgba(0,0,0,0.35) inset;
      background-color: #d48a30;
      }

    /* كود الأزرار ------ haya.123.st -------*/