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

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

مرحبا اخوانى و اخواتى اعضاء و زوار منتديات احلى حكاية الكرام

اليوم اقدم لكم

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

صوره لمعاينة القوالب





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

اذهب الى

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




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




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




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






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

الرمز:

<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="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="twrank" 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="twrank" 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="twrank" 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="twrank" 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.m-3n.net/vb/m3n1yers/misc/colok.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.m-3n.net/vb/m3n1yers/misc/colok.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="twrank" 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="twrank">وسائل الإتصال:</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.yoo7.com */ .fieldset { margin-bottom: 6px; border: 1px #e5e5e5 solid; } .twrank{ 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 a7medvirus*/ .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.yoo7.com */

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




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

المصدر : منتديات أحلى حكاية // الكاتب: الطائر الحر
جميع الحقوق محفوظه لــ (( منتديات احلى حكاية )) و (( الطائر الحر ))


بتوفيق للجميع ان شاء الله