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

عدد المشاهدات الان

بديل جيد لعداد المواد القياسي لمواقع 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;
}

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

اذا حبيت نسخ المقالهـ