[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها

لوحة الادارة
مظهر المنتدى
التومبيلايت والقوالب

الكود:

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

الكود:

    <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
        <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}{postrow.displayed.profile_field.SEPARATOR}</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;
        }

لمن يريد تغير خلفية ..معلومات العضو والاتصال ومعلومات اضافيه ..نبحث فى كود css عن رابط الخلفيه الاتى
https://i.servimg.com/u/f48/12/78/95/70/hima-b12.png
ونستبدله بما يناسبنك