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

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

اقدم لكم اليوم كود للبيانات الشخصيه بشكل جديد وجميل ..
مع اضافة نشر للمواضيع اسفل البيانات ..
علشان مش اطول عليكم ...
اليكم صورة اولا من التعديل
https://i.servimg.com/u/f48/12/78/95/70/hima28.png

لطبيق هذا الشكل فى منتداك ..ادخل الى
لوحة الادارة
مظهر المنتدى
التومبيلايت والقوالب

نعمل تعديل لقالب viewtopic_body
ويفضل ان يكون التعديل على القالب الاصلى
المهم ..نبحث عن التالى اولا

الرمز:

{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}
{postrow.displayed.EMAIL_IMG}
{postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}

ونحذفه تماماً
ونبحث عن هذا ايضا فى نفس القالب ...

الرمز:

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


{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

{postrow.displayed.POSTER_RPG}
</span><br />
<img src="https://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>



<div
class="ahlamontada">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}</div>



</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} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}

</div></div

</div></div>

<div class="sidebar">
<table class="sidebaritem">
<tbody>
<tr>
<td width="20px">
<img src="https://i.servimg.com/u/f43/15/53/11/89/19675610.jpg">
</td>
<td>
<center>
<a href="https://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="https://i.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="https://i.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="https://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("https://i.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("https://i.servimg.com/u/f48/12/78/95/70/hima_a10.png") no-repeat scroll center top transparent;
padding: 20px;
width: 150px;
}

.hima {
background: url("https://i.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("https://i.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("https://i.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;
}

كككككككككود رآأئئع

شكرا لك


ججزأإكك الله الف الف خخخخخير ككود راائع

مشكووووووووووووووووور علي ذلك الموضوع الجميل

» Templateكود احصئيات المنتدى بشكل جديد وترتيب اجمل
» [Template] حصريا ولاول مرة : كود البيانات الشخصية المركب في منتدى فرسان التطوير للجميع
» ضوابط وقوانين اضافه موضوع الى اقسام ادوات المبدع
» درس اضافة الجليتر في الفوتوشوب
» كود الفيس و تويتر و اليوتيوب بشكل جميل