تحفة الاكواد
تومبيلات الاحصائيات الجديد 2021 حصرى على معهد ديالى التطويرى
تصميم / شموخى
صورة الكود :
https://i.servimg.com/u/f77/19/81/19/12/imagee15.gif
مميزات الكود:
لايحتوى على اكواد الجافا التى تسبب فى بطء المنتدى
احصائية الاعضاء الذين تواجدوا فى الساعات الماضية تطهر فى شريط افقى متحرك
الامر الذى يحول دون تكبير صندوق الاحصائيات ويضمن جمال وتنسيق المنتدى
طريقة تركيب الكود:
لوحة الإدارة / مظهر المنتدى / القوالب و التومبيلات / ادارة عامة
نقوم بضغط على تعديل في القالب index_body
نقوم بحدفه بشكل كامل ونضع الكود التالي :
ضع رابط منتداك بدل العلامة xxxxxxxx الموجودة فى الكودين ادناه بالقالب الجديد :
<a href="xxxxxxxxxx/memberlist?mode=today_posters" target="_">
<a target="_" href="xxxxxxxxxx/search?search_id=activetopics">
ثم نتوجه ايضا
لوحة الإدارة / مظهر المنتدى / الوان / ورقة تصميم css
وقم باضافة الكود التالي :
- الكود:
-
.stat_label {
color:#2E3133 ;
font-size: 0;
background-image:url();
border-radius: 0px;
padding: 5px;
display: block;
}
}
.stat_label strong {
font-size: 15px;
display: inline-block;
max-width: 100px;
overflow: hidden;
text-overflow:ellipsis ;
.st-box-_ {
background-color: yellow;
border: solid 0px ;
padding: 0px;
}
ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
.
.st-box-_ li {
float: center;
width: 100px;
padding-top:0px;
}
.st-box-_ li div {
background-image:url();
width:100 px;
border: solid 0px ;
padding: 5px;
border-radius: 0px;
margin: 0 0px 0px;
}
.st-box-_ li div div {
position: relative;
background-color: ;
background-image: url( );
height: 110px;
width: 100px;
padding: 0px 0 0;
font-size: 13px;
border: 0;
text-align: center;
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.st-box-_ li span {
margin-bottom: 0px;
}
.st-box-_ li strong, .st-box-_ li span {
float: center;
line-height: 15px;
color: white;
}
.st-box-_ li strong {
display: inline-block;
color:blue ;
background-color:white;
border-radius: 0px;
padding:0px 0px;
min-width: 65px;
}
بالتوفيق للجميع
دعدوع الجنرال يعجبه هذا الموضوع