هنا

[Samer]

كود CSS لإضافة إطار ذو ظل حول التواقيع في المنتدى متوافق مع جميع المتصفحات لجميع نسخ منتديات في بلتن ، و فيما يلي الكود و الطريقة


الخواص:

1- متوافق مع جميع المتصفحات (فايرفوكس، كروم، سفاري، اكسبلورير التاسع .. إلخ)
2- زوايا مدورة للإطار (لجميع المتصفحات عدا الاكسبلورير الثامن فما دون)
3- ظل للإطار (لجميع المتصفحات عدى الاكسبلورير الثامن فما دون)
4- توسيط تلقائي للإطار
5- توسيط لمحتوى التوقيع
5- عرض 75% من مساحة التوقيع الكلية (متمدد)
6- ابتعاد حواف الإطار عن محتوى التوقيع
7- من تصميمي هع

صورة الإطار:



أول شي .. روح عل قالب postbit.css .. و أضف هذا الكود بنهاية القالب

.samer_sig {
/* By Samer 
www.dorar-aliraq.net
Cheers */
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #F2CAEA;
border-right: 1px solid #F2CAEA;
border-left: 1px solid #F2CAEA;
border-bottom: 1px solid #F2CAEA;
margin-bottom: 5px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 75%;
-moz-box-shadow: 0px 0px 6px 6px #E5A9D9;
-webkit-box-shadow: 0px 0px 6px 6px #E5A9D9;
box-shadow: 0px 0px 6px 6px #E5A9D9;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
border-bottom-left-radius: 6px 6px;
border-bottom-right-radius: 6px 6px;
}

الان .. توجه إلى قالب postbit_legacy و ابحث عن هذه المتغير:

{vb:raw post.signature}

استبدله بهذه العبارة:

<div class="samer_sig">{vb:raw post.signature}</div>

إنتهى ..


هذا الكود يعمل على جميع المتصفحات بنفس الشكل عدا الاكسبلورير حيث يظهر الإطار فقط دون الظل و الزوايا المدورة .. و لكنه يعمل على الاكسبلورير التاسع (من المفروض)

أرجو ذكر الرابط الأصلي لهذا الموضوع عن النقل و لا أجيز نقله دون ذلك..



ودي للجميع

[Daleen]

هي خوش فيكة وشفتها بواحد من المنتديات الي ارتادها .. بس معجبتني ما ادري ليش
شكرا على مجهودك باضافة الاطار للمنتدى وتنزيل الموضوع للفائدة .. تحياتي ابو مينة

[caesar]

حلوووووووووووو معلم سامر وحش كعادتك ماقصرت مشكور ياغالي بس ليش ماذكرت إني أنا ألهمتك هذه الفكرة ماأرضا بنقل الموضوع على ترايدنت وبإسمي بعد ههههههههههههه .. لأ حبيبي ماعاش يلي بضيع تعبك وحقوقك ماشالله عليك مبدع كعادتك ... مع كل الحب والإحترام

[Muntader]

كلش حلو هذا الكود

شكرا سامر

[caesar]

أخوي سامر من بعد أمرك قمت بتعديل الكود إلى الطريقة التالية . وسأضعها هنا للفائدة لايغلى شئ على درر العراق




قمت بتغيير لون الإطار إلى اللون الفضي مع إضافة كلمة توقيع العضو



وهذا هو الكود مع الحفاظ على الحقوق ..


نذهب إلى القالب postbit.css

ونضع بآخره الكود التالي

.samer_sig {
/* By Samer 
www.dorar-aliraq.net
Cheers */
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 5px;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 75%;
-moz-box-shadow: 0px 0px 6px 6px ##CCCCCC;
-webkit-box-shadow: 0px 0px 6px 6px ##CCCCCC;
box-shadow: 0px 0px 6px 6px ##CCCCCC;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
border-top-left-radius: 6px 6px;
border-top-right-radius: 6px 6px;
border-bottom-left-radius: 6px 6px;
border-bottom-right-radius: 6px 6px;
} 

ثم نذهب إلى البحث في قوالب الستايل المراد تغييره ونبحث عن القالب postbit_legacy

نبحث بداخله عن

{vb:raw post.signature} 

ونستبدلها بالآتي

توقيع {vb:raw post.username}<div class="samer_sig">{vb:raw post.signature}</div> 

لاحظ إني وضعت متغير يأخذ اسم العضو تلقائياً



والحين شو رأيك يااستاذي ؟؟؟

[caesar]

بس ليش توقيعي اختفى ؟؟؟ أتخوف يكون في خطأ في الكود

[caesar]

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

[EvAnEsCeNcE]

بس ليش توقيعي اختفى ؟؟؟ أتخوف يكون في خطأ في الكود

التوقيع يطلع مرة وحدة بالموضوع اذا مشارك اكثر من مرة وهذا حتى ميثقل المنتدى اذا هيج تقصد

[caesar]

والله صحيح مشكور اختي على التوضيح ماكنت أدري هذي السالفة ماقصرت

[Samer]

ههههههههههههه .. ما اختفى يا معود .. اني مرتب أنه توقيع العضو يطلع مرة وحدة بالصفحة .. لحظة بس افحص مسألة إضافة إسم العضو