وضع اطار وخلفية على اخر مساهمة ووضع اطار بخلفية على عدد المساهمات والمواضيع بشكل جديدملاحظة :الكود يعمل على النسخة الثالثة
صورة للمعاينه
الأن نتوجه الى: ورقة تصميم css
لوحة الاداره >> مظهر المنتدى >> الصور والألوان >> ألوان >> ورقة تصميم css
تعطيل كود ال CSS الأصلي: لا
تفعيل نظام تحسين مردودية ال CSS المشخص: نعم
ثم اضف هذا الكود الى ورقة تصميم css - الكود:
-
/* اطار على اخر مساهمة */
ul.topiclist.forums dd.lastpost {
background-color: #12A3EB;
border-radius: 50px 50px 50px 50px;
border-bottom: 10px solid #9EE4F7;
border-top: 50px solid #9EE4F7;
color: #fff;
text-align: center;
font-weight: bold;
font-weight: bold;
margin-left: -798px;
margin-bottom: 4px;
margin-top: 0px;
width: 300px;
display: block;
}
/*اطار وخلفية على عنوان المواضيع2*/
li.row dd.lastpost a:hover {
background:#75CFE7;
border-radius: 3px;
box-shadow:0 0 12px #000;
}
/*عنوان المواضيع*/
ul.topiclist.forums dd.lastpost span a[href^="/t"] {
width: 280px;
display: block;
font-family: \'Oswald\', sans-serif;
text-transform: uppercase;/*تم التصميم بوسطة {وهبة الساحر}؛*/
font-size: 12px;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #fff;
}
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist
dd.info span, ul.topiclist dd.searchby span,
ul.topiclist dd.time span {
color: #fff;
font-family: calibri;
font-size: 12px;
text-align: center;
text-transform: uppercase;/*تم التصميم بوسطة {وهبة الساحر}؛*/
font-weight: bold;
width: 185px;
}
/*عدد المواضيع*/
.last-post-icon{ display:none; }
.lastpost br { display:none;}
.sprite-icon_topic_latest{display:none}
.forabg li.row dd.topics {
background-color: #12A3EB;
border-radius: 50px 50px 50px 50px;
border-bottom: 10px solid #9EE4F7;
border-top: 50px solid #9EE4F7;
color: #fff;
font-family: oswald;
font-size: 30px;
font-weight: bold;
height: 58px;
line-height: 36px;/*تم التصميم بوسطة {وهبة الساحر}؛*/
margin-left: 8px;
margin-top: 0px;
position: relative;
width: 80px;
display: block;
}
/*عدد المساهمات*/
.forabg li.row dd.posts {
background-color: #12A3EB;
border-radius: 50px 50px 50px 50px;
border-bottom: 10px solid #9EE4F7;
border-top: 50px solid #9EE4F7;
color: #fff;
font-family: oswald;
font-size: 30px;
font-weight: bold;
height: 58px;
line-height: 36px;/*تم التصميم بوسطة {وهبة الساحر}؛*/
margin-left: 8px;
margin-top: 0px;
position: relative;
width: 80px;
display: block;
}
/*تم التصميم بوسطة {وهبة الساحر}؛*/