وضع خلفيه لعنوان وتاريخ المساهمات لتبدو بشكل جميل واحترافي[ template]

وضع خلفيه لعنوان وتاريخ المساهمات لتبدو بشكل جميل واحترافي[ template]

 من طرف النجم الذهبى السبت 20 أغسطس 2011 - 22:56

صوره للتوضيح

ناتي الان الى الشرح


اولا ندخل على قالب معاينه المواضيع



لوحه التحكم


مظهر المنتدى

التومبلايتات و القوالب

اداره عامه

قالب

viewtopic_body


نبحث عن الكود تالي

الكود:

 

[color=#000000]  <span class="postdetails"><img [/color]
[color=#000000]src="{postrow.displayed.MINI_POST_IMG}" [/color]
[color=#000000]alt="{postrow.displayed.L_MINI_POST_ALT}" [/color]
[color=#000000]title="{postrow.displayed.L_MINI_POST_ALT}" border="0" [/color]
[color=#000000]/>{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  [/color]
[color=#000000] <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" [/color]
[color=#000000]border="0" />{postrow.displayed.POST_DATE}</span>[/color]







نستبدله بالكود التالي

الكود:


<div class="ahlamontada"><span class="postdetails"><img
src="{postrow.displayed.MINI_POST_IMG}"
alt="{postrow.displayed.L_MINI_POST_ALT}"
title="{postrow.displayed.L_MINI_POST_ALT}" border="0"
/>{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} 
 <img src="{postrow.displayed.MINI_TIME_IMG}" alt=""
border="0" />{postrow.displayed.POST_DATE}</span></div>


ثم نضع الكود التالى
في ورقه css

الكود:


/*-----ahlamontada-----*/



.ahlamontada {
      background-image:url("http://i66.servimg.com/u/f66/12/46/69/62/ice10.png");
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: #F8E5B2;
    border-right-color: #F8E5B2;
    border-bottom-color: #F8E5B2;
    height:18px;
    -moz-border-radius: 5px 5px 5px 5px;
     
}


/*-----ahlamontada- نهايه كود خلفيه عنوان المواضيع----*/


بالتوفيق
النجم الذهبى