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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود مع طريقة استعماله : كود معلومات العضو لاحلى منتدى

لوحة الادارة > مظهر المنتدى > التومبلايتات و القوالب > viewtopic_body
ابحث عن هدا الكود

الكود:


[size=13]{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} [/size][size=13]{postrow.displayed.EMAIL_IMG} [/size][size=13]{postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
[/size]





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

الكود:


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



  نقوم بحدفه تماما , وضع مكانه هدا الكود :

الكود:


<tr class="post">
         <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <div class="hima">معلومات العضو </div>
 <div class="masry" align="center"></div>
 <div class="ahlamontada">
 <span class="name"{postrow.displayed.U_POST_ID}"> {postrow.displayed.POSTER_NAME}
 </span>
 <div class="ahlamontada"></div></div>
 <span class="postdetails poster-profile">
 <div class="hima-elmasry">
 <br />
     <div class="AVATAR">{postrow.displayed.POSTER_AVATAR}
 </div></div></div>
 <br>
 {postrow.displayed.RANK_IMAGE}<br>
 {postrow.displayed.POSTER_RANK}
 <br>
 <div class="hima">معلومات إضافية </div>
 <div class="masry" align="center"></div>
                     <!-- BEGIN profile_field -->
 
       <div
 class="ahlamontada">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>
 
 
                     <!-- END profile_field -->
 </div>
 </span>
 <center>
 <div class="hima">معلومات الاتصال </div></div></div></div>
 <div class="masry" align="center"></div></div></div>
 <div class="ahlamontada">
            
 
                       {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}
            
   </div></div
 
 </div></div>
 <div class="sidebar">
 <table class="sidebaritem">
 <tbody>
 <tr>
 <td width="20px">
 <img src="http://i43.servimg.com/u/f43/15/53/11/89/19675610.jpg">
 </td>
 <td>
 <center>
 <a href="http://www.facebook.com/sharer.php?u=/topic-t{TOPIC_ID}.htm">نشر ع الفيسبوك</a>
 </center>
 </td>
 </tr>
 </tbody>
 </table>
 <div style="height: 4px;"></div>
 <div style="height: 4px;"></div>
 <table class="sidebaritem">
 <tbody>
 <tr>
 <td width="20px">
 <img src="http://i86.servimg.com/u/f86/13/46/75/82/311.png">
 </td>
 <td>
 <center>
 <a rel="nofollow" href="/search?add_favourite=84151&search_id=favouritesearch">إضافة إلى مفضلاتي</a>
 </center>
 </td>
 </tr>
 </tbody>
 </table>
 <div style="height: 4px;"></div>
 <table class="sidebaritem">
 <tbody>
 <tr>
 <td width="20px">
 <img src="http://i70.servimg.com/u/f70/15/40/37/88/group10.png">
 </td>
 <td>
 <center>
 <a rel="nofollow" href="/tell_friend.forum?t=84151">أرسال لصديق</a>
 </center>
 </td>
 </tr>
 </tbody>
 </table>
 <div style="height: 4px;"></div>
 </div>
 <center>
 <img style="width: 150px; height: 1px;" alt="" src="http://2img.net/i/fa/empty.gif">
 </center>
 </center>
 </td>
 
 <div id="profil_foot"></div>



 
ونظغط نشر + 
ثم نقول بالدهاب الى / لوحة الادارة > مظهر المنتدى > الوان > ورقة تصميم CSS

نضع الكود الاتي :

الكود:



 .ahlamontada {
     -moz-border-radius: 5px 5px 5px 5px;
     background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-c10.gif") repeat-x scroll center bottom #FFFFFF;
     border: 1px solid #E2E2E2;
     margin: 2px;
     text-shadow: 0 0 1px #626262;
 }
 
 .hima-elmasry {
     background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_a10.png") no-repeat scroll center top transparent;
     padding: 20px;
     width: 150px;
 }
 
 .hima {
     background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima-b12.png") repeat-x scroll left top #37DCFC;
     border-bottom: 2px solid #F2812E;
     color: #000033;
     font-family: arial;
     font-size: 12pt;
     font-style: normal;
     font-variant: normal;
     font-weight: bold;
     text-shadow: 1px 1px 1px #888888;
     width: 185px;
 }
 .masry {
     background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima_s10.png") no-repeat scroll left top transparent;
     height: 12px;
     margin: auto;
     position: relative;
     width: 185px;
 }
 .ahlamontada {
     -moz-border-radius: 5px 5px 5px 5px;
     background: url("http://i48.servimg.com/u/f48/12/78/95/70/hima2010.gif") repeat-x scroll center bottom #FFFFFF;
     border: 1px solid #E2E2E2;
     margin: 2px;
     text-shadow: 0 0 1px #626262;
 }
 
 .sidebaritem {
     background: url("") repeat-x scroll 0 0 #FBFBFB;
     border-color: #D1D1E1;
     border-style: solid;
     border-width: 1px 2px 1px 1px;
     font-size: 11px;
     padding: 0;
     width: 180px;
 }
         .AVATAR img {
             width: 150px;
         }






ثم اظغط حفط 
تمت معاينة جميع الاكواد بنجاح !!