- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
[مجابه] كيف اغير شكل شريط تمرير
-
21-08-2014 10:48 صباحاً
-
معلومات الكاتب -
ممكن شرح تغير شكل شريط تمرير
واضافة شاحنة فيس بوك
وشريط عدد الزوار
-
-
[مجابه] كيف اغير شكل شريط تمرير21-08-2014 07:11 مساءً [1]
-
معلومات الكاتب -
مرحبا أخي،
1- بالنسبة لشريط التمرير فهو لايتغيّر مع متصفح firefox
سيفيدك هذا الموضوع
http://codemug.com/html/custom-scrollbars-using-css/
هذا أحد الأكواد التي أشتغل بها في استايل الموبايل عندي (يتمّ إضافته في ورقة css)
CODE<br /> body ::-webkit-scrollbar-button:start:decrement,body ::-webkit-scrollbar-button:end:increment{<br /> display:block;<br /> height:0;<br /> background-color:transparent;<br /> }<br /> body ::-webkit-scrollbar-track-piece{<br /> background-color:#C28F49;<br /> -webkit-border-radius:0;<br /> -webkit-border-bottom-right-radius:8px;<br /> -webkit-border-bottom-left-radius:8px;<br /> }<br /> body ::-webkit-scrollbar-thumb:vertical{<br /> height:50px;<br /> background-color:#B34B1A;<br /> -webkit-border-radius:2px;<br /> }<br /> body ::-webkit-scrollbar-thumb:horizontal{<br /> width:50px;<br /> background-color:#B34B1A;<br /> -webkit-border-radius:2px;<br /> }<br /> <br />
2- هاك تابعونا على الفايس بوك للجيل الثالث من منتديات PBBoard
3- عدد المتواجدين الآن (في الصفحة الرئيسية فقط) "لن يظهر في متصفحات الانترنت اكسبلورل الأقل من الاصدار 9"
أضف الكود التالي في بداية القالب main_static_table
CODE{if {$_CONF['group_info']['onlinepage_allow']} == '1'} <a href="index.php?page=online&show=1" class="link_whois_now"> <div class="whois_now"> <?php echo $PowerBB->_CONF['template']['GuestNumber']+$PowerBB->_CONF['template']['MemberNumber']+$PowerBB->_CONF['template']['MemberNumberHide']+$PowerBB->_CONF['template']['SpidersNumber']; ?> </div> </a> {else} <div class="whois_now"> <?php echo $PowerBB->_CONF['template']['GuestNumber']+$PowerBB->_CONF['template']['MemberNumber']+$PowerBB->_CONF['template']['MemberNumberHide']+$PowerBB->_CONF['template']['SpidersNumber']; ?> </div> {/if} <!--[if IE]> <style type="text/css" media="all">.whois_now{display:none;}</style> <![endif]--> <!--[if gte IE 8]> <style type="text/css" media="all">.whois_now{display:block !important;}</style> <![endif]-->
وأضف الكود التالي في ورقة css
CODE.whois_now { background: url('images/whois_online_now.png') no-repeat scroll 0% 0% transparent; position: fixed; height: 37px; left: -45px; top: 48%; text-align: center; width: 120px; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); padding-top: 10px; font: 20px bold Tahoma; } .link_whois_now, .link_whois_now:hover, .link_whois_now:visited, .link_whois_now:active{ color:#FFF; }
وارفع هذه الصورة لمجلّد الصور images المتواجد في مجلّد الاستايل
تأكّد من إعطائها الاسم whois_online_now.png (قبل رفعها لمجلد الصور)
-
تم تحرير المشاركة بواسطة :Mr King بتاريخ:23-08-2014 06:26 صباحاً
-
