1. أبو فـراس

    أبو فـراس Developer

    الأنتساب:
    ‏15 ابريل 2012
    المشاركات:
    7
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    الوظيفة:
    طالب
    الإقامة:
    لا إلـه إلا الله
    بسم الله الرحمن الرحيم
    السلام عليكم و رحمة الله و بركاته


    كيف الحال إخواني ؟ إن شاء الله الجميع بألف صحة و عافية

    نبدأ على بركة الله


    أولا نبحث عن قالب
    postbit_legacy

    من
    لوحة التحكم >> الإستايلات والقوالب >> البحث في القوالب >> و نكتب في خانة قوالب البحث

    postbit_legacy

    نفتح القالب بأي محرر و نحذف ما بين

    كود PHP:
    <if condition="$post['signature']">
    و

    كود PHP:
    </if>
            
    $template_hook[postbit_signature_end]
    ثم تختار الشكل الذي يناسبك و تضعه مكان الكود الذي حذفناه

    الشكل الأول :



    ننسخ هذا الكود مكان الكود الذي حذفناه

    كود PHP:
    <table class="tborder" cellpadding="$stylevar[cellpadding]cellspacing="$stylevar[cellspacing]border="0" width="100%" align="center">
    <
    tr>
        <
    td class="tcat"><center>توقيع $post[musername]</center></td>
    </
    tr>
    <
    tr>
        <
    td class="alt1">
            
    $post[signature]
        </
    td>
    </
    tr>
    </
    table>
    ننتبه إلى هذا الكود

    راس التوقيع سيأخذ لون خلفية الأقسام الرئيسية

    [​IMG]

    أما إذا غيرناه إلى

    فسيأخذ لون راس الجدول

    [​IMG]


    و هنا توضيح أكثر لرأس الجدول و الأقسام الرئيسية

    [​IMG]



    الشكل الثاني:

    كود PHP:
      <table cellpadding="$stylevar[cellpadding]cellspacing="$stylevar[cellspacing]border="0" width="100%" align="center">
    <
    tr><td class="signature"توقيع $post[musername]</td></tr>
    </
    table>

    <
    table cellpadding="$stylevar[cellpadding]cellspacing="$stylevar[cellspacing]border="0" width="100%"  align="center">
    <
    tr><td class="signature" >$post[signature]</td></tr>

    </
    table>
    هنا وضعنا العنوان في جدول و التوقيع في جدول آخر مع نفس الكلاس

    و نضيف في خيارات css الإضافية

    كود PHP:
    .signature {
    background-color:#FFF;
    border-top:1px solid #000 ;
    border-bottom:1px solid #000;
    border-right3px solid #000;
    border-left3px solid #000;
    border-radius:7px;
    -
    moz-border-radius:7px;
    -
    webkit-border-radius:7px;
    }
    .
    signature:hover {
    background-color:#FFF;
    border-top:1px solid #cc0000;
    border-bottom1px solid #cc0000;
    border-right3px solid #cc0000;
    border-left3px solid #cc0000;
    border-radius:7px;
    -
    moz-border-radius:7px;
    -
    webkit-border-radius:7px;
    }
    و سيكون شكل التوقيع هكذا

    [​IMG]

    شرح بسيط للكود

    كود PHP:
    background-color:#FFF;
    <!-- لون خلفية التوقيع أبيض -->
    border-top:1px 1px solid #000;
    <!-- الحد العلوي 1 بيكسل لون أسود -->
    border-bottom:1px solid #000;
    <!-- الحد السفلي 1 بيكسل لون أسود -->
    border-right3px solid #000;
    <!-- الحد الأيمن 3بيكسل لون أسود -->
    border-left3px solid #000;
    <!-- الحد الأيسر 3 بيكسل لون أسود -->
    border-radius:7px;
    -
    moz-border-radius:7px;
    -
    webkit-border-radius:7px;
    <!-- 
    انحناء الحدود 7 بيكسل -->
    }

    <!------------------------- 
    التوقيع عند مرور الفأرة  ---------------------->

    .
    signature:hover {
    background-color:#FFF;
    <!-- لون خلفية التوقيع أبيض -->

    border-top:1px solid #cc0000;
    border-bottom1px solid #cc0000;
    border-right3px solid #cc0000;
    border-left3px solid #cc0000;
    <!--كل الحدود يتغير لونها إلى الأحمر  -->

    border-radius:7px;
    -
    moz-border-radius:7px;
    -
    webkit-border-radius:7px;
    }
    <!-- 
    انحناء الحدود 7 بيكسل --> 
    و ايضا لو غيرنا في الحدود السفلية و العلوية

    solid إلى dashed

    [​IMG]


    و لو أزلنا انحناء الحدود و تلاعبنا بحجومها :

    [​IMG]


    و يمكنكم التلاعب كما تشاؤون



    الشكل الثالث

    توقيع مشابه لترايدنت

    كود PHP:
    <fieldset class="signature" title="$vbphrase[signature]>
            <
    legendتوقيع <a title="$vbphrase[view_public_profile]href="member.php?$session[sessionurl]u=$post[userid]">$post[musername]</a></legend>
                        <
    div align="center">$post[signature]</div>
            </
    fieldset>
    و نضيف في خيارات css الإضافية

    كود PHP:
    .signature{
    border1px solid #88ccd6;
    background-color#f7fdfe;
     
    border-radius:10px;
    -
    moz-border-radius:10px;
    -
    webkit-border-radius:10px;}
    [​IMG]


    الشكل الرابع

    رأس التوقيع يكون صورة

    كود PHP:
    <div align="center"><img src="رابط الصورة">$post[signature]</div>
    و هذا مثال

    [​IMG]


    إن شاء الله يكون درس بسيط و مفهوم

    دمتم بخير

    )5:"
     
  2. IQ-Bag

    IQ-Bag Developer

    الأنتساب:
    ‏13 أكتوبر 2012
    المشاركات:
    2
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    1
    الإقامة:
    العراق - بغداد
    رد: حصريا على شبكة عراق تيم تغيير شكل التوقيع إلى أي شكل تريده

    ابداع ^i:q^:^ ​
     
  3. Dr.hac

    Dr.hac Developer

    الأنتساب:
    ‏8 سبتمبر 2011
    المشاركات:
    53
    الإعجابات المتلقاة:
    1
    نقاط الجائزة:
    8
    الإقامة:
    IQ-TeaM
    رد: حصريا على شبكة عراق تيم تغيير شكل التوقيع إلى أي شكل تريده

    جزاك الله الف خيير اخي الغالي :{8}:​
     
  4. آرْ بْيْ جْيْ ڪْرْڪْوْڪْ

    آرْ بْيْ جْيْ ڪْرْڪْوْڪْ DeveloPer Plus

    الأنتساب:
    ‏24 أغسطس 2015
    المشاركات:
    147
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    16
    رد: حصريا على شبكة عراق تيم تغيير شكل التوقيع إلى أي شكل تريده

    مبدع+استمر
     

مشاركة هذه الصفحة