يمكنك ان تحلق في عالم ال CSS و التحكم في الوانك او صورك او روابطك و حتى شكل توقيعك!!! اليس رائعا؟
لنبدا الدرس اولا بلمحة عما اعنيه بالتحكم في صندوق التوقيع :
ما تلاحظون فالتوقيع موجود داخل اطار
و الان نبدا الشرح:
دخل اولا الى لوحة ادارة منتداك و اجعله في النسخة الجديدة PHPBB3 لان الكود لا يعمل الا عليها.
ثم انتقل الى لوحة الادارة>التصاميم>الصور و الالوان>الوان>ثم ادخل الى رابط CSS منتداك
ثم ابحثوا عن كود مشابه لهدا:
ثم غيره بالكود الاتي:
الرابط مخفي ضع رد ليظهر لك الرابط
و اخيرا قدم و اليك توقيعك في اطار يفصله عن الرسالة.
هام: يجب العلم انه ادا اردت العودة الى النمط البسيط للالوان فستظطر الى حدف CSS !
لنبدا الدرس اولا بلمحة عما اعنيه بالتحكم في صندوق التوقيع :
ما تلاحظون فالتوقيع موجود داخل اطار
و الان نبدا الشرح:
دخل اولا الى لوحة ادارة منتداك و اجعله في النسخة الجديدة PHPBB3 لان الكود لا يعمل الا عليها.
ثم انتقل الى لوحة الادارة>التصاميم>الصور و الالوان>الوان>ثم ادخل الى رابط CSS منتداك
ثم ابحثوا عن كود مشابه لهدا:
مقالة: |
/* Signature-------------------------------------------------*/.signature { font-size: 1.1em; border-top: 1px solid #CCCCCC; clear: left; line-height: 140%; overflow: hidden; width: 100%; margin-top: 1.5em; } |
ثم غيره بالكود الاتي:
الرابط مخفي ضع رد ليظهر لك الرابط
<table align="center" border="0" cellpadding="0" cellspacing="1"><tr><td>الرمز:</td></tr><tr><td class="code">/* Signature-------------------------------------------------*/.signature { font-size: 1.1em; border-top: 1px solid black; clear: center; line-height: 140%; overflow: hidden; width: 100%; margin-top: 1.5em; border-bottom:1px solid black; border-left:1px solid black; border-right:1px solid black; } </td></tr></table> |
و اخيرا قدم و اليك توقيعك في اطار يفصله عن الرسالة.
هام: يجب العلم انه ادا اردت العودة الى النمط البسيط للالوان فستظطر الى حدف CSS !