منتديات تقنيات
يسعدنا تسجيلكم بالمنتدى اهلا بكم
لقد نسيت كلمة السر
منتديات تقنيات
1 / 4
تقنيات حصرية
2 / 4
اطلب استايلك مجانا
3 / 4
استايلات تومبلايت جديدة
4 / 4
دروس اشهار الموقع

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



استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة  في 16/04/16, 11:33 am

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

@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
JAR7
ادارة المنتدى


الجنس : انثى
عدد المساهمات : 2724
التقييم : 348
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو https://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة  في 24/04/16, 12:54 am

موضوع رائع
يسلمو جرح مبدعه

عضوة مبدعة
عضو نشيط


الجنس : انثى
عدد المساهمات : 82
التقييم : 3
تاريخ التسجيل : 27/02/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة  في 30/04/16, 11:44 am

كل الشكر والامتنان على روعهـ بوحـكـ
..
وروعهـ مانــثرت .. وجماليهـ طرحكـ
..
avatar
Mr.Yakoub
تقني محترف

الجنس : ذكر
عدد المساهمات : 548
التقييم : 3
تاريخ التسجيل : 28/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة  في 22/05/16, 02:10 am

شششكرآ على الكود #بلآك
  
avatar
المصمم الليلي
تقني محترف

الجنس : ذكر
عدد المساهمات : 192
التقييم : 8
تاريخ التسجيل : 27/02/2016
اوسمتي : :1:0:0

معاينة صفحة البيانات الشخصي للعضو http://arab-ibda3.0wn0.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

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

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


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

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى