منتدى استراحات زايد - قالب register المطور بتقنية css

http://www.arabcine.com/up/images/gt...dwk8os59no.gif
مُنْتَدَيَات إِلَيكِ رُوحِي التطويرية

قالب register المطور بتقنية css

السلام عليكم ، اليوم جايب لكم شرح تغيير شكل قالب register عند تسجيل عضو جديد بتقنية Css

فكما تعلمون تقنية css تعطي جمالية لصفحاتك http://www.support-ar.com/vb/images/smilies/nosweat.gif فكلما استخدمنا أكواد css بدلا الصور كلما زادة سرعة تصفح الموقع أو المنتدى

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

http://www.arabcine.com/up/images/do...e1vyaqlsbe.jpg

معلومات القالب :
فقد قمت بالغاء الخصائص الاضافية : التوقيت و احالة الدعوة رغم أن هذه الخاصية لا يستعملها إلا %1 من الأعصاء الجدد، فاقتصرت فقط على الحقول المهمة : كـ الاسم + البريد الالكتروني و التحقق منه + كلمة المرور و التحقق منها + كود الاسئلة العشوائية .http://www.support-ar.com/vb/images/...busted_red.gif

و الآن نأتي إلى الشرح :

من لوحة تحكم المدير - البحث في القوالب - نضع في نص البحث كلمة register ونختار الستايل المراد التعديل عليه
بعد البحث تجده في قوالب التسجيل
افتح القالب مع اخد نسخة احتياطية للقالب الرئيسي http://www.support-ar.com/vb/images/smilies/bye1.gif

استبدله بهذا القالب المعدل
كود 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]:

http://vb.ma7room.com/$vboptions[cleargifurl]

$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 ] + [ التحصص في هذا الستايل ] ليشمل فقط الستايل المحدد http://www.support-ar.com/vb/images/smilies/nosweat.gif

ضع هذا الكود في آخر السطر
/* ***** كود PHP:

Borders in forumhome By HIMO ***** */
.forumbit {
border-top: 1px solid #DBDBDB;
border-bottom: 1px solid #DBDBDB;
border-left: 1px solid #DBDBDB;
border-right: 4px solid #B6B7F7;
}

ولمن أراد تغيير اللون الأحمر ما عليه إلا تغيير الكود [ #B6B7F7 ] بلون آخر من اختياره http://www.support-ar.com/vb/images/smilies/icon30.gif

كلمة أخيرة :

</div>