رسالة مدير الموقع

تم افتتاح الموقع الحمدلله بحلته الجديدة وهو تحت التطوير لفترة حتى يتم الانتهاء من كل شئ بنجاح

دورة تصميم قالب ورد بريس بلوحة تحكم

دورة برمجه اضافه اتصل بنا للورد بريس


الملاحظات

قسم تطوير منتديات vB3 (الجيل الثالث) يهتم هذا القسم بتطوير منتديات الفى بى vB3الجيل الثالث من دروس وشروحات وهاكات [يمنع وضع مواضيع أو مشاركات تختص بالمشاكل او الطلبات ]

LinkBack أدوات الموضوع انواع عرض الموضوع
غير مقروء 06-28-2010   #1 (permalink)
عضو نشيط

 رقم العضوية : 677
 تاريخ التسجيل : Jun 2010
 الدولة :
 المشاركات : 77
افتراضي قالب register المطور

السلام عليكم ورحة الله وبركاته

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


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

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

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







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

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

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

استبدله بهذا القالب المعدل



كود PHP:
$stylevar[htmldoctype][/
<
html xmlns="XHTML namespace" dir="$stylevar[textdirection]lang="$stylevar[languagecode]"
<
head
$headinclude
<style type="text/css">
/* ***** red and green boxes for username verification used during registration ***** */
.greenbox border1px solid #337733; background: #bbffbb; color: #337733; padding: 3px; }
.redbox border:1px solid #773333; background: #ffbbbb; color: #773333; padding: 3px; }
p
{
fontbold 12pt arial;
}
</
style>
<
title>$vboptions[bbtitle] - <if condition="$show['coppa']">$vbphrase[coppa] </if>$vbphrase[registration]</title>
</
head>
<
body>
$header
<br />
<if 
condition="$show['coppa']">
<
div>$vbphrase[until_receive_signed_form]</div>
</if>
<if 
condition="$show['errors']">
<
table class="tborder" cellpadding="$stylevar[cellpadding]cellspacing="$stylevar[cellspacing]border="0" width="100%" align="center">
<
tr>
<
td class="tcat">$vbphrase[errors_occurred_during_registration]</td>
</
tr>
<
tr>
<
td class="alt1"><ul>$errorlist</ul></td>
</
tr>
</
table>
<
br />
</if>
<
script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript">
function verify_passwords(password1, password2)
{
// do various checks, this will save people noticing mistakes on next page
if (password1.value == '' || password2.value == '')
{
alert('$vbphrase[fill_out_both_password_fields]');
return false;
}
else if (password1.value != password2.value)
{
alert('$vbphrase[entered_passwords_do_not_match]');
return false;
}
else
{
<if condition="$show['coppa']">
pass_copy = password1.value;
passconfirm_copy = password2.value;
</if>
var junk_output;
md5hash(password1, document.forms.register.password_md5, junk_output, $show[nopasswordempty]);
md5hash(password2, document.forms.register.passwordconfirm_md5, junk_output, $show[nopasswordempty]);
<if condition="$show['coppa']">
document.forms.register.password.value = pass_copy;
document.forms.register.passwordconfirm.value = passconfirm_copy;
</if>
return true;
}
return false;
}
</script>
<form action="register.php?do=addmember" name="register" method="post" onsubmit="return verify_passwords(password, passwordconfirm);">
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="addmember" />
<input type="hidden" name="url" value="$url" />
<input type="hidden" name="agree" value="$agree" />
<input type="hidden" name="password_md5" />
<input type="hidden" name="passwordconfirm_md5" />
<if condition="!$show['birthday']">
<input type="hidden" name="day" value="$day" />
<input type="hidden" name="month" value="$month" />
<input type="hidden" name="year" value="$year" />
</if>
<if condition="$show['coppa']">
<input type="hidden" name="coppauser" value="1" />
</if>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
<table width="100%" class="smallfont" id="table12">
<tr>
<td class="forumbit" ><div class="smallfont"><phrase 1="$vboptions[bbtitle]">$vbphrase[register_at_x]</phrase></div></td>
</tr>
</table>
<table width="100%" class="smallfont" id="table13">
<tr>
<td class="forumbit" ><div class="smallfont">
<div class="smallfont" style="margin-bottom:$stylevar[formspacer]px">
 <phrase 1="$vboptions[bbtitle]">$vbphrase[to_post_must_first_register]</phrase>
</div>
<div class="smallfont" style="margin-bottom:$stylevar[formspacer]px">
 <strong>$vbphrase[username]</strong>:<br />
 <input class="bginput" id="regusername0" type="text" name="username0" size="50" maxlength="$vboptions[maxuserlength]" value="$username" /><img src="$vboptions[cleargifurl]" id="reg_verif_image0" onclick="return toggle_collapse('dialog_box')" style="display:none;" alt="" />
 <div id="collapseobj_dialog_box0">
  <div id="reg_verif_div0" style="display:none;"></div></div>
 <script type="text/javascript" src="clientscript/vbulletin_ajax_nameverif.js?v=$vboptions[simpleversion]"></script>
 <script type="text/javascript">
 <!--
 regname_verif = new vB_AJAX_NameVerify('regname_verif', 'regusername');
 //-->
 </script>
</div>
</div></td>
</tr>
</table>
 <table width="100%" class="smallfont" id="table14">
<tr>
<td class="forumbit" width="179" ><div class="smallfont">$vbphrase[email_address]</div></td>
<td class="forumbit" width="295" >$vbphrase[email_address]:<br />
   <input type="text" class="bginput" name="email0" size="25" maxlength="50" value="$email" dir="ltr" />
  </td>
<td class="forumbit" width="267" >$vbphrase[confirm_email_address]:<br />
   <input type="text" class="bginput" name="emailconfirm0" size="25" maxlength="50" value="$emailconfirm" dir="ltr" />
  </td>
</tr>
<tr>
<td class="forumbit" width="179" >$vbphrase[password]</td>
<td class="forumbit" width="294" >$vbphrase[password]:<br />
   <input type="password" class="bginput" name="password0" size="25" maxlength="50" value="$password" />
  </td>
<td class="forumbit" width="266" >$vbphrase[confirm_password]:<br />
   <input type="password" class="bginput" name="passwordconfirm0" size="25" maxlength="50" value="$passwordconfirm" />
  </td>
</tr>
<tr>
<td class="forumbit" width="739" colspan="3" >&nbsp; $human_verify
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
<br />
<if condition="$show['customfields_profile']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[additional_required_information_profile]</td>
</tr>
<tr>
<td class="panelsurround" align="center">
<div class="panel">
<div style="width:$stylevar[formwidth]" align="$stylevar[left]">
$customfields_profile
<if condition="$show['birthday']">$birthdayfields</if>
</div>
</div>
</td>
</tr>
</table>
<br />
</if>
<if condition="$show['customfields_option']">
<br />
</if>
<p align="center">
<input type="submit" class="button" value="$vbphrase[complete_registration]" accesskey="s" />
<input type="reset" class="button" name="Reset" value="$vbphrase[reset_fields]" />
</p>
</form>
$footer
</body>
</html> 
الخطوة الثانية :
من خيارات الستايل - نحدد الستايل المراد التعديل عليه و نختار من القائمة [ Css رئيسي ] - انزل إلى تحت في مربع [ تعاريف CSS الإضافية/Additional CSS Definition ] + [ التحصص في هذا الستايل ] ليشمل فقط الستايل المحدد




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


كود PHP:
/* ***** Borders in forumhome By HIMO ***** */
.forumbit {
border-top1px solid #DBDBDB;
border-bottom1px solid #DBDBDB;
border-left1px solid #DBDBDB;
border-right4px solid #B6B7F7;

ولمن أراد تغيير اللون الأحمر ما عليه إلا تغيير الكود [ #B6B7F7 ] بلون آخر من اختياره


$منقول للفائده
تحياتي
















Golden-boy غير متواجد حالياً   رد مع اقتباس
غير مقروء 06-28-2010   #2 (permalink)
عضو ممتاز
 
الصورة الرمزية face-to-face

 رقم العضوية : 83
 تاريخ التسجيل : Aug 2009
 الدولة :
 المشاركات : 864
افتراضي

جميل جدا ،، فعلا دا أفضل بكتير واي شئ Css بيكون أفضل للسرعة وتجنب المشاكل

جاري التجربة وشكرا للنقل المفيد ،،












face-to-face غير متواجد حالياً   رد مع اقتباس
غير مقروء 06-28-2010   #3 (permalink)
عضو نشيط

 رقم العضوية : 677
 تاريخ التسجيل : Jun 2010
 الدولة :
 المشاركات : 77
افتراضي

بالتوفيق لك أخي ومشكور على المرور الطيب












Golden-boy غير متواجد حالياً   رد مع اقتباس
غير مقروء 06-29-2010   #4 (permalink)
عضو ممتاز
 
الصورة الرمزية мŏнаммed

 رقم العضوية : 714
 تاريخ التسجيل : Jun 2010
 الدولة :
 المشاركات : 145
افتراضي

اشكركـ يا أخ Golden-boy على ـالموضوع ـالمميز وقالبـ جميل وـمفيد وجاري تجربته ان شاء الله












мŏнаммed غير متواجد حالياً   رد مع اقتباس
غير مقروء 06-29-2010   #5 (permalink)
عضو جديد

 رقم العضوية : 662
 تاريخ التسجيل : Jun 2010
 الدولة :
 المشاركات : 13
افتراضي

مشكووووووووور اخوي
جاري التجربة


















التوقيع
vbegy4ever
MeTa FlAx غير متواجد حالياً   رد مع اقتباس
غير مقروء 07-01-2010   #6 (permalink)
عضو نشيط

 رقم العضوية : 677
 تاريخ التسجيل : Jun 2010
 الدولة :
 المشاركات : 77
افتراضي

محمد ميتا فلاكس مشكوووورين على المرور الطيب












Golden-boy غير متواجد حالياً   رد مع اقتباس
غير مقروء 08-10-2010   #7 (permalink)
عضو جديد

 رقم العضوية : 816
 تاريخ التسجيل : Aug 2010
 الدولة :
 المشاركات : 12
افتراضي

مشكور عالشرح الآآكثرمن رآآ\ع












J.bond غير متواجد حالياً   رد مع اقتباس

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
المطور, register, قالب

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة


المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[استفسار] ما هو اسم هذا قالب؟؟؟ taltasept فى بى ايجى للحلول و المشاكل و الطلبات 1 04-25-2010 08:01 PM
[طلب] اريد قالب postbit_legacy koyla فى بى ايجى لمشاكل و طلبات التصميم 5 04-01-2010 11:47 PM
[طلب] قالب بوست lmagic فى بى ايجى لمشاكل و طلبات التصميم 4 03-13-2010 03:16 PM
تصميم قالب ديمة بشار فى بى ايجى لمشاكل و طلبات التصميم 0 09-01-2009 09:42 AM


فى بى ايجى التطويرية


الساعة الآن 11:33 AM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37