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

}


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


M/P

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

جزاك الله كل خير

يعطيك ربي الف مليوون عافية

تحياتي لك ولشخصك الرائع

الله لا يحرمنا منك ومن مواضيعك الرائعه

سللللمت يمنآآآآآآآك

مر من هنا / لحن القلوب

جزاك الله الف خير ...مشكور