المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : قالب register المطور بتقنية css


محـب الحسين
12-09-2010, 06:24 AM
http://www.arabcine.com/up/images/gtr8ybiwdwk8os59no.gif
مُنْتَدَيَات إِلَيكِ رُوحِي التطويرية (http://www.roohy.eb2a.com/bb/showthread.php?p=3#post3)

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


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

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

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


http://www.arabcine.com/up/images/dod639knite1vyaqlsbe.jpg


معلومات القالب :
فقد قمت بالغاء الخصائص الاضافية : التوقيت و احالة الدعوة رغم أن هذه الخاصية لا يستعملها إلا %1 من الأعصاء الجدد، فاقتصرت فقط على الحقول المهمة : كـ الاسم + البريد الالكتروني و التحقق منه + كلمة المرور و التحقق منها + كود الاسئلة العشوائية .http://www.support-ar.com/vb/images/smilies/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 - $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://www.ahbabhusain.com/vb/ahbab_adn/$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






[B]الخطوة الثانية :

من خيارات الستايل - نحدد الستايل المراد التعديل عليه و نختار من القائمة [ 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




كلمة أخيرة :




إلى هنا نكون قد انهينا تركيب قالب [ register ] المطور

و ان شاءالله يعجبكم

جميع الحقوق محفوظة

THE SN!PER
TRAIDNT
مُنْتَدَيَات إِلَيكِ رُوحِي التطويرية (http://www.roohy.eb2a.com/bb/showthread.php?p=3#post3)


</div>