هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول

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

more_horiz
يمكنك ان تحلق في عالم ال 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;

}


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


M/P

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

عدل سابقا من قبل Mc nabulsy في الجمعة 14 أكتوبر 2022 - 22:52 عدل 1 مرات (السبب : تعديل التنسيق)

descriptionتحكم في توقيعك عبر CSS!! Emptyرد: تحكم في توقيعك عبر CSS!!

more_horiz
موضوع مميز
ومشاركة رائعة
شكرا جزيلا

descriptionتحكم في توقيعك عبر CSS!! Emptyرد: تحكم في توقيعك عبر CSS!!

more_horiz
كل الشكر والامتنان
على هذا الطرح المميز

نترقب المزيد من جديدك

descriptionتحكم في توقيعك عبر CSS!! Emptyرد: تحكم في توقيعك عبر CSS!!

more_horiz
ألف شكر لكم المجهود الطيب ،
وجزاكم الله كل خير

descriptionتحكم في توقيعك عبر CSS!! Emptyرد: تحكم في توقيعك عبر CSS!!

more_horiz
كود جميل واصل عزيزي

descriptionتحكم في توقيعك عبر CSS!! Emptyرد: تحكم في توقيعك عبر CSS!!

more_horiz
اشتقنالك والله
بارك الله فيك على الشرح



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد

جميع الحقوق محفوظة لدليل الاشهار العربي