:: حصريا :: شرح طريقة : طريقة تغيير شكل التوقيع إلى أي شكل تريد

[Chakira]

http://www.dzbatna.com/images/icons/iconrote.gif :: ط*طµط±ظٹط§ :: ط´ط±ط* : ط·ط±ظٹظ‚ط© طھط؛ظٹظٹط± ط´ظƒظ„ ط§ظ„طھظˆظ‚ظٹط¹ ط¥ظ„ظ‰ ط£ظٹ ط´ظƒظ„ طھط±ظٹط¯ (http://www.dzbatna.com/t2161865/)



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


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

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





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


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

postbit_legacy

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

رمز PHP:

<code style="white-space:nowrap"> <code> <if condition="$post&#91;'signature'&#93;">
</code> </code>

و


رمز PHP:

<code style="white-space:nowrap"> <code> </if>
$template_hook&#91;postbit_signature_end&#93;
</code> </code>

ثم تختار الشكل الذي يناسبك و تضعه مكان الكود code الذي حذفناه

الشكل الأول :



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

رمز PHP:

<code style="white-space:nowrap"> <code> <table class="tborder" cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
<tr>
<td class="tcat"><center>توقيع : $post&#91;musername&#93;</center></td>
</tr>
<tr>
<td class="alt1">
$post&#91;signature&#93;
</td>
</tr>
</table>
</code> </code>



ننتبه إلى هذا الكود code

اقتباس
<td class=&quot;tcat&quot;>

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

http://www.dzbatna.com/attachments/664701d1347832456-ط§ظ„ط£ظ‚ط³ط§ظ…-ط§ظ„ط±ط¦ظٹط³ظٹط©.gif

أما إذا غيرناه إلى
اقتباس
<td class=&quot;thead&quot;>

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

http://www.dzbatna.com/attachments/664702d1347832456-ط±ط£ط³-ط§ظ„ط¬ط¯ظˆظ„.gif


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

http://www.dzbatna.com/attachments/664703d1347832456-ظ…ط´ط§ظ‡ط¯ط©.gif



الشكل الثاني


رمز PHP:

<code style="white-space:nowrap"> <code> <table cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
<tr><td class="signature"> توقيع : $post&#91;musername&#93;</td></tr>
</table>

<table cellpadding="$stylevar&#91;cellpadding&#93;" cellspacing="$stylevar&#91;cellspacing&#93;" border="0" width="100%" align="center">
<tr><td class="signature" >$post&#91;signature&#93;</td></tr>

</table>
</code> </code>

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

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

رمز PHP:

<code style="white-space:nowrap"> <code> .signature {
background-color:#FFF;
border-top:1px solid #000 ;
border-bottom:1px solid #000;
border-right: 3px solid #000;
border-left: 3px solid #000;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.signature:hover {
background-color:#FFF;
border-top:1px solid #cc0000;
border-bottom: 1px solid #cc0000;
border-right: 3px solid #cc0000;
border-left: 3px solid #cc0000;
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
</code> </code>

و سيكون شكل التوقيع هكذا

http://www.dzbatna.com/attachments/664704d1347832456-2.gif

شرح طريقة بسيط للكود code

رمز PHP:

<code style="white-space:nowrap"> <code> background-color:#FFF;
<!-- لون خلفية التوقيع أبيض -->
border-top:1px 1px solid #000;
<!-- الحد العلوي 1 بيكسل لون أسود -->
border-bottom:1px solid #000;
<!-- الحد السفلي 1 بيكسل لون أسود -->
border-right: 3px solid #000;
<!-- الحد الأيمن 3بيكسل لون أسود -->
border-left: 3px 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-bottom: 1px solid #cc0000;
border-right: 3px solid #cc0000;
border-left: 3px solid #cc0000;
<!--كل الحدود يتغير لونها إلى الأحمر -->

border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
<!-- انحناء الحدود 7 بيكسل -->
</code> </code>

و ايضا لو غيرنا في الحدود السفلية و العلوية

solid إلى dashed

http://www.dzbatna.com/attachments/664705d1347832485-2-1.gif


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

http://www.dzbatna.com/attachments/664706d1347832485-2-2.gif


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



الشكل الثالث

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

رمز PHP:

<code style="white-space:nowrap"> <code>



<fieldset class="signature" title="$vbphrase&#91;signature&#93;" >
<legend> توقيع <a title="$vbphrase&#91;view_public_profile&#93;" href="member.php?$session&#91;sessionurl&#93;u=$post&#91;userid&#93;">$post&#91;musername&#93;</a></legend>
<div align="center">$post&#91;signature&#93;</div>
</fieldset>
</code> </code>

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


رمز PHP:

<code style="white-space:nowrap"> <code>
.signature{
border: 1px solid #88ccd6;
background-color: #f7fdfe;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;}
</code> </code>

http://www.dzbatna.com/attachments/664707d1347832485-3.gif


الشكل الرابع

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

رمز PHP:

<code style="white-space:nowrap"> <code> <div align="center"><img src="رابط الصورة">$post&#91;signature&#93;</div>
</code> </code>

و هذا مثال

http://www.dzbatna.com/attachments/664708d1347832485-4.gif


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

دمتم بخير









ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©