[تومبلايت] جعل اخر مشاركة متحركة ومطورة بتقنية css

اقدم لكم الكود الرائع من طلبات الاعضاء ِ كود جعل اخر مشاركة بطريقة احترافية

ومتحركة ِ صورة للكود


https://i.servimg.com/u/f45/15/95/28/21/lastpo10.png




نتوكل علي الله :--> نذهــب الي

لوحة الادارة > مظهر المنتدي > التومبلايتات و القوالب > إدار عامة
نختار هذا القالب index_box ونضغط عليه تعديل

نبحث عن هذا الكود ثم نحذفه

الكود: ---------تضليل المحتوى<span class="gensmall">{catrow.forumrow.LAST_POST}</span>

ثم نقوم بوضع الكود التالي مكان المحذوف


الكود: ---------تضليل المحتوى<div id="lastpost-a7medvirus" class="gensmall"><marquee
height="80" width="170" scrollamount="2"
direction="up">{catrow.forumrow.LAST_POST}</marquee</div>

ثم نسجل التومبلاتات وننشرها

ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم css
ونضع هذا الكود

اضغط هنا
Spoiler:الكود: ---------تضليل المحتوى #lastpost-a7medvirus{
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("https://i.servimg.com/u/f45/15/95/28/21/post_t10.png") no-repeat scroll left center #FFFFFF;
border-color: #777777;
border-left: 1px solid #777777;
border-radius: 8px 8px 8px 8px;
border-right: 1px solid #777777;
border-style: solid;
border-width: medium 1px;
box-shadow: 8px 8px 8px #DCDCDC;
color: #000000;
display: list-item;
font-family: Tahoma;
font-size: 11px;
font-weight: 700;
margin: auto;
max-height: 150px;
max-width: 165px;
overflow: auto;
padding: 5px;
width: 100%;
}