منتديات محمد خالد التميز والشمول
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Oooo_o10
منتديات محمد خالد التميز والشمول
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Oooo_o10
منتديات محمد خالد التميز والشمول
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتديات محمد خالد|استايلات احلى منتدى | أكوادcss| تقنيات متقدمه| تصميم | دعم فنى | اشهار | تصاميم | تطوير| دروس | شروحات | أفلام وثائقيه | العاب | برامج 2019 | خدمات | إربح |
 
الرئيسيةمجلة منتديات محأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
محمد خالد
مدير عام المنتدى
مدير عام المنتدى
محمد خالد


وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Pi-ca-10
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Painti10
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Engine10
الدوله الدوله : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Female31
ذكر
عدد المساهمات : 1396
مساهمه مشكوره : 7
تاريخ التسجيل : 21/10/2009
العمر : 39
المزاج : رايق

معلومات إضافيه
اخر المواضيع:

منتديات محمد خالد|برامج | شبكه| اناشيد| مسلسلات دينيه | برامج جوال | اشهار | تصاميم |


وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Empty
مُساهمةموضوع: وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز   وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Emptyالجمعة ديسمبر 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

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

الكود والشرح من تصميمنا وتنفيذنا وحصريا على موقع طب فور يو

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

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


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

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://medonet2.yoo7.com
redazedan
عضو vip
عضو vip



وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Pi-ca-23
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Wrestl10
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Engine10
الدوله الدوله : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Female13
ذكر
عدد المساهمات : 348
مساهمه مشكوره : 0
تاريخ التسجيل : 09/03/2013

وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Empty
مُساهمةموضوع: _da3m_20   وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز Emptyالإثنين فبراير 24, 2014 5:30 pm

موضوع رائع بوركت
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://medonet2.yoo7.com
 
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» درس عمل اطار شفاف
» اجمل واروع خطوط للفوتوشوب 2016
» تعرف على اهم أسئلة المقابلة الشخصية

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات محمد خالد التميز والشمول :: دعم وتطوير احلى منتديات :: أكوادtemplate-
انتقل الى: