maly-mzaj
المدير العام
| المشاركات | : 1533 | نقاطي | : 1737 | تاريخ ميلادي | : 17/03/1986 | عمري | : 38
| موضوع: حصريا كود Css لعرض الأزرار اعلى الواجهة مع وضع خلفية للأزرار الخميس مارس 22, 2012 5:11 am | |
| بســم الله الرحمـن الرحـيم السلام عليكم كود Css لعرض الأزرار اعلى الواجهة مع وضع خلفية للأزرار صورة للمعاينة [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]الـــكــــود - الكود:
-
/*----- mohamed hmad-----*/ #pun-head #pun-navlinks { padding: 0.5em 1.1em 0.6em 1.1em; background-color: transparent; border-color: transparent; } #pun-navlinks ul { list-style: none; text-align: left; position: absolute; top: 108px; width: 748px; height: 20px; background-image: url(ضع هنا رابط الخلفية التي تريدها); background-repeat: repeat-x; padding: 10px; border: 2px solid #5e9a17; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; } #pun-navlinks li { display: inline; font-size: 1em; font-weight: bold; font-family: Tahoma,Arial,Helvetica,sans-serif; } #pun-navlinks li a { margin: 0 0.8em 0 0; color: #5e9a17; } #pun-navlinks a, #pun-navlinks a:visited { color: #5e9a17; /*color: #fff; */ text-decoration: none; } #pun-navlinks a:hover, #pun-navlinks a:active, #pun-navlinks a:focus { text-decoration: none; background-color: #5e9a17; padding: 5px; color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #5e9a17; /*color: #fff; */ } #pun-visit,.main-box { border-width: 0px; padding: 0.6em 1em; background-color: transparent; margin: 0 0 1em 0; color: #b0b1b0; } #pun-visit ul,.main-box ul { float: right; width: 70%; text-align: right; list-style-type: none; } .main-box ul { float: left; width: auto; } #pun-visit li,.main-box li { margin-left: 0.7em; white-space: nowrap; float: right; } .pun-crumbs { padding: 0.2em 1em; margin: 0 1px 1em 1px; } .pun-crumbs p { margin: 0; line-height: 1.5; font-size: 1.11em; color: #666; } .pun-crumbs a { text-decoration: none; } | |
|