كود [Template] البيانات الشخصيه فى المواضيع بشكل أجمل من الـ vb تمام بشكل اكثر من رائع

اليوم اقدم لكم
كود [Template] البيانات الشخصيه فى المواضيع بشكل أجمل من الـ vb تمام بشكل اكثر من رائع
صوره لمعاينة القوالب


و الان الكود و طريقة تركيبه

اذهب الى

1- لوحة الاداره




2 - مظهر المنتدى




3 - التومبلايتات و القوالب / اداره عامة




4 - اضغط تعديل على قوالب ( viewtopic_body )






5 - ابحث عن هذا الكود و احذفه

الكود:


{postrow.displayed.PROFILE_IMG}

              {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}

<!-- BEGIN contact_field -->

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

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

الكود:



<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="fieldset">
        <tr valign="top">
    <td class="usrback" width="200" style="text-align:center">
            <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" style="text-align:right">   
    <tr>
    <td colspan="2" class="a7la-7ekaya" align="center">المعلومات</td>
    </tr>
<tr>
        <td class="tw">الكاتب:</td>
       
 
      <td class="tw"><div id="postmenu_5"
align="center"><a class="bigusername"
name="{postrow.displayed.U_POST_ID}"> {postrow.displayed.POSTER_NAME}
 </a>
        <script type="text/javascript"> vbmenu_register("postmenu_5", true); </script>
       
        </div>
        </td>
    </tr>
    <tr>
        <td class="tw">اللقب:</td>
        <td class="tw"><div align="center">{postrow.displayed.POSTER_RANK}</div></td>
    </tr>
    <tr>
        <td class="tw">الرتبه:</td>
        <td class="tw"><div align="center">{postrow.displayed.RANK_IMAGE}</div></td>
    </tr>
   
    <tr>
        <td colspan="2" class="a7la-7ekaya" align="center">الصورة الرمزية</td>
    </tr>
    <tr>
        <td colspan="2" align="center" class="alt1"><div class="smallfont avataruser">
                    <br />{postrow.displayed.POSTER_AVATAR}
                </div>
</td>
    </tr>
    </table>
       
           
            <div class="smallfont" style="text-align:right">
            <br />
            <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">
   
                          <tr>
        <td colspan="2" class="a7la-7ekaya" align="center">البيانات</td>
    </tr>
<!-- BEGIN a7la.7ekaya -->
<!-- BEGIN profile_field -->
        <tr>
        <td class="tw"><center>{postrow.displayed.profile_field.LABEL}</td>
        <td class="tw"> <center>{postrow.displayed.profile_field.CONTENT}</td>
    </tr>
    <!-- END profile_field -->
            <!-- END a7la.7ekaya -->
   
       
</table>
                <div align="center"></div>
                <div align="center"></div>
                </div><br />
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">
    <tr>
        <td class="a7la-7ekaya" align="center">التوقيت</td>
    </tr>
<tr>
        <td class="alt1">
<div
 class="pbit" align="center"><center><OBJECT classid="clsid:
 
D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/
 flash/swflash.cab#version=6,0,0,0" WIDTH="130" HEIGHT="130"
id="anaclock" ALIGN="">
<PARAM NAME=movie VALUE="http://www.dokuyi.com/home/upload/Dokuyi/2011/20110113153003X15LZ/20110113153003X15LZ_proen.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<param name="wmode" value="transparent">
<param name="menu" value="false">
<EMBED
 src="http://www.dokuyi.com/home/upload/Dokuyi/2011/20110113153003X15LZ/20110113153003X15LZ_proen.swf" quality=high
bgcolor=#FFFFFF WIDTH="130" HEIGHT="130" wmode="transparent" ALIGN=""
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"
menu="false">
</EMBED></OBJECT></center></div>
</td>
    </tr>
    </table>
<br />
                <table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" style="text-align:right">
    <tr>
        <td colspan="2" class="a7la-7ekaya" align="center">الإتصالات</td>
    </tr>
<tr>
        <td class="tw">الحالة:</td>
        <td class="tw"><div align="center">{postrow.displayed.ONLINE_IMG}

</div></td>
    </tr>
    <tr>
        <td class="a7la-7ekaya">وسائل الإتصال:</td>
        <td class="tw"><div align="center"> {postrow.displayed.PROFILE_IMG}

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

              {postrow.displayed.contact_field.CONTENT}
<!-- END contact_field --> 
<!--ENDa7la.7ekaya -->
 </div></td>
        </tr>
</table>

    </td> 
     

6 - نشط التعديل

=======

ثم اذهب الى

لوحة الاداره / مظهر المنتدى / الصور و الالوان / الوان / ورقة تصميم الـ css

ضع الكود التالى

و اضغط قدم

الكود

الكود:




/* Start a7la-7ekaya  */
.fieldset {
    margin-bottom: 6px;
    border: 1px #e5e5e5 solid;
}


.a7la-7ekaya{
      background-color: #F6F6F6;
        border-bottom: 2px dotted #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        border-right: 3px solid #ff0000;
        border-width: 0 3px 2px 0;
        font-family: "tahoma";
        font-size: 11px;
        letter-spacing: 0;
        margin: 1px 1px 3px;
        padding: 2px;
        vertical-align: middle;
    }
    /*Copyright a7la-7ekaya*/
    .tw{
      background-color: #F6F6F6;
        border-bottom: 2px dotted #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        border-right: 3px solid #1CA6BA;
        border-width: 0 3px 2px 0;
        font-family: "tahoma";
        font-size: 11px;
        letter-spacing: 0;
        margin: 1px 1px 3px;
        padding: 2px;
        vertical-align: middle;

    }


/* End a7la-7ekaya */





انتهاء الشرح الف مبروك




ملحوظه ::- هذا الكود من صنع (( الطائر الحر ))

و يمنع باى شكل من الاشكال النقل دون ذكر المصدر
جميع الحقوق محفوظه لــ (( منتدى الدعم و المساعده )) و (( الطائر الحر ))
مع تحيات منتدى فرسان القرآن