ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

تومبلايت قالب البيانات الشخصية بطريقة احترافية

  افضل مساهمة1
تومبلايت قالب البيانات الشخصية بطريقة احترافية

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

اليوم وكمفاجئة وتلبية لطلبات الاعضاء الدين يمتلكون حق تعديل على تومبيلات
تم تطوير وجعل حقل بيانات الشخصية في المساهمات و المواضيع بشكل احترافي ومميز

* صورة للبيانات الشخصية بعد تركيب






* طريقة التركيب

لوحة الادارة » مظهر المنتدي » التومبلايتات و القوالب » إدار عامة
نختار هذا القالب viewtopic_body ونضغط عليه تعديل


ابحث عن الكود التالي وقم بحدفه

الكود:
<table border="0" cellspacing="0" cellpadding="0"> 
        <tr>            <td valign="middle">           
{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}           
 </td>            </tr>          </table>

وايضا قم بالبحث عن هدا الكود
الكود:
<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>

واستبدله بالكود التالي
الكود:
<td class="Yassine" width="18%" valign="top"><div





•onclick="switchBlock('38_menu');"><ul





class="yassine_babl"><li><strong>{postrow.displayed.POSTER_NAME}</strong> 


  <br /></li></ul><strong><div


class="Yassine_Bablil"


align="center"><span>{postrow.displayed.POSTER_RANK}<span


div="" <=""><div class="Yassine_Bablil"


align="center"><div class="UserPhoto_large"


align="center">{postrow.displayed.POSTER_AVATAR}</div></div> 


                  <!-- BEGIN profile_field -->        <div


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


                  <!-- END profile_field --> <br>           


  {postrow.displayed.PROFILE_IMG}             


 {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<br>     


       


 {postrow.displayed.ONLINE_IMG}</span></span></div></strong></div></td>

ثم نذهب الي

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

وقم باضافة الكود التالي :

الكود:

.Yassine {    background-color: #f2f6f8;    border: 2px solid


#fff;    color: #2c2c2c;    font-family: Tahoma;    font-size: 11px;   


padding: 5px;}.Yassine_Bablil {    background-color: rgb(236, 236,


236);    border: 1px solid rgb(212, 212, 212);    border-radius: 9px; 


 color: rgb(0, 0, 0);    font-family: Tahoma,Geneva,sans-serif;   


font-size: 11px;    font-style: normal;    font-variant: normal;   


font-weight: bold;    line-height: normal;    margin: 5px;    padding:


6px;    text-align: center;    text-shadow: 0 0 2px


#837d87;} ul.yassine_babl {    border-radius: 4px;    clear: both;   


margin: 0 0 10px;    padding: 0;} ul.yassine_babl li {    display:


inline-block;    font-size: 12px;}ul.yassine_babl a {    background:


none repeat scroll 0 0 #ffffff;    border-color: #e9eeef;    display:


block;    font-size: 12px;    height: 22px;    line-height: 22px;   


margin-left: 4px;    padding: 0 10px;    text-decoration: none;}


ساهم معنا برد مميز منك برأيك حول كود البينات الشخصية لنستمر في العطاء






يمنع حدف الحقوق من الكود وكدالك يمنع النقل
المدير العام لمساعدون الويب Yassine Bablil

وفقكم الله احبائي الغاليين
دعائكم هو أجرنا


m13
  افضل مساهمة2
موضوع رائع
يسلمو جرح مبدعه
  افضل مساهمة3
كل الشكر والامتنان على روعهـ بوحـكـ
..
وروعهـ مانــثرت .. وجماليهـ طرحكـ
..
  افضل مساهمة4
شششكرآ على الكود #بلآك
  
لاتستطيع الرد على المواضيع في هذا المنتدى