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

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

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

https://i.servimg.com/u/f48/12/78/95/70/hima28.png

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

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

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

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}
{postrow.displayed.EMAIL_IMG}
{postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}</td></tr></table>

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

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<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}

{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}



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

{postrow.displayed.POSTER_RPG}
</span>

<img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td></td></tr></table>

ونحذفه ..ونضيف هذا مكانه

ضع ردا لمشاهدة باقي الموضوع

<table align="center" border="0" cellpadding="3" cellspacing="1" width="90%"><tr><td class="quote">

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
<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">

<div class="AVATAR">{postrow.displayed.POSTER_AVATAR}

</div></div></div>

{postrow.displayed.RANK_IMAGE}

{postrow.displayed.POSTER_RANK}

<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 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></td></tr></table>

ونسجل وننشر التعديل ...
وبعدين نذهب الى

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

ونضيف هذا فى بداية الحقل ...ونضغط قدم

<table style="table-layout:fixed;" align="center" border="0" cellpadding="0" cellspacing="1" width="90%"><tr><td>الرمز:</td></tr><tr><td class="code">
.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;
}</td></tr></table>

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

ومبروك ...التعديل
ملحوظة
لمن تواجهه مشكلة فى مظهر الكود بعد التركيب يرجى عمل التعديلات من جديد
ولكن على قالب viewtopic_body الاساسى وليس المعدل عليه

</td></tr></table>

توقيع : ryado

شكرا لك اخي الغالي
تقبل مروري
AhmedRami

توقيع : 1m HeRe

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

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

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

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

مواضيع مماثلة

مواضيع مماثلة