أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

  1. الرئيسية
  2. مشاكل وحلول الاستايلات

كيف اغير شكل شريط تمرير


مشاهدة المشاركة في الموضوع بالعرض العادي
look/images/icons/i1.gif [مجابه] كيف اغير شكل شريط تمرير
  21-08-2014 07:11 مساءً  
صورة Mr King الشخصية
Mr King
معلومات الكاتب
مرحبا أخي،



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&amp;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 صباحاً



الساعة الآن 03:57 PM