Amir AlHindi

<META http-equiv=refresh content=0;URL=https://www.facebook.com/AmircoGaming/>

Join the forum, it's quick and easy

Amir AlHindi

<META http-equiv=refresh content=0;URL=https://www.facebook.com/AmircoGaming/>

Amir AlHindi

Would you like to react to this message? Create an account in a few clicks or log in to continue.
Amir AlHindi


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

    PRINCE
    PRINCE
    PRINCE
    صآحٻ آلمۏقعے
    صآحٻ آلمۏقعے


    عدد المساهمات1135
    النقاط7627
    التقييم12
    تاريخ الميلاد1996-02-12
    تاريخ التسجيل2009-12-28
    العمر28
    الموقع الالكترونيprincecoffee.yoo7.com
    المهنهطالب
    المزاجGood Mode
    SMSمرحباً بالجميع
    الجنسMale
    الجنسية: تمبلت : وضع اطار خلفى للعضو وصورتة الشخصية وبياناتة مكون من صور وليس خطوط :: برواز :: Sy10
    الابراجAquarius
    احترام القوانين100
    • Post n°1

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

    Post by PRINCE Fri 13 May 2011, 6:03 pm

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

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

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

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

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

    Template

    وظيفة الكود :

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

    مكون من header + body + footer

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

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

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


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

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

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

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

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

    header + body + footer

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


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



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

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

    نذهب الى

    لوحة الادارة

    مظهر المنتدى

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

    ادارة عامة

    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>


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

    الكود:
    <!-- 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></div><strong>
    <div class="user_name">{postrow.displayed.POSTER_NAME}</div></strong></span>
    <span class="postdetails poster-profile">
    {postrow.displayed.POSTER_RANK}

    {postrow.displayed.RANK_IMAGE}
    <div class="userava">{postrow.displayed.POSTER_AVATAR}</div>


    <!-- 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/>



    ثم ننشر التمبلت

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

    نذهب الى ورقة الـ 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

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

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

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

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

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

    شكرا

    وانتظروا القادم بإذن الله
    • Back to top

      Current date/time is Sun 24 Nov 2024, 4:00 pm