اللسام عليكم طريقة تركيب شريط تومبلايت

السلام عليكم

انا عو زاشغل الشريط ده في منتداي ممكن الطريقه .؟؟
اللسام عليكم طريقة تركيب شريط تومبلايت Wzg71294

تحياتي

soly makkawi كتب:السلام عليكم

انا عو زاشغل الشريط ده في منتداي ممكن الطريقه .؟؟

تحياتي

اخى هذا كود يوضع فى التشكيلات العامة مش بتومبيلات

طيب عوزو في كل الحلات وده تبع التومبلايت اخي

ياا جماعه ماافي رد .؟؟ فين الخبرا

اخي الغالي ماذا تريد الكود توبيلات ولا مش توممبيلات اختار Cool

اولا استعرض لكم مميزات هذا النافبار:

الكود بشكل عام ليس كبير وخالي من الاخطاء تقريبا ويتلائم مع جميع المتصفحات اللسام عليكم طريقة تركيب شريط تومبلايت 20743

1- شعار منتداك عليه

اللسام عليكم طريقة تركيب شريط تومبلايت Nav210

2- قوائم منسدلة ويمكنك زيادتها ان اردت

اللسام عليكم طريقة تركيب شريط تومبلايت Nav810

3- منطقة تسجيل الدخول وهي بحد ثاتها اخترافية ولن تجد مثلها

اللسام عليكم طريقة تركيب شريط تومبلايت Nav610

4- ترحيب بعد الدخول مع صورة رمزية مصغرة لصورتة في البيانات الشخصية لكل عضو بشكل عصري مثل المواقع العالمية الكبرى

اللسام عليكم طريقة تركيب شريط تومبلايت Nav410

5- زر البحث تنسدل منه نافذه البحث مثل النافبار الاصلي لاحلى منتدى ..

اللسام عليكم طريقة تركيب شريط تومبلايت Nav710

6- النافبار يحتوي على قوائم كتابية و ايقونات نافبار احلى منتدى الاصلية

اللسام عليكم طريقة تركيب شريط تومبلايت Nav310

7- الازرار تتغير بعد تسجيل الدخول

اللسام عليكم طريقة تركيب شريط تومبلايت Nav110

8- ايقونة الرسائل الجديدة بشكل عصري وتنبهك بوجود رسالة جديدة

اللسام عليكم طريقة تركيب شريط تومبلايت Nav510

يعتبر افضل كود نافبار في منتديات احلى منتدى وايضا لن تجد مثله في منتديات VB

اللسام عليكم طريقة تركيب شريط تومبلايت Oo_uoo10

الآن اليكم الكود وطريقة تركيبة:

ملاحظة: ساضع الكود كما هو مع الروابط فقط عليك تغيير الروابط

الخطوة الاولى:
لاختيار الايقونات الاصلية لاحلى منتدى المراد اظهارها
لوحة الادارة - مظهر المنتدى - ادارة الصور - لوحة ادارة كاملة
الان ضع الايقونات على مزاجك، اذا اردتها مثل حوف نت ضع كل ايقونة في مكانها:
بحث

اللسام عليكم طريقة تركيب شريط تومبلايت Ooo10

البيانات الشخصية

اللسام عليكم طريقة تركيب شريط تومبلايت Ououso12

الرسائل الخاصة

اللسام عليكم طريقة تركيب شريط تومبلايت Ooouo_10

رسالة خاصة جديدة

اللسام عليكم طريقة تركيب شريط تومبلايت Ooouo_11

التسجيل

ثم سجل

الخطوة الثانية:
هذه الخطوة لاضافة كود النافبار كامل في التمبلات
مظهر المنتدى - التمبلات والقوالب - ادارة عامة -فتح قالب overall_header

الان ابحث عن واحذفة

