المواضيع الأخيرة
» كود حذف
الخميس نوفمبر 15, 2018 3:59 am من طرف مسرووور

» كود تصاميم الازرار
الأحد نوفمبر 04, 2018 5:02 am من طرف مسرووور

» مامعاكم مخبر زين
الخميس أكتوبر 25, 2018 10:35 pm من طرف مسرووور

» الله واكبر تغير حبكم يازين
الثلاثاء سبتمبر 25, 2018 3:40 pm من طرف مسرووور

» موضوع فاضي لتجربة
الثلاثاء سبتمبر 25, 2018 3:38 pm من طرف مسرووور

» اول تصميم استايل لنسخة الماسية المتطورة AwesomeBB
الإثنين سبتمبر 24, 2018 1:12 am من طرف مسرووور

» استايل الانمي لنسخة الجديدةتصميم استايل للانمي لنسخة الماسية AwesomeBB  وبتقنية css فقط
الخميس سبتمبر 13, 2018 7:34 am من طرف مسرووور

» موضوعك الأول
الأربعاء أغسطس 01, 2018 8:51 pm من طرف مسرووور


كود تصاميم الازرار

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

default كود تصاميم الازرار

مُساهمة من طرف مسرووور في الأحد نوفمبر 04, 2018 5:02 am

الكود:
/**********كود تلوين الازرار والتحكم الكامل بلون وشكل كل زر على حده**********/

/* -- زر الرئيسية -- */
#page-header a.mainmenu[href^="/"] {
background-color: #5DD3FF;
  }
/* -- زر البوابة -- */
#page-header a.mainmenu[href^="/portal"] {
background-color: #85D3D3;
  }
/* -- زر اليومية -- */
#page-header a.mainmenu[href^="/calendar"] {
display:none
  }
/* -- زر الاحداث -- */
#page-header a.mainmenu[href^="/events"] {
display:none
  }
/* -- زر مكتبة الصور -- */
#page-header a.mainmenu[href^="/gallery/index.htm"] {
display:none
  }
/* -- زر المنشورات -- */
#page-header a.mainmenu[href^="/publi"] {
display:none
  }
/* -- زر س ج -- */
#page-header a.mainmenu[href^="/faq"] {
background-color: #8595D3;
  }

/* -- زر البحث -- */
#page-header a.mainmenu[href^="/search"] {
background-color: #E2B730;
  }
/* -- زر الاعضاء -- */
#page-header a.mainmenu[href^="/memberlist"] {
background-color: #FFD73D;
  }
/* -- زر المجموعات -- */
#page-header a.mainmenu[href^="/groups"] {
display:none
  }
/* -- زر البينات الشخصية -- */
#page-header a.mainmenu[href^="/profile?mode=editprofile"] {
background-color: #A6E420;
  }
/* -- زر الرسائل -- */
#page-header a.mainmenu[href^="/privmsg?folder=inbox"] {
background-color: #FA5AB4;
  }
/* -- زر دخول -- */
#page-header a.mainmenu[href^="/login"] {
background-color: #F2705A;
  }
/* -- زر التسجيل -- */
#page-header a.mainmenu[href^="/register"] {
background-color: #E03F16;
  }
#page-header a.mainmenu {
-webkit-border-radius: 15px 15px 15px 15px;
background: none;
text-align: center;
color: #FFF!important;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 800;
height: 57px;
line-height: 55px;
outline: medium none;
padding: 0;
text-decoration: none!important;
text-transform: uppercase;
transition-duration: 100ms;
width: 112px;
margin: 1px;
margin-top: 10px;
  border-style: double;
}
ul.navlinks {  
    font-weight: normal;
    text-align: center;
}  
.mainmenu img {
    vertical-align: middle;
    display: none;
      display: none !important;
}
#page-header .navbar .linklist {
border: none;
margin: -9px -10px 0;
}
#page-header .navbar .linklist li { font-size:0 }

#page-header a:hover.mainmenu:hover {
background-color: #F84828;
}
/**********كود تلوين الازرار والتحكم الكامل بلون وشكل كل زر على حده**********/

بخلفية صورة

الكود:
/**********كود تلوين الازرار والتحكم الكامل بلون وشكل كل زر على حده**********/

/* -- زر الرئيسية -- */
#page-header a.mainmenu[href^="/"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر البوابة -- */
#page-header a.mainmenu[href^="/portal"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر اليومية -- */
#page-header a.mainmenu[href^="/calendar"] {
display:none
  }
/* -- زر الاحداث -- */
#page-header a.mainmenu[href^="/events"] {
display:none
  }
/* -- زر مكتبة الصور -- */
#page-header a.mainmenu[href^="/gallery/index.htm"] {
display:none
  }
/* -- زر المنشورات -- */
#page-header a.mainmenu[href^="/publi"] {
display:none
  }
/* -- زر س ج -- */
#page-header a.mainmenu[href^="/faq"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }

/* -- زر البحث -- */
#page-header a.mainmenu[href^="/search"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر الاعضاء -- */
#page-header a.mainmenu[href^="/memberlist"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر المجموعات -- */
#page-header a.mainmenu[href^="/groups"] {
display:none
  }
/* -- زر البينات الشخصية -- */
#page-header a.mainmenu[href^="/profile?mode=editprofile"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر الرسائل -- */
#page-header a.mainmenu[href^="/privmsg?folder=inbox"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر دخول -- */
#page-header a.mainmenu[href^="/login"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
/* -- زر التسجيل -- */
#page-header a.mainmenu[href^="/register"] {
background-image: url(http://e7sas-des.com/vb/e7sas-free1/2.gif);
  }
#page-header a.mainmenu {
-webkit-border-radius: 15px 15px 15px 15px;
background: none;
text-align: center;
color: #FFF!important;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: 800;
height: 57px;
line-height: 55px;
outline: medium none;
padding: 0;
text-decoration: none!important;
text-transform: uppercase;
transition-duration: 100ms;
width: 112px;
margin: 1px;
margin-top: 10px;
  border-style: double;
}
ul.navlinks { 
    font-weight: normal;
    text-align: center;

.mainmenu img {
    vertical-align: middle;
    display: none;
      display: none !important;
}
#page-header .navbar .linklist {
border: none;
margin: -9px -10px 0;
}
#page-header .navbar .linklist li { font-size:0 }

#page-header a:hover.mainmenu:hover {
background-color: #F84828;
}
/**********كود تلوين الازرار والتحكم الكامل بلون وشكل كل زر على حده**********/

مسرووور
Admin

المساهمات : 22
تاريخ التسجيل : 29/07/2018

معاينة صفحة البيانات الشخصي للعضو http://msrooo1r.yoo7.com

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

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


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