[تومبلات] البيانات الشخصيه بشكل جديده

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

اقدم لكم اكواد تومبلات مختلفه للتحكم بشكل البيانات الشخصيه

تابعو الشرح

نتوكل علي الله

لوحة الادارة → مظهر المنتدي → التومبلايتات و القوالب → إدار عامة
نختار هذا القالب 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}<!-- BEGIN contact_field -->

{postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->

{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 />

<!-- BEGIN profile_field -->

{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

<!-- END profile_field -->

{postrow.displayed.POSTER_RPG}

</span><br />

<img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />

</td>



ونحذفه ونضع الكود التالي مكانه

الرمز:
<tr class="post">

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">







<div class="tw">

<div align="center">

<a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong>

<br />

{postrow.displayed.POSTER_AVATAR}</div>

<br /><br />





<div class="tw">

{postrow.displayed.POSTER_RANK}</div>

<br />

{postrow.displayed.RANK_IMAGE}



<div class="twrank"><span style="color:#1E6ECF;"> معلومات
اضافية </span><br style="color: #1E6ECF;"></div>

<!-- BEGIN profile_field -->

<div class="tw">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>




<!-- END profile_field -->

{postrow.displayed.POSTER_RPG}

</span><br />

<img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />

<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td valign="middle">

{postrow.displayed.PROFILE_IMG}

{postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field -->

{postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->

{postrow.displayed.ONLINE_IMG}

</td>

</tr>

</table>



</td>



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

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

ونضيف هذا الكود

الرمز:
.twrank{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 1px dashed #ff0404;
border-width : 1px
border-color : #fc0c0c;
padding : 2px 2px;
background-repeat : repeat;
background-color : #f0feff;
background-image : url();
background-position : top;
overflow : visible;
vertical-align : middle;
}
/*Copyright a7medvirus*/
.tw{
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border : 1px dashed #ff00b4;
border-width : 1px
border-color : #0d2477;
padding : 2px 2px;
background-repeat : repeat;
background-color : #ffffff;
background-image : url();
background-position : top;
overflow : visible;
vertical-align : middle;
}


ثم اعمل سجل
وانشرها
وعاين البيانات الشخصيه في اي موضوع تريده وانظر النتائج


اتمنا انني قد اوفيت شرحي
تحياتي لكم .

جزاك الله خيرااا

شكرا ااااااااااا

مشكور
جزاك الله خيرا

up
up

طرح موفق شكراً لك