السلام عليكم ، اليوم جايب لكم شرح تغيير شكل قالب register عند تسجيل عضو جديد بتقنية Css
فكما تعلمون تقنية css تعطي جمالية لصفحاتك
فكلما استخدمنا أكواد css بدلا الصور كلما زادة سرعة تصفح الموقع أو المنتدى

لا أطيل عليكم ، الآن لنرى شكل قالب [ register ] بعد التعديل

معلومات القالب :
فقد قمت بالغاء الخصائص الاضافية : التوقيت و احالة الدعوة رغم أن هذه الخاصية لا يستعملها إلا %1 من الأعصاء الجدد، فاقتصرت فقط على الحقول المهمة : كـ الاسم + البريد الالكتروني و التحقق منه + كلمة المرور و التحقق منها + كود الاسئلة العشوائية .
فقد قمت بالغاء الخصائص الاضافية : التوقيت و احالة الدعوة رغم أن هذه الخاصية لا يستعملها إلا %1 من الأعصاء الجدد، فاقتصرت فقط على الحقول المهمة : كـ الاسم + البريد الالكتروني و التحقق منه + كلمة المرور و التحقق منها + كود الاسئلة العشوائية .

و الآن نأتي إلى الشرح :
من لوحة تحكم المدير - البحث في القوالب - نضع في نص البحث كلمة register ونختار الستايل المراد التعديل عليه
بعد البحث تجده في قوالب التسجيل
افتح القالب مع اخد نسخة احتياطية للقالب الرئيسي
بعد البحث تجده في قوالب التسجيل
افتح القالب مع اخد نسخة احتياطية للقالب الرئيسي

استبدله بهذا القالب المعدل
كود PHP:
[LEFT] $stylevar[htmldoctype][/
$headinclude
/* ***** red and green boxes for username verification used during registration ***** */
.greenbox { border: 1px solid #337733; background: #bbffbb; color: #337733; padding: 3px; }
.redbox { border:1px solid #773333; background: #ffbbbb; color: #773333; padding: 3px; }
p
{
font: bold 12pt arial;
}
$vboptions[bbtitle] - $vbphrase[coppa] $vbphrase[registration]
$header
$vbphrase[until_receive_signed_form]
$vbphrase[errors_occurred_during_registration]
$errorlist
$vbphrase[register_at_x]
$vbphrase[to_post_must_first_register]
$vbphrase[username]:

$vbphrase[email_address]
$vbphrase[email_address]:
$vbphrase[confirm_email_address]:
$vbphrase[password]
$vbphrase[password]:
$vbphrase[confirm_password]:
$human_verify
$vbphrase[additional_required_information_profile]
$customfields_profile
$birthdayfields
$footer
كود PHP:
[LEFT] $stylevar[htmldoctype][/
$headinclude
/* ***** red and green boxes for username verification used during registration ***** */
.greenbox { border: 1px solid #337733; background: #bbffbb; color: #337733; padding: 3px; }
.redbox { border:1px solid #773333; background: #ffbbbb; color: #773333; padding: 3px; }
p
{
font: bold 12pt arial;
}
$vboptions[bbtitle] - $vbphrase[coppa] $vbphrase[registration]
$header
$vbphrase[until_receive_signed_form]
$vbphrase[errors_occurred_during_registration]
$errorlist
$vbphrase[register_at_x]
$vbphrase[to_post_must_first_register]
$vbphrase[username]:
$vbphrase[email_address]
$vbphrase[email_address]:
$vbphrase[confirm_email_address]:
$vbphrase[password]
$vbphrase[password]:
$vbphrase[confirm_password]:
$human_verify
$vbphrase[additional_required_information_profile]
$customfields_profile
$birthdayfields
$footer
الخطوة الثانية :
من خيارات الستايل - نحدد الستايل المراد التعديل عليه و نختار من القائمة [ Css رئيسي ] - انزل إلى تحت في مربع [ تعاريف CSS الإضافية/Additional CSS Definition ] + [ التحصص في هذا الستايل ] ليشمل فقط الستايل المحدد 

ضع هذا الكود في آخر السطر
/* ***** كود PHP:
/* ***** كود PHP:
Borders in fo
mhome By HIMO ***** */
.fo
mbit {
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
border-left: 1px solid #DBDBDB;
border-right: 4px solid #B6B7F7;
}

.fo

border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
border-left: 1px solid #DBDBDB;
border-right: 4px solid #B6B7F7;
}
ولمن أراد تغيير اللون الأحمر ما عليه إلا تغيير الكود [ #B6B7F7 ] بلون آخر من اختياره 

كلمة أخيرة :
إلى هنا نكون قد انهينا تركيب قالب [ register ] المطور
و ان شاءالله يعجبكم
جميع الحقوق محفوظة
THE SN!PER
TRAIDNT
مُنْتَدَيَات إِلَيكِ رُوحِي التطويرية
و ان شاءالله يعجبكم
جميع الحقوق محفوظة
THE SN!PER
TRAIDNT
مُنْتَدَيَات إِلَيكِ رُوحِي التطويرية
</div>