مشاهدة النسخة كاملة : شرح عمل زر فى navbar وقوائم منسدله منه


أبو نور
2009-11-15, 06:17 AM
السلام عليكم ورحمة الله,

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

اولا نقوم بعمل بلجن جديد اتبع شرح الصور

http://img190.imageshack.us/img190/624/attachmentaq.jpg

بعد ذلك

http://img190.imageshack.us/img190/6896/attachmentpr.jpg

ثم يجب ان تظهر هكذا فى مدير الاضافات

http://img190.imageshack.us/img190/446/attachmentgx.jpg

ليكون هذا الشكل النهائى لها :fruits_cherry:

http://img190.imageshack.us/img190/2774/attachmentlk.jpg


دعنا نتفقد الكود ونبدأ بشرحه

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

global $template_hook;
$tabselected = '';
$tablinks = '';
if (THIS_SCRIPT == 'register')
{
$vbulletin->options['selectednavtab']='register';
$tabselected = ' class="selected"';
$tablinks = ' <ul class="floatcontainer">
<li><a href="link1.php">Link 1</a></li>
<li class="popupmenu">
<a href="javascript://" class="popupctrl">MARCO1
Drop Down</a>
<ul class="popupbody popuphover">
<li><a href="sublink1.php">MARCO1 Link 1</a></li>
<li><a href="sublink2.php">MARCO1 Link 2</a></li>
<li><a href="sublink3.php">MARCO1 Link 3</a></li>
</ul>
</li>
<li><a href="link2.php">Link 2</a></li>
<li><a href="link3.php">Link 3</a></li>
</ul> ';

}

$template_hook['navtab_end'] .= '<li'.$tabselected.'><a class="navtab" href="register.php">MARCO1 التسجيل</a>'.$tablinks.'</li>' ;عدل على الكود كما تريد مع مراعاه تغيير الاسماء لاسماء الصفحات التى تريد عملها للزر


if (THIS_SCRIPT == 'marcoyourpagename')$vbulletin->options['selectednavtab']='marcoyourpagename'; مع تغيير marcoyourpagename بأسم الصفحة الاضافية مثلا استرجاع كلمة المرور ....... الخ انا قمت بعملها للتسجيل مثل الكود هذا

global $template_hook;
$tabselected = '';
$tablinks = '';
if (THIS_SCRIPT == 'register')
{
$vbulletin->options['selectednavtab']='register';
$tabselected = ' class="selected"';
$tablinks = ' <ul class="floatcontainer">
<li><a href="link1.php">Link 1</a></li>
<li class="popupmenu">
<a href="javascript://" class="popupctrl">MARCO1
Drop Down</a>
<ul class="popupbody popuphover">
<li><a href="sublink1.php">MARCO1 Link 1</a></li>
<li><a href="sublink2.php">MARCO1 Link 2</a></li>
<li><a href="sublink3.php">MARCO1 Link 3</a></li>
</ul>
</li>
<li><a href="link2.php">Link 2</a></li>
<li><a href="link3.php">Link 3</a></li>
</ul> ';

}

$template_hook['navtab_end'] .= '<li'.$tabselected.'><a class="navtab" href="register.php">MARCO1 التسجيل</a>'.$tablinks.'</li>' ;شئ اخر الا وهو اسم ورابط الدال على الزر (اسم الزر + رابط الزر)

الكود سهل وبسيط والكل سوف يقوم بالتعديل عليه


$template_hook['navtab_end'] .= '<li'.$tabselected.'><a class="navtab" href="link.php">MARCO1 Name</a>'.$tablinks.'</li>' ;


تغيير MARCO1 Name بأسم الزر الذي تريده ان يظهر

وهذا كل شئ فقط اذا اتبعت الصور + شرح الكود سوف تقوم بعملها بكل سهولة بأذن الله

منقول للاخ MARCO1