[كود تومبيلات] البيانات الشخصية بشكل احترافي من صنع Yassine Bablil

[كود تومبيلات] البيانات الشخصية بشكل احترافي من صنع Yassine Bablil

[كود تومبيلات] اجعل بيانات شخصية بشكل احترافي من صنع Yassine Bablil

السلام عليكم ورحمة الله وبركاته

اليوم وكمفاجئة وتلبية لطلبات الاعضاء الدين يمتلكون حق تعديل على تومبيلات
تم تطوير وجعل حقل بيانات الشخصية في المساهمات و المواضيع بشكل احترافي ومميز

* صورة للبيانات الشخصية بعد تركيب

https://i.servimg.com/u/f38/18/04/55/46/1113.png

* طريقة التركيب

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

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

الكود:: <table border="0" cellspacing="0" cellpadding="0">
<tr> <td valign="middle">
{postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
{postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
</td> </tr> </table>

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

الكود:: <tr class="post">
<td
class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR}
valign="top" width="150"> <span
class="name"><a
name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br
   /> <span
class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />

{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br
/><br /> 
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
   
   {postrow.displayed.POSTER_RPG}
   </span><br />
   <img src="http://2img.net/i/fa/empty.gif" alt=""
style="width:150px;height:1px" />
</td>

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

الكود:: <td class="Yassine" width="18%" valign="top"><div
onclick="switchBlock('38_menu');"><ul
class="yassine_babl"><li><strong>{postrow.displayed.POSTER_NAME}</strong>
  <br /></li></ul><strong><div
class="Yassine_Bablil"
align="center"><span>{postrow.displayed.POSTER_RANK}<span
div="" <=""><div class="Yassine_Bablil"
align="center"><div class="UserPhoto_large"
align="center">{postrow.displayed.POSTER_AVATAR}</div></div>
    <div
class="Yassine_Bablil">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>
    <br>
  {postrow.displayed.PROFILE_IMG}
{postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<br>

{postrow.displayed.ONLINE_IMG}</span></span></div></strong></div></td>

ثم نذهب الى
لوحة الادارة » مظهر المنتدي » الوان » ورقة تصميم css

وقم باضافة الكود التالي :

الكود:: .Yassine { background-color: #f2f6f8; border: 2px solid
#fff; color: #2c2c2c; font-family: Tahoma; font-size: 11px;
padding: 5px;}.Yassine_Bablil { background-color: rgb(236, 236,
236); border: 1px solid rgb(212, 212, 212); border-radius: 9px;
color: rgb(0, 0, 0); font-family: Tahoma,Geneva,sans-serif;
font-size: 11px; font-style: normal; font-variant: normal;
font-weight: bold; line-height: normal; margin: 5px; padding:
6px; text-align: center; text-shadow: 0 0 2px
#837d87;} ul.yassine_babl { border-radius: 4px; clear: both;
margin: 0 0 10px; padding: 0;} ul.yassine_babl li { display:
inline-block; font-size: 12px;}ul.yassine_babl a { background:
none repeat scroll 0 0 #ffffff; border-color: #e9eeef; display:
block; font-size: 12px; height: 22px; line-height: 22px;
margin-left: 4px; padding: 0 10px; text-decoration: none;}

تقييمكم شباب

توقيع : AmEr T6wer

» [تومبيلات] اجعل مرفقات على منتداك بشكل احترافي من عملي الشخصي Yassine Bablil
» [كود Css] جعل اسم أقسام منتداى بشكل احترافي من تطوير Yassine Bablil
» تومبيلات البيانات الشخصية في اعلى المواضيع والردود بشكل انيق
» [كود Css] اجعل اقتباس منتداك بشكل جديد حصريا من Yassine Bablil
» كود تومبيلات اطار للتواقيع بشكل احترافي لجميع النسخ

[كود تومبيلات] البيانات الشخصية بشكل احترافي من صنع Yassine Bablil

[كود تومبيلات] البيانات الشخصية بشكل احترافي من صنع Yassine Bablil