عداد مواد الكتلوجات

بديل جيد لعداد المواد القياسي لمواقع ucoz، والذي يحمل الكثير من الجوانب السلبية، بدءا من عدم وجود الحشو في الخلية وجدول، مع علامات إضافية
التركيب:انشاء علام
الرئيسية » اشارات » تعديل القوالب » انشاء علام
اسم الاشارة: مواضيح جديدة
قسم: عدادات المواد

اظغط على [قالب الاشارة] وغير الكود الموجود بهذا الكود

<ul>
<?if($DIR$)?><li><div>دليل المواقع:</div><span>$DIR$</span></li><?endif?>
<?if($BLOG$)?><li><div>المدونة:</div><span>$BLOG$</span></li><?endif?>
<?if($GB$)?><li><div>سجل الزوار:</div><span>$GB$</span></li><?endif?>
<?if($NEWS$)?><li><div>أخبار الموقع:</div><span>$NEWS$</span></li><?endif?>
<?if($COMMENTS$)?><li><div>المنتدى:</div><span>$FORUM_T$</span></li><?endif?>
<?if($COMMENTS$)?><li><div>التعليقات:</div><span>$COMMENTS$</span></li><?endif?>
<?if($BOARD$)?><li><div>الإعلانات المبوبة:</div><span>$BOARD$</span></li><?endif?>
<?if($PHOTO$)?><li><div>ألبوم الصور:</div><span>$PHOTO$</span></li><?endif?>
<?if($FAQ$)?><li><div>FAQ:</div><span>$FAQ$</span></li><?endif?>
<?if($LOAD$)?><li><div>كتلوج ملفات:</div><span>$LOAD$</span></li><?endif?>
<?if($PUBL$)?><li><div>كتالوج مقالات:</div><span>$PUBL$</span></li><?endif?>
<?if($TESTS$)?><li><div>الاختبارات:</div><span>$TESTS$</span></li><?endif?>
<?if($VIDEO$)?><li><div>فيديو:</div><span>$VIDEO$</span></li><?endif?>
<?if($STUFF$)?><li><div>موقع ألعاب:</div><span>$STUFF$</span></li><?endif?>
</ul>

2- انسخ الكود في الاسفل وعينه في اي مكان مناسب، الحاوية الاولى او الثانية

<div class="informer-materials">
<div class="informer-materials-title">عداد المواد </div>
$MYINF_21$
</div>

غير رمز الاشارة $MYINF_21$ بالرمز الذي عندك اثناء انشاء اشارة عدادات المواد
في صفحة ورقة التصميم (css) ضع الكود التالي:

/* عداد مواد الكتلوجات
------------------------------------------*/
.informer-materials {
float:left;
width:200px;
background: #fff;
border: 1px solid #CAD3DA;
border-radius:5px;
overflow: hidden;
margin-right: 20px;
}

.informer-materials-title {
float:left;
width:202px;
padding: 7px 0px;
background: #376fb9 ;
margin: -1px -1px 0px -1px;

font:11px Verdana,Arial,Helvetica, sans-serif;
text-shadow: 1px 1px 1px #093a7b;
text-align:center;
font-weight: bold;
color:#fff;
}

.informer-materials ul {
margin: 0;
padding: 0;
list-style: none;
}

.informer-materials li{
float:left;
width:170px;
padding: 5px 0px;
margin: 0px 15px;
border-top: 1px dotted #CAD3DA;
}

.informer-materials li div{
float:left;
width:150px;
padding-right: 10px;
text-align:right;
}

.informer-materials li div{
float:left;
width:120px;
text-align:right;
}

.informer-materials li:nth-child(1){
border-top: none;
}

.informer-materials li span{
padding: 2px 7px;
background: #9EA5A8;
border-radius:3px;

font:9px Verdana,Arial,Helvetica, sans-serif;
text-shadow: 1px 1px 1px #777;
font-weight: bold;
color:#fff;
}

ملاحظ: الكتالوجات التي ليست فيها مواضيع لن تظهر الا بعد كتابة المواضيع ستظهر وعدد المواضيع