بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
كيف الحال إخواني ؟ إن شاء الله الجميع بألف صحة و عافية
نبدأ على بركة الله
أولا نبحث عن قالب
postbit_legacy
من
لوحة التحكم >> الإستايلات والقوالب >> البحث في القوالب >> و نكتب في خانة قوالب البحث
postbit_legacy
نفتح القالب بأي محرر و نحذف ما بين
كيف الحال إخواني ؟ إن شاء الله الجميع بألف صحة و عافية
نبدأ على بركة الله
أولا نبحث عن قالب
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>
ننتبه إلى هذا الكود
<td class="tcat">
راس التوقيع سيأخذ لون خلفية الأقسام الرئيسية
أما إذا غيرناه إلى
<td class="thead">
فسيأخذ لون راس الجدول
و هنا توضيح أكثر لرأس الجدول و الأقسام الرئيسية
الشكل الثاني
رمز 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-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;
}
و سيكون شكل التوقيع هكذا
شرح بسيط للكود
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 بيكسل -->
و ايضا لو غيرنا في الحدود السفلية و العلوية
solid إلى dashed
رمز 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>
رمز PHP:
.signature{border: 1px solid #88ccd6;background-color: #f7fdfe;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
الشكل الرابع
رأس التوقيع يكون صورة
رأس التوقيع يكون صورة
<div align="center"><img src="رابط الصورة">$post[signature]</div>
و هذا مثال
إن شاء الله يكون درس بسيط و مفهوم
دمتم بخير
دمتم بخير
أصدقاء(تطوير ويب)
0تعليقات Blogger
لا توجد تعليقات على موضوع " :: حصريا :: شرح : طريقة تغيير شكل التوقيع إلى أي شكل تريد"
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .
