: تمبلت : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز ::

بسم الله الرحمن الرحيم

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

=================

حرصا على تقديم المزيد والمزيد من الخدمات والمساعدات للتقدم والرقى بمنتدياتكم

ها انتم الان مع موعد مع كود جديد من اكواد القوالب الخاصة بالمنتدى والتى تسمى التمبلت

Template

وظيفة الكود :

وضع اطار خلفى للبيانات الشخصية الخاصة بالعضو وصورتة الشخصية

مكون من header + body + footer

صورة الكود للمعاينة :

كما فى منتدانا الغالى

وكما فى تلك الصورة

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

والان نأتى على بركة الله مع الشرح وطريقة تركيب وتفعيل الكود

بسم الله الرحمن الرحيم

أولا يجب تصميم صورة الاطار ببرنامج الفوتوشوب أو بأى برنامج من برامج التصميم كما تحب

ومن ثم تقطيع تلك الصورة او ذلك الاطار الى 3 أجزاء هى بالترتيب

header + body + footer

كما هو موضح فى الصورة التالية

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

(( الشرح والتصميم من تصميم دكتور محمود سعد Dr_Afifi ومنتدى طب فور يو ))

ثم بعد الانتهاء من التصميم

تأتى مرحلة التركيب

نذهب الى

لوحة الادارة

مظهر المنتدى

ادارة التمبلت

ادارة عامة

Viewtopic_Body

نبحث عن الكود التالى :

الكود:

<!-- BEGIN displayed -->
    <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}<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>

ثم نستبدله بالكود التالي :

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

والان نذهب الى مرحلة التفعيل

نذهب الى ورقة الـ Css

ثم نضع الكود التالى دون تغيير
الا تغيير روابط الصور فقط


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

فقط تأكدوا ان كود ال CSS قد وضعتموة بطريقة صحيحة

كما موضح بالصورة التالية

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

حيث يجب أن تغيروا كلمة

ضع هنا رابط الصورة الخاصة ب header

وليس

ضع هنا رابطا لصورة الخاصة بـ

فقط

هناك كلمات انجليزية تابعة للكلام العربى يجب ان تغير

وكما موضحة بالصورة هى

header

body

footer

==========================

الكود والشرح من تصميمنا وتنفيذنا Dr_Afifi

أى محاول لنزع الحقوق او التلاعب بالكود ونسبة الى أحد غيرنا

تعرض صاحبها للمسائلة القانونية فورا ً

=====================

شكرا

وانتظروا القادم بإذن الله