|
إنضمامك إلي منتديات استراحات زايد يحقق لك معرفة كل ماهو جديد في عالم الانترنت ...
انضم الينا
#1
| ||
| ||
السلام عليكم عندي مشكلة في الاكواد css و في قالب helm_legacy شغال تمام في الفايرفوكس بس الاكسبلور يظهر مشوه هذا الجزء في في القالب ابي له حل رمز Code:
اكواد css في التعاريف الاضافية للاستايل رمز Code: .userinfo_details-border { width:2px; float:right; height:33px; background:#e0e0e0; box-shadow:1px 1px #fff; } .userinfo_star { background:url(images/userinfo_star.png) no-repeat center; height:22px; width:20px; margin:-4px 4px 0 0; } .userinfo_details { overflow:hidden; width:100%; text-align:right; background:#fff !important; border-top:1px solid #e0e0e0; border-radius: 0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; } .userinfo_details dt { background:url(images/icons/info-icon.png) no-repeat right 10% center; width:90%; padding:0 20px 2px 0; } #userinfo_details-head { position:relative; width:180px; left: 10%; top:2px; margin-bottom: 2px; background:#ececec; border:1px solid #e0e0e0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin:0 0 30px 0; } #userinfo_details-head li { position:relative; float:right; text-align : center; display : block; padding:8px 8px 0 5px; #margin-top:2px; height:100%; text-shadow:1px 1px #fff; color:#b6b6b6; font-size:16px; cursorointer; } /* === User Info (Sub Menu - Contact) === */ .userinfo_details-break { top:20px; margin-bottom: 20px; } #userinfo_details-head li a { color:#b6b6b6; } #userinfo_details-head > ul > li > ul { opacity: 0; visibility: hidden; list-style: none; padding: 16px 0 20px 0; background-color: #fafafa; text-align: left; position: absolute; top: 55px; left: 50%; margin-left: -90px; width: 180px; -webkit-transition: all .3s .1s; -moz-transition: all .3s .1s; -o-transition: all .3s .1s; transition: all .3s .1s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); } #userinfo_details-head > ul > li:hover > ul { opacity: 1; top: 42px; visibility: visible; z-index:9999; } #userinfo_details-head > ul > li > ul:before { content: ''; display: block; border-color: transparent transparent #fafafa transparent; border-style: solid; border-width: 10px; position: absolute; top: -20px; left: 42%; margin-left: -10px; } #userinfo_details-head > ul ul > li { position: relative; width:90%; text-align:right; } #userinfo_details-head ul ul a { color: #323232; font-family: "ge_ss_two_medium",tahoma; #text-shadow:0 1px 0 #000; font-size: 11px; background-color: #fafafa; padding: 5px 22px 7px 16px; display: block; -webkit-transition: background-color 0.1s; -moz-transition: background-color 0.1s; -o-transition: background-color 0.1s; transition: background-color 0.1s; } #userinfo_details-head ul ul a:hover { background-color: #f0f0f0; } #userinfo_details-head ul ul ul { visibility: hidden; opacity: 0; position: absolute; top: -16px; right: 206px; padding: 16px 0 20px 0; background-color: #fafafa; text-align: left; width: 180px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); } #userinfo_details-head ul ul > li:hover > ul { opacity: 1; right: 190px; visibility: visible; } #userinfo_details-head ul ul a:hover { #background-color: #2B2B2B; #color: #f0f0f0; } /* === User Info (Sub Menu with Awards) === */ #userinfo_details-sub_menu-awards ul li{ overflow:hidden; } #userinfo_details-sub_menu-awards ul li.userinfo_details-award a { padding:0 !important; margin:0 0 10px 0 !important; right:0 !important; text-align: center !important; } #userinfo_details-sub_menu-awards ul li.userinfo_details-award img { max-width:150px !important; } #userinfo_details-sub_menu-awards > li > ul { opacity: 0; visibility: hidden; padding: 16px 0 20px 0; background-color: #fafafa; text-align: left; position: absolute; top: 55px; left: 50%; margin-left: -90px; width: 180px; -webkit-transition: all .3s .1s; -moz-transition: all .3s .1s; -o-transition: all .3s .1s; transition: all .3s .1s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); } #userinfo_details-sub_menu-awards > li:hover > ul { opacity: 1; top: 42px; visibility: visible; z-index:9999; } #userinfo_details-sub_menu-awards > li > ul:before { content: ''; display: block; border-color: transparent transparent #fafafa transparent; border-style: solid; border-width: 10px; position: absolute; top: -20px; left: 14%; #margin-left: -10px; } __DEFINE_LIKE_SHARE__ |
مواقع النشر (المفضلة) |
| |
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
مشكلة في قالب - helm_legacy | محروم.كوم | منتدى أخبار المواقع والمنتديات العربية والأجنبية | 0 | 02-27-2014 11:50 AM |
[مشكلة] : ظهور الخط بشكل عادي غير معدل في متصفح انترنت اكسبلور | محروم.كوم | منتدى أخبار المواقع والمنتديات العربية والأجنبية | 0 | 01-18-2014 09:50 PM |
مشكلة بسيطة عند تثبيت انترنت اكسبلور 9 | محروم.كوم | منتدى أخبار المواقع والمنتديات العربية والأجنبية | 0 | 01-18-2012 04:21 AM |
[مشكله] : في برنامج انترنت اكسبلور 9 تظهر اللغة العربية بشكل ترميز..صورة | محروم.كوم | منتدى أخبار المواقع والمنتديات العربية والأجنبية | 0 | 09-02-2011 04:40 PM |
طلب ، اصدار انترنت اكسبلور | أم هزاااع | طلبات البرامج والشروحات وحل مشاكل الحاسب الآلي | 1 | 06-28-2009 01:41 AM |