1. أهلا وسهلاً بكم في :: IQ-TeaM FORUM :: .
    إذا كانت هذه الزيارة الأولى أو لديك الرغبة بالانضمام لأعضاء شبكة عراق تيم فيجب الاطلاع على خصوصية الشبكه فربما بقائك زائر افضل لك من الانضمام بحيث أن قوانين شبكة عراق تيم لا تتناسب مع اهتماماتك .
    • للأطلاع على الخصوصية وسياسة الاستخدام - التفاصيل
    • بعد الاطلاع على سياسة الموقع وقوانين شبكة عراق تيم يمكنك التسجيل معنا - تسجيل عضو جديد
    إستبعاد الملاحظة
الكاتب : أبو فـراس | المشاهدات : 1,688 | الردود : 3
  1. أبو فـراس Developer

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


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

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


    أولا نبحث عن قالب
    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 Developer

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

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

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

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

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

    مبدع+استمر
     

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