المشاركة رقم تم النشر فى :29 - 05 - 2014
.الصوره الشخصيه
.AWARDS
المدير العام
وسام الاداره
المدير العام
وسام المدير العام
وارث العطاء البادخ
شكر الاداره
وسام وارث سنابل العطاء
شكرا الاداره
وسام التقييم الحصري 150 تقييم
وسام الاداره الحصري
razan
موضوع: [html][javascript]كود نافبار ودخول وبحث رائع لمنتديات احلى منتدى
[html][javascript]كود نافبار ودخول وبحث رائع لمنتديات احلى منتدى
اتمنى تكون عجبتكم الصور والان مع التركيب اولا الكود يتركب فى الاعلانات الخاصة لمن ليس لديهم التومبيلات ومن لديه التومبيلات الكود يتركب فى قالب الهيدر الكود الاول لمن ليس لديه تومبيلات لوحة الادارة >> ادارة عامة >> الرسائل و الإيميلات >> الاعلانات الخاصة >> اجعلها فى جميع الصفحات انشئ اعلان جديد وضع الكود التالى الكود: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script> <style> .clear{display:none}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}*+ html #pun-about{background-color:#f4f4f4;border-color:#ddd;border-style:solid;border-width:1px;line-height:150%;padding:.6em 1em;text-align:right} .n-search{float:left;margin-bottom:0;margin-top:6px;position:relative}.n-search .search-query{-moz-border-radius:13px;-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-moz-transition:all .2s ease-in-out;-webkit-border-radius:13px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.2);-webkit-transition:all .2s ease-in-out;background-color:#CCC;border:0;border-radius:13px;box-shadow:inset 0 1px 2px rgba(0,0,0,.2);color:#666;display:block;font-size:12px;height:14px;line-height:1;min-height:auto 9px;padding:6px 27px 6px 12px;transition:all .2s ease-in-out;width:163px}.n-search .search-query:-moz-placeholder{color:#ccc}.n-search .search-query::-webkit-input-placeholder{color:#ccc}.n-search .icon{cursor:pointer;display:block;height:26px;left:173px;position:absolute;top:7px;width:26px}.n-search .search-query.focused,.search-query:focus{-moz-box-shadow:none;-webkit-box-shadow:none;background-color:#fff;box-shadow:none;color:#333;text-shadow:none} #rep-mail-bar{font-size:11px;height:25px;left:0;position:fixed;top:0;width:100%;z-index:999} #rep-mail-bar-logo{color:#fff;float:left;font-size:11px;font-weight:700;margin-left:-35px;padding:5px 8px;text-decoration:none} #container12{float:right;margin:-6px auto 0;position:relative}a img{border-width:0} #topnav{font-size:11px;line-height:23px;padding:10px 10px 12px;text-align:right;color:white;} #topnav a.signin{-moz-border-radius:4px;-webkit-border-radius:4px;background:#0D3156;border-radius:4px;color:#fff;font-weight:700;padding:4px 6px 6px;text-decoration:none} #topnav a.signin:hover{background:#15579B}a.signin{margin-left:3px;position:relative}a.signin span{background-image:url(http://4r.ninja9x.net/login/images/toggle_down_light.png);background-position:100% 50%;background-repeat:no-repeat;padding:4px 16px 6px 0} #topnav a.register{-moz-border-radius:4px;-webkit-border-radius:4px;background:#0D3156;border-radius:4px;color:#fff;font-weight:700;padding:4px 6px 6px;text-decoration:none}#topnav a.register:hover{background:#15579B}a.register{margin-left:0;position:relative}a.register span{background-image:url(http://4r.ninja9x.net/login/images/register_light.png);background-position:100% 50%;background-repeat:no-repeat;padding:4px 16px 6px 0} #topnav a.menuopen{background:#0d3156!important;color:#fff!important;outline:none} #small_signup{display:inline;float:none;line-height:23px;margin:25px 0 0;width:170px}a.signin.menu-open span{background-image:url(http://4r.ninja9x.net/login/images/toggle_up_light.png);color:#fff}#signin_menu{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:5px;background:url(http://4r.ninja9x.net/login/images/login_back.png) #0d3156 repeat-x;border:1px transparent;color:#fff;display:none;font-size:11px;margin-right:-1px;margin-top:5px;padding:12px;position:absolute;right:0;text-align:left;top:24.5px;width:210px;z-index:100}#signin_menu input[type=password],#signin_menu input[type=text]{-moz-border-radius:4px;-webkit-border-radius:4px;background:url(http://4r.ninja9x.net/login/images/field_back.png) repeat-x;border:1px solid #0d3156;display:block;font-size:13px;margin:0 0 5px;padding:5px;width:203px}#signin_menu p{margin:0}#signin_menu a{color:#fff}#signin_menu label{font-weight:400}#signin_menu p.remember{padding:10px 0}#signin_menu p.complete,#signin_menu p.forgot{clear:both;margin:5px 0}#signin_menu p a{color:#fff!important}#signin_menu p a:hover{text-decoration:underline}#signin_submit{-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#0d3156;border:1px solid #fff;color:#fff;font-size:11px;font-weight:700;margin:0 5px 0 0;padding:4px 10px 5px;text-shadow:0 -1px 0 #39d}#signin_submit::-moz-focus-inner{border:0;padding:0}#signin_submit:focus,#signin_submit:hover{background-position:0 -5px;cursor:pointer} #top_bar{background:#00223A url(http://www.skinbox.net/demo/public/style_images/velvet/_custom/bg-userlinks.png) repeat-x 0 100%;padding-bottom:1px}.wrapper{margin:0 auto;min-width:990px;width:70%} .sds { background-position: -48px 0; display: inline-block; width: 14px; line-height: 14px; border: none; background-color: transparent; vertical-align: text-top; background-image: url(http://maikhongquen.forumvi.com/users/1214/94/30/93/album/b10.png); height: 14px; background-repeat: no-repeat; } } </style><div id="egy"><div id="rep-mail-bar"><div id="container12"><div id="topnav" class="topnav"> هل تمتلك حساب ؟ <a href="login" class="signin" style=""><span>دخول</span></a> <a href="/register" class="register" style=""><span>تسجيل</span></a> </div> <fieldset id="signin_menu" style="display: none;"> <form action="/login?redirect=/" method="post" name="form_login"direction="rtl" id="signin"> <label for="username">اسم العضو</label> <input class="field" id="log" type="text" size="10" name="username"> <label for="password">الرقم السرى</label> <input class="field" id="pwd" type="password" size="10" name="password"> <input id="signin_submit" class="bt_login" type="submit" name="login" value="دخول"> <label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever"> تذكرنى</label><p class="forgot"> <a href="/profile?mode=sendpassword">نسيت الرقم السرى</a> </p><div class="clear"></div></form></fieldset></div><div id="top_bar"><div class="wrapper clearfix"> <a href="/forum" id="rep-mail-bar-logo"><span style="font-size: 18pt; font-weight: bold; "> <img src="http://www.shorin-ryu.net/img/stickers/_home.png" /></span></a><div id="search" class="right"> <form class="n-search pull-left" action="/search" method="get"> <input type="hidden" name="mode" value="searchbox" /> <input type="submit" class="icon sds" id="dosearch" value="" /> <input type="text" name="search_keywords" class="search-query span2" placeholder="اكتب كلمة البحث هنا" style="background-image: none; background-position: 0% 0%; background-repeat: repeat repeat; " /> </form></div></div></div></div> </div><div id="egyy" style="display: none;"><div id="rep-mail-bar"><div id="container12"><div id="topnav" class="topnav"> </div> </div><div id="top_bar"><div class="wrapper clearfix"> <a href="/forum" id="rep-mail-bar-logo"> <span style="font-size: 18pt; font-weight: bold; "> <img src="http://www.shorin-ryu.net/img/stickers/_home.png" /></span> </a><div id="search" class="right"> <form class="n-search pull-left" action="/search" method="get"> <input type="hidden" name="mode" value="searchbox" /> <input type="submit" class="icon sds" id="dosearch" value="" /> <input type="text" name="search_keywords" class="search-query span2" placeholder="اكتب كلمة البحث هنا" style="background-image: none; background-position: 0% 0%; background-repeat: repeat repeat; " /> </form></div></div></div></div></div>
لمن لديه التومبيلات يضع الكود السابق فى قالب الهيدر
الكود مخفى يرجى الرد لرؤيته
:الالا:
الكود الثانى وهو كود جافاسكريبت
اذهب الى لوحة الادارة >> عناصر إضافية >> javascript & html >> ادارة اكواد javascript
وتأكد انها تعمل واضف كود جديد
العنوان : كود النافبار
المكان : جميع الصفحات
الكود : ضع الكود التالى
الكود: // www.4egy.net jQuery(function(){ if(document.getElementById('logout')) document.getElementById('egy').style.display = 'none'; }); //<![CDATA[ $(function(){$('#signin').attr('action','/login?redirect='+this.location.pathname);});//]]> $(document).ready(function() {$(".signin").click(function(e) {e.preventDefault();$("fieldset#signin_menu").toggle();$(".signin").toggleClass("menu-open");});$("fieldset#signin_menu").mouseup(function() {return false});$(document).mouseup(function(e) {if($(e.target).parent("a.signin").length==0) {$(".signin").removeClass("menu-open");$("fieldset#signin_menu").hide();}}); }); $(document).ready(function() { $(".bodylinewidth").before("<br />"); }); jQuery(function(){ if(document.getElementById('logout')) document.getElementById('egyy').style.display = 'block'; }); // code by ahmed & mohamed abdelfattah
أسم العضو : razan هل ترغب في التعليق على رسالة العضو razan ؟
الــرد الســـريـع
الاعضاء الدين شاركوا في الموضوع
تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
كود HTML معطلة
أعلي 10 إحصائياتأكثر الأقسام شعبية أفضل المواضيع افضل 10 اعضاء فى منتدى آخر المشاركات
تصميم احساس ديزاين للتصميم
الساعة الآن