الكود:: [color=#000000][font=Times New Roman][/font][/color] <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">[color=#000000][font=Times New Roman][/font][/color] <tr>[color=#000000][font=Times New Roman][/font][/color] <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>[color=#000000][font=Times New Roman][/font][/color] </tr>[color=#000000][font=Times New Roman][/font][/color] </table>

ثم ابحث عن

{JAVASCRIPT}

وضع اسفلة مباشرة كود النافبار كامل

الكود:: [color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] <ul class="menu" >[color=#000000][font=Times New Roman][/font][/color] <li><a href="http://www.7ooof.net/" alt="حوف نت" title="الرئيسية"><img src="http://i49.servimg.com/u/f49/16/89/40/74/homelo10.png" /></a></li>[color=#000000][font=Times New Roman][/font][/color] <li><a title="مكتبة الصور" href="http://www.7ooof.net/gallery//-cat_c1.htm" >مكتبة الصور</a></li>[color=#000000][font=Times New Roman][/font][/color] <li><a title="الاعضاء" href="#">الأعضاء ▼ </a>[color=#000000][font=Times New Roman][/font][/color] <ul>[color=#000000][font=Times New Roman][/font][/color] <li><a title="قائمة الأعضاء" href="http://www.7ooof.net/memberlist" class="documents" > » قائمة الأعضاء </a></li>[color=#000000][font=Times New Roman][/font][/color] <li><a title="أفضل 20 عضو" href="http://www.7ooof.net/memberlist?mode=overall_posters" class="messages" > » أفضل 20 عضو </a></li>[color=#000000][font=Times New Roman][/font][/color] <li><a title="أفضل أعضاء اليوم" href="http://www.7ooof.net/memberlist?mode=today_posters" class="signout" > » أفضل أعضاء اليوم </a></li>[color=#000000][font=Times New Roman][/font][/color] </ul>[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] <li><a title="اسألة شائعة" href="http://www.7ooof.net/faq">اسألة شائعة</a></li>[color=#000000][font=Times New Roman][/font][/color] <li><a title="ما الجديد؟" href="http://www.7ooof.net/search.forum?search_id=newposts" class="documents" >ما الجديد؟ </a></li>[color=#000000][font=Times New Roman][/font][/color] <li><a title="خيارات سريعة" href="#"><img src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png" /></a>[color=#000000][font=Times New Roman][/font][/color] <ul>[color=#000000][font=Times New Roman][/font][/color] <li><a title="جميع مشاركاتي" href="http://www.7ooof.net/search.forum?search_id=egosearch" class="messages" > » جميع مشاركاتي </a></li>[color=#000000][font=Times New Roman][/font][/color] <li><a title="مواضيع لم يرد عليها" href="http://www.7ooof.net/search.forum?search_id=unanswered" class="signout" > » مواضيع لم يرد عليها </a></li>[color=#000000][font=Times New Roman][/font][/color] <li><a title="#" href="#" class="signout" > » قريبا </a></li>[color=#000000][font=Times New Roman][/font][/color] </ul>[color=#000000][font=Times New Roman][/font][/color] </li>[color=#000000][font=Times New Roman][/font][/color] <a>{GENERATED_NAV_BAR}</a>[color=#000000][font=Times New Roman][/font][/color] </ul>[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] <style Type="Text/css">[color=#000000][font=Times New Roman][/font][/color] /* Reset */[color=#000000][font=Times New Roman][/font][/color] .menu,[color=#000000][font=Times New Roman][/font][/color] .menu ul,[color=#000000][font=Times New Roman][/font][/color] .menu li,[color=#000000][font=Times New Roman][/font][/color] .menu a {margin: 0; padding: 0; border: none; outline: none;}[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] /* Menu */[color=#000000][font=Times New Roman][/font][/color] .menu {height: 42px; width: 100%; background: #2e2e2e;[color=#000000][font=Times New Roman][/font][/color] box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); [color=#000000][font=Times New Roman][/font][/color] background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);[color=#000000][font=Times New Roman][/font][/color] background: -moz-linear-gradient(top, #494949 0%,#202020 100%);[color=#000000][font=Times New Roman][/font][/color] background: -o-linear-gradient(top, #494949 0%,#202020 100%);[color=#000000][font=Times New Roman][/font][/color] background: -ms-linear-gradient(top, #494949 0%,#202020 100%);[color=#000000][font=Times New Roman][/font][/color] background: linear-gradient(top, #494949 0%,#202020 100%); }[color=#000000][font=Times New Roman][/font][/color] .menu li {position: relative; list-style: none; float: right; display: block; height: 40px;}[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] /* Links */[color=#000000][font=Times New Roman][/font][/color] .menu li a { display: block; padding: 0 8px; margin: 6px 0; line-height: 30px;[color=#000000][font=Times New Roman][/font][/color] text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #161616;[color=#000000][font=Times New Roman][/font][/color] font-family: Tahoma; font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}[color=#000000][font=Times New Roman][/font][/color] .menu li:hover > a { color: #8fde62; }[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] /* Sub Menu */[color=#000000][font=Times New Roman][/font][/color] .menu ul { position: absolute; top: 40px; left: 0; opacity: 0; background: #1f2024;[color=#000000][font=Times New Roman][/font][/color] -webkit-border-radius: 0 0 5px 5px;[color=#000000][font=Times New Roman][/font][/color] -moz-border-radius: 0 0 5px 5px;[color=#000000][font=Times New Roman][/font][/color] border-radius: 0 0 5px 5px;[color=#000000][font=Times New Roman][/font][/color] -webkit-transition: opacity .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color] -moz-transition: opacity .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color] -o-transition: opacity .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color] -ms-transition: opacity .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color] transition: opacity .25s ease .1s; }[color=#000000][font=Times New Roman][/font][/color] .menu li:hover > ul { opacity: 1;}[color=#000000][font=Times New Roman][/font][/color] .menu ul li { height: 0; overflow: hidden; padding: 0;[color=#000000][font=Times New Roman][/font][/color] -webkit-transition: height .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color] -moz-transition: height .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color] -o-transition: height .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color] -ms-transition: height .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color] transition: height .25s ease .1s; }[color=#000000][font=Times New Roman][/font][/color] .menu li:hover > ul li { height: 34px; overflow: visible; padding: 0;}[color=#000000][font=Times New Roman][/font][/color] .menu ul li a {width: 130px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}[color=#000000][font=Times New Roman][/font][/color] .menu ul li:last-child a { border: none; }[color=#000000][font=Times New Roman][/font][/color] </style>[color=#000000][font=Times New Roman][/font][/color]

الان غير صورة الشعار والروابط واضافة ما تريدة ثم سجل وانشر

الخطوة الثالثة والاخيرة:
هذه الخطوة لاظهار خانة تسجيل الدخول عبارة مرحبا بك والصورة الرمزية المصغرة
عناصر اضافية - ادارة العناصر المستقلة على المنتدى

ملاحظة: الاعدادات اجعلها على ماهي علية في منتداك حتى لا تاثر على شيء آخر.. اذا لم تظهر الاكواد التالية غير الاعدادات وليس شرطا ان تكون بارقام معينة
مثال : هذه اعدادات منتديات حوف نت

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

الكود:: [color=#000000][font=Times New Roman][/font][/color] <div style="left: 3px; overflow: visible; width: 250px; position: absolute; top: 10px; height: 30px;" align="center">[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] <form action="http://www.7ooof.net/login" method="post" dir="rtl">[color=#000000][font=Times New Roman][/font][/color] <input name="username" value="اسم العضو" onclick="if (this.value == 'اسم العضو') this.value = '';" onblur="if (this.value == '') this.value = 'اسم العضو';" size="9" maxlength="40" type="text">[color=#000000][font=Times New Roman][/font][/color] <input name="password" value="كلمه سر" onclick="if (this.value == 'كلمه سر') this.value = '';" onblur="if (this.value == '') this.value = 'كلمه سر';" size="9" maxlength="32" type="password">[color=#000000][font=Times New Roman][/font][/color] <input class="mainoption" name="login" value="دخول" size="9" type="submit">[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] <br /><br />[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] <input name="autologin" checked="true" type="checkbox">[color=#000000][font=Times New Roman][/font][/color] <font title="تذكر بياناتي في المرة القادمة" color="#4F4F4F" size="1" >تذكرني</font>[color=#000000][font=Times New Roman][/font][/color] <a title="استعادة كلمه السر من هنا" href="http://www.7ooof.net/profile?mode=sendpassword"><font color="#4F4F4F" size="1">| نسيت كلمة السر؟ |</font></a>[color=#000000][font=Times New Roman][/font][/color] <a title="سجل كعضو جديد" href="http://www.7ooof.net/register?agreed=true&step=2"><font color="#db4804" size="2"><b> عضو جديد</b></font></a>[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] </form>[color=#000000][font=Times New Roman][/font][/color] <style type="text/css"></style>[color=#000000][font=Times New Roman][/font][/color] </div>[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color]

لا تنسى تغيير رابط المنتدى

ثم سجل

وايضا انشأ عنصر جديد آخر وسمية مثلا " مرحبا بك" واجعل صلاحياتة للجميع ما عدا الزوار ومن دون جدول وضع فية هذا الكود

الكود:: [color=#000000][font=Times New Roman][/font][/color] <div style="left: 46px; overflow: visible; width: 300px; position: absolute; top: 12px; height: 30px;" align="center"><div style="text-align: left;"><font color="#C0C0C0" size="2">مرحباً بك <b>{USERNAME}</b></font><a href="http://www.7ooof.net/login?logout"><font size="2"> [ خروج ] </font></a></div>[color=#000000][font=Times New Roman][/font][/color] <style Type="Text/css"></style>[color=#000000][font=Times New Roman][/font][/color] </div>[color=#000000][font=Times New Roman][/font][/color] <div style="left: 20px; overflow: visible; width: 15px; position: absolute; top: 7px; height: 30px;" align="center">[color=#000000][font=Times New Roman][/font][/color] <script>[color=#000000][font=Times New Roman][/font][/color] jQuery(document).ready(function(){[color=#000000][font=Times New Roman][/font][/color] jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {[color=#000000][font=Times New Roman][/font][/color] link = jQuery('#register .forumline td.row1 img', data).attr('src');[color=#000000][font=Times New Roman][/font][/color] if(link){[color=#000000][font=Times New Roman][/font][/color] jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');[color=#000000][font=Times New Roman][/font][/color] }else{[color=#000000][font=Times New Roman][/font][/color] jQuery('#avatar').html('');[color=#000000][font=Times New Roman][/font][/color] }[color=#000000][font=Times New Roman][/font][/color] });[color=#000000][font=Times New Roman][/font][/color] });[color=#000000][font=Times New Roman][/font][/color] </script><div id="avatar"></div>[color=#000000][font=Times New Roman][/font][/color] <style Type="Text/css">[color=#000000][font=Times New Roman][/font][/color] #avatar img{[color=#000000][font=Times New Roman][/font][/color] max-height: 27px;[color=#000000][font=Times New Roman][/font][/color] max-width: 27px;[color=#000000][font=Times New Roman][/font][/color] border: 1px solid #4F4F4F;[color=#000000][font=Times New Roman][/font][/color] border-radius: 4px; }[color=#000000][font=Times New Roman][/font][/color] </style>[color=#000000][font=Times New Roman][/font][/color] </div>[color=#000000][font=Times New Roman][/font][/color] [color=#000000][font=Times New Roman][/font][/color]

لا تنسى تغيير رابط المنتدى

ثم سجل

هكذا انتهينا والف مبروك لكم لحصولكم على النافبار

منقول

بدون تومبيلت

الكود الاول ضعه ي عنصر مستقل اعلا كود وضع العناصر اعلا المنتدى
واجعله الصلاحيات للزوار فقط

الكود:: [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <ul class="menu" >[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a href="http://www.7ooof.net/" alt="حوف نت" title="الرئيسية"><img src="http://i49.servimg.com/u/f49/16/89/40/74/homelo10.png" /></a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="مكتبة الصور" href="http://www.7ooof.net/gallery//-cat_c1.htm" >مكتبة الصور</a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="الاعضاء" href="#">الأعضاء ▼ </a>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <ul>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="قائمة الأعضاء" href="http://www.7ooof.net/memberlist" class="documents" > » قائمة الأعضاء </a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="أفضل 20 عضو" href="http://www.7ooof.net/memberlist?mode=overall_posters" class="messages" > » أفضل 20 عضو </a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="أفضل أعضاء اليوم" href="http://www.7ooof.net/memberlist?mode=today_posters" class="signout" > » أفضل أعضاء اليوم </a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </ul>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="اسألة شائعة" href="http://www.7ooof.net/faq">اسألة شائعة</a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="ما الجديد؟" href="http://www.7ooof.net/search.forum?search_id=newposts" class="documents" >ما الجديد؟ </a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="خيارات سريعة" href="#"><img src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png" /></a>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <ul>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="جميع مشاركاتي" href="http://www.7ooof.net/search.forum?search_id=egosearch" class="messages" > » جميع مشاركاتي </a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="مواضيع لم يرد عليها" href="http://www.7ooof.net/search.forum?search_id=unanswered" class="signout" > » مواضيع لم يرد عليها </a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <li><a title="#" href="#" class="signout" > » قريبا </a></li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </ul>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </li>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <a>{GENERATED_NAV_BAR}</a>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </ul>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <style Type="Text/css">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] /* Reset */[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu,[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu ul,[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu li,[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu a {margin: 0; padding: 0; border: none; outline: none;}[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] /* Menu */[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu {height: 42px; width: 100%; background: #2e2e2e;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] background: -moz-linear-gradient(top, #494949 0%,#202020 100%);[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] background: -o-linear-gradient(top, #494949 0%,#202020 100%);[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] background: -ms-linear-gradient(top, #494949 0%,#202020 100%);[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] background: linear-gradient(top, #494949 0%,#202020 100%); }[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu li {position: relative; list-style: none; float: right; display: block; height: 40px;}[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] /* Links */[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu li a { display: block; padding: 0 8px; margin: 6px 0; line-height: 30px;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #161616;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] font-family: Tahoma; font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu li:hover > a { color: #8fde62; }[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] /* Sub Menu */[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu ul { position: absolute; top: 40px; left: 0; opacity: 0; background: #1f2024;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -webkit-border-radius: 0 0 5px 5px;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -moz-border-radius: 0 0 5px 5px;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] border-radius: 0 0 5px 5px;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -webkit-transition: opacity .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -moz-transition: opacity .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -o-transition: opacity .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -ms-transition: opacity .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] transition: opacity .25s ease .1s; }[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu li:hover > ul { opacity: 1;}[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu ul li { height: 0; overflow: hidden; padding: 0;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -webkit-transition: height .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -moz-transition: height .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -o-transition: height .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] -ms-transition: height .25s ease .1s;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] transition: height .25s ease .1s; }[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu li:hover > ul li { height: 34px; overflow: visible; padding: 0;}[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu ul li a {width: 130px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] .menu ul li:last-child a { border: none; }[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </style>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color]

ثم انشىء عنصر جديد ايضا وضع الصلاحيات للزوارفقط الكود

الكود:: [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <div style="left: 3px; overflow: visible; width: 250px; position: absolute; top: 10px; height: 30px;" align="center">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <form action="http://www.7ooof.net/login" method="post" dir="rtl">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <input name="username" value="اسم العضو" onclick="if (this.value == 'اسم العضو') this.value = '';" onblur="if (this.value == '') this.value = 'اسم العضو';" size="9" maxlength="40" type="text">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <input name="password" value="كلمه سر" onclick="if (this.value == 'كلمه سر') this.value = '';" onblur="if (this.value == '') this.value = 'كلمه سر';" size="9" maxlength="32" type="password">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <input class="mainoption" name="login" value="دخول" size="9" type="submit">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <br /><br />[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <input name="autologin" checked="true" type="checkbox">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <font title="تذكر بياناتي في المرة القادمة" color="#4F4F4F" size="1" >تذكرني</font>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <a title="استعادة كلمه السر من هنا" href="http://www.7ooof.net/profile?mode=sendpassword"><font color="#4F4F4F" size="1">| نسيت كلمة السر؟ |</font></a>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <a title="سجل كعضو جديد" href="http://www.7ooof.net/register?agreed=true&step=2"><font color="#db4804" size="2"><b> عضو جديد</b></font></a>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </form>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <style type="text/css"></style>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </div>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color]

وانشىء عنصر اخر وضع صلاحياته للاعضاء والمديرين والمشرفين

الكود:: [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <div style="left: 46px; overflow: visible; width: 300px; position: absolute; top: 12px; height: 30px;" align="center"><div style="text-align: left;"><font color="#C0C0C0" size="2">مرحباً بك <b>{USERNAME}</b></font><a href="http://www.7ooof.net/login?logout"><font size="2"> [ خروج ] </font></a></div>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <style Type="Text/css"></style>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </div>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <div style="left: 20px; overflow: visible; width: 15px; position: absolute; top: 7px; height: 30px;" align="center">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <script>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] jQuery(document).ready(function(){[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] link = jQuery('#register .forumline td.row1 img', data).attr('src');[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] if(link){[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] }else{[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] jQuery('#avatar').html('');[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] }[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] });[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] });[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </script><div id="avatar"></div>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <style Type="Text/css">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] #avatar img{[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] max-height: 27px;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] max-width: 27px;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] border: 1px solid #4F4F4F;[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] border-radius: 4px; }[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </style>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </div>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color]

بل التوفيق Cool

اخي عوز التومبلايت بس ما لقيت الكود ده

الكود:: [color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <tr>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </tr>[color=#000000][font=Times New Roman][/font][/color][color=#000000][font=Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace][/font][/color] </table>