ونسجل وننشر التعديل
ونذهل الى ورقية تصميم css
من مظهر المنتدى _الوان
ونضع هذا الكود فى بداية الحقل

الكود: ---------تضليل المحتوى

.hima_buttons {
clear: both;
font-family: tahoma;
font-size: 11px;
margin: 10px 0;
position: relative;
}
.hima_buttons .hima_links {
margin: 0;
padding: 10px;
visibility: hidden;
width: auto;
}
.hima_buttons .hima_share, .hima_buttons .hima_like, .hima_buttons .seperator {
display: inline-block;
float: right;
}

.hima_share_body {
-moz-border-radius: 5px 5px 5px 5px;
-moz-box-shadow: 0 4px 7px;
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #E0E0E0;
list-style: none inside none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
visibility: hidden;
width: 281px;
z-index: 999;
}
.hima_share:hover .hima_share_body {
visibility: visible;
}
.hima_share_body li {
border: medium none;
width: 140px;
}
.hima_share_body li:hover {
background: none repeat scroll 0 0 #FFEB90;
}
.hima_share_body li.share_header {
-moz-border-radius: 5px 5px 0 0;
background: none repeat scroll 0 0 #DDDDDD;
font-size: 120%;
margin-bottom: 3px;
padding: 3px 5px;
width: 270px;
}
.hima_share_body li.header:hover {
background: none repeat scroll 0 0 #DDDDDD;
}
.hima_share_body li.left {
border-right: 1px solid #E0E0E0;
clear: left;
float: left;
}
.hima_share_body li.right {
clear: right;
float: right;
}
.hima_share_body li img {
float: left;
padding: 4px;
position: relative;
top: -2px;
}
.hima_share_body li > a {
color: #343434;
display: block;
padding: 4px;
text-decoration: none;
}




ثم نضغط قدم...ومبروك التعديل

ملحوظة لمن تواجهه مشكلة فى مظهر الكود بعد التركيب يرجى عمل التعديلات من جديد ولكن على قالب viewtopic_body الاساسى وليس المعدل عليه... وان لم تستطيع تركيبه يمكنك ان تضع طلبك هنا دعم مشاكل التومبيلايت والاكواد

ملحوظة هامه جدا::هذه الفكره من ترايدنت ..وتم التعديل عليها حتى نصل الى الشكل المطلوب بدون اى مشاكل