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

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

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

تابعو الشرح

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

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

وايضا نبحث عن هذا

الكود:



[table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"][tr][td][b]الرمز:[/b][/td][/tr][tr][td class="code"]

        <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="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
 
            </td>[/td][/tr][/table]


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

الكود:




  [table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"][tr][td][b]الرمز:[/b][/td][/tr][tr][td class="code"]
    <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="http://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>[/td][/tr][/table]





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

الكود:

ثم نذهب الي
لوحة الادارة / مظهر المنتدي/ الوان/ ورقة تصميم 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;
    }


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


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