منتدى العرب
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. 829894
ادارة المنتدي وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. 103798
منتدى العرب
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. 829894
ادارة المنتدي وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. 103798



 
الرئيسيةأحدث الصورالتسجيلدخول
قوانين المنتدىإنظم لفريق عملناإربح من النتالمكتبة الإلكترونيةمعرض الإستيلاتBAC 2012BEM 2012الكرة الجزائريةالكرة الأروبية
أهلا وسهلا بك يا نتمنى قضاء افضل الاوقات في ربوع منتديات العرب
اذا كنت زائر فتفضل بالتسجيل من هنا اما اذا كنت من اعضائنا الاعزاء فتفضل بالدخول من هنا


حفظ البيانات؟
  الرئيسية المنتديات مكتبة الصور قائمة الأعضاء بحث اتصل بنا سؤال وجواب التسجيل دخول
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
حصري عمل احصائيات للقسم مثل الفي بي تماما .
(تومبلايت)حصري كود ناف بار فوق الاقسام بطريقة جديدة ومميزة
(تـومبلـايت) وضع اسماء وا الوصف الفئات في ايطار تلقائي كالفيبى
[تومبلايت] وضع ايطار الأدوات الاشراف مثل الفي بي من
تومبيلات كود وضع ملاحظات تحت المرفقات مثل الفي بي
كود خانة المشرفين الاحترافية مع ايقونة شغال 100/100
[تومبلايت] جعل اخر مشاركة متحركة ومطورة بتقنية css ..
كود [ jQuery ] كود جافا وضع ايقونه بحث لقوقل بجانب عناوين المواضيع
(تومبلايت) شريط اخر المواضيع الرائع 2012
كود لوضع اكثر من استايل مميز وحصري على منتدى العرب ..
2014-08-19, 17:56
2014-08-06, 19:33
2013-08-05, 00:08
2013-08-04, 22:05
2013-08-04, 22:02
2013-06-05, 08:50
2013-06-05, 08:36
2013-03-05, 02:38
2013-02-18, 17:55
2012-08-19, 17:52











شاطر | 
 

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
~> lamrisif <~
lamrisif
عدد المساهمات : 573
نقاط : 1743
تاريخ الميلاد : 11/09/1993
العمر : 31
http://www.seyf-educ.com/
وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. Empty
موضوع: وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: .. I_icon_minitime2011-07-28, 09:06

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

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




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

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

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

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

Template

وظيفة الكود :

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

مكون من header + body + footer

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

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

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

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

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

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

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

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

header + body + footer

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

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

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

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

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

نذهب الى

لوحة الادارة

مظهر المنتدى

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

ادارة عامة

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 قد وضعتموة بطريقة صحيحة

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

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

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

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

وليس

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

فقط

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

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

header

body

footer

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

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

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

تعرض صاحبها للمسائلة القانونية فورا ً
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.seyf-educ.com/
 

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

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

 مواضيع مماثلة

-
» [تومبيلات]كود وضع اطار سفلي لنافذة الرد السريع
»  حصرياَ : خطوط مميزة .. اهداء للجميع
» [تومبيلات]كود وضع بيانات العضو داخل اطار في بي وعمل خلفية كاملة للبيانات
»  [تومبيلات]كود وضع اطار بالكامل على جميع جوانبالفئات على الرئيسية
» [تومبيلات]كود لوضع اطار لاقسام المنتدى من الداخل

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى العرب  :: منتديات تطوير المواقع والمنتديات :: منتديات التطوير والمساعدة :: منتدى تطوير phpBB 1. 2. 3 :: ركن أكواد template التومبيلات-