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

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

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



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

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

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

}

و اخيرا قدم و اليك توقيعك في اطار يفصله عن الرسالة.


M/P

هام: يجب العلم انه ادا اردت العودة الى النمط البسيط للالوان فستظطر الى حدف CSS !