محمد خالد مدير عام المنتدى
الدوله : عدد المساهمات : 1396 مساهمه مشكوره : 7 تاريخ التسجيل : 21/10/2009 العمر : 39 المزاج : رايق
معلومات إضافيه اخر المواضيع:
| موضوع: وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز الجمعة ديسمبر 23, 2011 2:57 pm | |
| وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز<وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة] حرصا على تقديم المزيد والمزيد من الخدمات والمساعدات للتقدم والرقى بمنتدياتكم ها انتم الان مع موعد مع كود جديد من اكواد القوالب الخاصة بالمنتدى والتى تسمى التمبلت
Template
وظيفة الكود :
وضع اطار خلفى للبيانات الشخصية الخاصة بالعضو وصورتة الشخصية
مكون من header + body + footer
صورة الكود للمعاينة :
كما فى منتدانا الغالى
وكما فى تلك الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
والان نأتى على بركة الله مع الشرح وطريقة تركيب وتفعيل الكود
بسم الله الرحمن الرحيم
أولا يجب تصميم صورة الاطار ببرنامج الفوتوشوب أو بأى برنامج من برامج التصميم كما تحب
ومن ثم تقطيع تلك الصورة او ذلك الاطار الى 3 أجزاء هى بالترتيب
header + body + footer
كما هو موضح فى الصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
(( الشرح والتصميم من تصميم دكتور محمود سعد ومنتدى طب فور يو ))
ثم بعد الانتهاء من التصميم
تأتى مرحلة التركيب
نذهب الى
لوحة الادارة
مظهر المنتدى
ادارة التمبلت
ادارة عامة
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}<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 />
|
وبعد ذلك نستبدلة كاملا ً بالكود التالى :
الرمز: | <!-- BEGIN displayed --> <tr class="post"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> <span class="name"><div id="profil_head"></div><div id="profil_body"><div id="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div class="user_name">{postrow.displayed.POSTER_NAME}</div></strong></span> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK}<br /> {postrow.displayed.RANK_IMAGE}<div class="userava">{postrow.displayed.POSTER_AVATAR}</div><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} </div><div id="profil_foot"></div><span/><br />
|
ثم ننشر التمبلت
والان نذهب الى مرحلة التفعيل
نذهب الى ورقة الـ Css
ثم نضع الكود التالى دون تغيير الا تغيير روابط الصور فقط
الرمز: | #profil_head { background-image: url(ضع هنا رابط الصورة الخاصة بـ header); background-repeat: no-repeat; width: 185px ; height: 74px; } #profil_body { background-image: url(ضع هنا رابط الصورة الخاصة بـ body); width : 185px; overflow : auto; } #profil_foot { background-image: url(ضع هنا رابط الصورة الخاصة بـ footer); background-repeat: no-repeat; width: 185px ; height: 88px; }
|
فقط تأكدوا ان كود ال CSS قد وضعتموة بطريقة صحيحة
كما موضح بالصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
حيث يجب أن تغيروا كلمة
ضع هنا رابط الصورة الخاصة ب header
وليس
ضع هنا رابطا لصورة الخاصة بـ
فقط
هناك كلمات انجليزية تابعة للكلام العربى يجب ان تغير
وكما موضحة بالصورة هى
header
body
footer
==========================
الكود والشرح من تصميمنا وتنفيذنا وحصريا على موقع طب فور يو
أى محاول لنزع الحقوق او التلاعب بالكود ونسبة الى أحد غيرنا
تعرض صاحبها للمسائلة القانونية فورا ً
===================== [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
| |
|
redazedan عضو vip
الدوله : عدد المساهمات : 348 مساهمه مشكوره : 0 تاريخ التسجيل : 09/03/2013
| موضوع: _da3m_20 الإثنين فبراير 24, 2014 5:30 pm | |
| | |
|