احتراف نت
السلام عليكم ورحمة الله تعالى وبركاته
آسفين تعبناكم معانا بإتباعكم بل مكان بس لو ضغطت على سجل وشاركتنا المنتدى وتتفاعل معنا إلك شو ؟ إلك أحلى رتبة من إحتراف نت
تحياتنـا إدارة المنتدى Smile


حيث للآبداع والاحتراف معنا عنوان..
 
الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
أمير الأبداع
ــآلـآعضـآء
ــآلـآعضـآء


جامدة

دولتـى :

نوعــى : ذكر

عمـلى :

مشــآركـآتــى : 68

سجلت فــ : 12/08/2012




مُساهمةموضوع: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   الأربعاء أغسطس 22, 2012 3:48 pm

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

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





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


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

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

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]{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">
<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://illiweb.com/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}</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://illiweb.com/fa/empty.gif">
</center>
</center>
</td>

<div id="profil_foot"></div>

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

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

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

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط].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;
}


<blockquote>
لمن يريد تغير خلفية ..معلومات العضو والاتصال ومعلومات اضافيه ..نبحث فى كود css عن رابط الخلفيه الاتى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
ونستبدله بما يناسبنك
</blockquote>

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

اخوكم [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
ALPASHA
الإدارهَہ العامة
الإدارهَہ العامة
avatar

جامدة

دولتـى :

نوعــى : ذكر

عمـلى :

مشــآركـآتــى : 1191

سجلت فــ : 28/07/2011

عمـــرى : 24




مُساهمةموضوع: رد: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها   الأربعاء أغسطس 29, 2012 2:58 am

تســلم يا غالى علـى الكود الرائع







المصدر:شبكـة احتراف نت - E7TR3F.YOO7.COM








الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://e7tr3f.yoo7.com
 
[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
احتراف نت :: دعم فني لأحلى منتدى | ahlamontada :: التقنيات المتقدمة :: | | أكواد التومبلايت ~-
انتقل الى: