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

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



walid
10-30-2013, بتوقيت غرينيتش 10:27 PM
http://www.dzbatna.com/images/icons/idea.gif ط´ط±ط* ط¹ظ…ظ„ ط²ط± ظپظ‰ navbar ظˆظ‚ظˆط§ط¦ظ… ظ…ظ†ط³ط¯ظ„ظ‡ ظ…ظ†ظ‡ (http://www.dzbatna.com/t1544226/)




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


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





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


http://www.support-ar.com/vb/images/statusicon/wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط هنا لمشاهدة الصورة بحجمها الطبيعى 1084x502 and weights 146KB.http://img190.imageshack.us/img190/624/attachmentaq.jpg


بعد ذلك


http://www.support-ar.com/vb/images/statusicon/wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط هنا لمشاهدة الصورة بحجمها الطبيعى 1084x501 and weights 149KB.http://img190.imageshack.us/img190/6896/attachmentpr.jpg


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


http://www.support-ar.com/vb/images/statusicon/wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط هنا لمشاهدة الصورة بحجمها الطبيعى 1085x497 and weights 140KB.http://img190.imageshack.us/img190/446/attachmentgx.jpg


ليكون هذا الشكل النهائى لها http://www.support-ar.com/vb/images/smilies/fruits_cherry.gif


http://www.support-ar.com/vb/images/statusicon/wol_error.gifهذه الصورة تم تصغيرها تلقائيا . إضغط هنا لمشاهدة الصورة بحجمها الطبيعى 1267x541 and weights 97KB.http://img190.imageshack.us/img190/2774/attachmentlk.jpg



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


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


رمز Code:
جده الا وهى مرونه الجيل الرابع VBULLETIN G4 بالبرمجةكود code PHP:




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

رمز Code:
if (THIS_SCRIPT == 'marcoyourpagename')
رمز Code:
$vbulletin->options['selectednavtab']='marcoyourpagename';

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

رمز Code:
لمة المرور ....... الخ انا قمت بعملها للتسجيل مثل الكود code هذا كود code PHP:
[CENTER]global $template_hook; $tabselected = ''; $tablinks = ''; if (THIS_SCRIPT == 'register') { $vbulletin->options['selectednavtab']='register'; $tabselected = ' class=&quot;selected&quot;'; $tablinks = ' <ul class=&quot;floatcontainer&quot;> <li><a href=&quot;link1.php&quot;>Link 1</a></li> <li class=&quot;popupmenu&quot;> <a href=&quot;javascript://&quot; class=&quot;popupctrl&quot;>MARCO1 Drop Down</a> <ul class=&quot;popupbody popuphover&quot;> <li><a href=&quot;sublink1.php&quot;>MARCO1 Link 1</a></li> <li><a href=&quot;sublink2.php&quot;>MARCO1 Link 2</a></li> <li><a href=&quot;sublink3.php&quot;>MARCO1 Link 3</a></li> </ul> </li> <li><a href=&quot;link2.php&quot;>Link 2</a></li> <li><a href=&quot;link3.php&quot;>Link 3</a></li> </ul> ';



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

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

رمز Code:
$template_hook['navtab_end'] .= '<li'.$tabselected.'><a class=&quot;navtab&quot; href=&quot;link.php&quot;>MARCO1 Name</a>'.$tablinks.'</li>' ;

رمز Code:












ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى