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

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

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

تابعو الشرح

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

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

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


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



منقول من منتدى الدعاية والاشهار