إشهار المنتديات العربية
دليل منتديات
الرئيسيةالرئيسية  البوابةالبوابة  س .و .جس .و .ج  بحـثبحـث  التسجيلالتسجيل  دخولدخول  




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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل
انتقل الى الصفحة : الصفحة السابقة  1, 2, 3
كاتب الموضوعرسالة
dr_afifi
  
  


البلد: مصر
الجنس: ذكر
عدد المساهمات: 293
نقاط النشاط الإشهاري: 633

مُساهمةموضوع: : تمبلت : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. من طب فور يو Teb4You.com السبت 1 مايو - 22:18

تذكير بمساهمة فاتح الموضوع :

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

أحبتى فى الله زوار وأعضاء منتدانا الغالى

طب فور يو TEB4YOU.COM


ومنتدى الاشهار
www.pubarab.com

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

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

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

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

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

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


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

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

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


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

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

المصدر : منتديات طب فور يو teb4you.com




زائر

لطلب اى اكواد او اى دعم فنى مجانا
كل الجديد والحصرى جدا جدا من أكواد التمبلت والـ CSS




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


عدد المساهمات: 960

مُساهمةموضوع: رد: : تمبلت : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. من طب فور يو Teb4You.com الجمعة 4 فبراير - 10:30

جزاك الله خيرا على الكود
الرجوع الى أعلى الصفحة اذهب الى الأسفل
فارس /
  
  


البلد: مصر
الجنس: ذكر
عدد المساهمات: 1346
نقاط النشاط الإشهاري: 1516

مُساهمةموضوع: رد: : تمبلت : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. من طب فور يو Teb4You.com الجمعة 4 مارس - 22:40


- تقبل مروري و شكرى على تميزك و ابداعك

-
واصل الى الامام .. موفق -









المنتدى يحتوي على : أكواد , دروس تصميمية , دعم و مساعدة , ابداع , مسابقات .. gg444g vbnvbn






أهلآ اخوانى الكرام ,, أتمنى ان نستمتع جميعنا فى منتدى مميز , نشيط , رائع .. و اتمنى ترحيبا

من سيادتكم , و لكمـ جزيل الشكر gg444g gg444g gg444g gg444g gg444g

معـــ أطيب تحياتى ... vbnvbn - عزيزكم : EGy KInG
الرجوع الى أعلى الصفحة اذهب الى الأسفل
قطة بنات
 
 


البلد: السعودية
الجنس: انثى
عدد المساهمات: 6160
نقاط النشاط الإشهاري: 6352

مُساهمةموضوع: رد: : تمبلت : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. من طب فور يو Teb4You.com الجمعة 22 يوليو - 23:34

شكراً لك أخي على الكود
انا جربته و ما ضبط معاي
نفس كلام اختي


النفس المطمئنه كتب:
الكود جدا رائع واعجبتني الفكره

الله يعطيك العافيه

ورحت عالفوتوشوب وصممت صوره وقطعتها وكل شي

لكن لما حاولت اطب

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

واخر البيانات الجزء المتبقي من الصوره او الفوتور بمعني اصح






مرحباً بكي في مملكة الأميرات الأساسية
عالم كل أميرة متميزة و ناعمة و مبدعة

لديكي منتدى ؟ لاكنه لا يعجبك و ترغبي في تطويره و لا تعرفي كيف ؟
حلمك تصبحي مبرمجة محترفة بأسهل طريقة و لا تعرفي كيف تتعملي البرمجة ؟
انتي كاتبة قصص مبدعة و تحبي تأليف القصص و قرائتها و تبحثي عن المؤلفات ؟
انتي مصممة مبدعة و تهتمي بالتصميم و تحبي منتديات الإحترافية


تفضلي مملكة الأميرات حلم كل أميرة مُبدعة و ممبزة تفخر بدينها الإسلامي و وطنها
نعم إنها مملكة الأميرات

أروع مملكة للبنات الناعمات و المتميزات و هي للبنات فقط
أتمنى زيارتك ستعجبك بالتأكيد


www.cuteprincess.yoo7.com
www.sweet-anime.com

ملاحضة : صديقاتي عند التسجيل فعلي عضويتك من الإيميل
فقاونين المملكة تنص أن التفعيل من الأميرات و الإدارة لا تفعل العضويات



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



البلد: العراق
الجنس: ذكر
عدد المساهمات: 11029
نقاط النشاط الإشهاري: 12490

مُساهمةموضوع: رد: : تمبلت : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. من طب فور يو Teb4You.com الأربعاء 21 سبتمبر - 1:42

شكرا لك
يغلق الموضوع لمنع الردود المخالفة التي تشوه الموضوع وتثقله





قوانين المنتدى| للشكوى ضد الفريق الخاص من هنا | للشكوى ضد الاعضاء من هنا| للتبليغ على رد مخالف يرجى الضغط على زر التقرير التنبيهي



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

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
صفحة 3 من اصل 3انتقل الى الصفحة : الصفحة السابقة  1, 2, 3

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
إشهار المنتديات العربية :: قسم تطوير المنتديات و المساعدة على إدارتها ::  التطوير و المساعدة :: أكواد التومبلايت-
© phpBB | التبليغ عن محتوى مخالف