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

أبو نور · 15 نوفمبر 2009

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

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

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

بعد ذلك

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

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

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

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

PHP:

[CENTER]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>' ;[/CENTER]

عدل على الكود كما تريد مع مراعاه تغيير الاسماء لاسماء الصفحات التى تريد عملها للزر

PHP:

if (THIS_SCRIPT == 'marcoyourpagename')

PHP:

$vbulletin->options['selectednavtab']='marcoyourpagename';

مع تغيير marcoyourpagename بأسم الصفحة الاضافية مثلا استرجاع كلمة المرور ....... الخ انا قمت بعملها للتسجيل مثل الكود هذا

PHP:

[CENTER]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>' ;[/CENTER]

شئ اخر الا وهو اسم ورابط الدال على الزر (اسم الزر + رابط الزر)

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

PHP:

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

PHP:

[CENTER][/CENTER]

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

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

منقول للاخ MARCO1

البحث

البحث

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

أبو نور

عضو جديد