جاري التحميل
المواضيع الأخيرة
أفضل 10 أعضاء في هذا الأسبوع
omarpop23
 
JoryAbdallah
 
khairanynabil
 
نورالدين خلف
 
BAZOKA Libya
 
game4rest
 

المتواجدون الآن ؟
ككل هناك 15 عُضو متصل حالياً :: 0 عضو مُسجل, 0 عُضو مُختفي و 15 زائر :: 2 عناكب الفهرسة في محركات البحث

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 141 بتاريخ 19/07/16, 08:08 am
احصائيات
هذا المنتدى يتوفر على 486 عُضو.
آخر عُضو مُسجل هو khairanynabil فمرحباً به.

أعضاؤنا قدموا 9723 مساهمة في هذا المنتدى في 1841 موضوع

منتديات تقنيات :: جاليري استايلات التومبلايت والقوالب والاكواد :: 

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

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

@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
موضوع رائع
يسلمو جرح مبدعه
avatar
كل الشكر والامتنان على روعهـ بوحـكـ
..
وروعهـ مانــثرت .. وجماليهـ طرحكـ
..
avatar
شششكرآ على الكود #بلآك
  

سجل دخولك أو انشئ حساب لترك رد

تحتاج إلى أن تكون عضوا من أجل ترك الرد.

انشئ حساب

الانضمام إلى مجتمعنا من خلال إنشاء حساب جديد. من السهل


انشئ حساب جديد

تسجل دخول

هل لديك حساب بالفعل؟ لا توجد مشكلة، قم بتسجيل الدخول هنا.


تسجيل دخول