تحكم في توقيعك عبر CSS!!

يمكنك ان تحلق في عالم ال CSS و التحكم في الوانك او صورك او روابطك و حتى شكل توقيعك!!! اليس رائعا؟

لنبدا الدرس اولا بلمحة عما اعنيه بالتحكم في صندوق التوقيع :D :

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كما تلاحظون فالتوقيع موجود داخل اطار :)

و الان نبدا الشرح:

ادخل اولا الى لوحة ادارة منتداك و اجعله في النسخة الجديدة 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;
}

ثم غيره بالكود الاتي:


الكود:
/* 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;

}