تحكم في توقيعك عبر 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;
}

ثم غيره بالكود الاتي:
الرابط مخفي ضع رد ليظهر لك الرابط
اقتباس:

/* 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;

}

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

» لا تحكم على الاخرين حكمك على هذه الصورة
» اصنع توقيعك المتحرك بنفسك