منتدى الرياضة العربية البوابة
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتدى الرياضة العربية البوابة

اخبار ، فيديوهات ، مباريات ، بث مباشر ، ترددات ، قسم خاص Bein SPORTS ، ترتيب الفرق ، ترتيب الهدافين ، قنوات MBC PRO SPORTS , اكواد html , اكواد java , اكواد Css , اكواد تومبيلات , كل ذلك في منتدانا
 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

شاطر
تابعنا على مواقع التواصل الاجتماعى

 

 شرح ] إضافة شريط البحث فى أسفل المنتدى

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعرسالة
معلومات العضو
Admin

Admin

Admin

Admin
معلومات إضافية
الدولة : فلسطين
الساعة :
ذكر
القوس
عدد المساهمات : 5139
نقاطك : 1095639176
تاريخ الميلاد : 09/12/1994
تاريخ التسجيل : 02/05/2012
العمر : 29
الموقع : https://arabfoot.ahlamontada.com
المزاج : ممتاز
معلومات الاتصال
مُساهمةموضوع: شرح ] إضافة شريط البحث فى أسفل المنتدى    شرح ] إضافة شريط البحث فى أسفل المنتدى  Icon_minitimeالأربعاء يونيو 24, 2015 5:19 pm

شرح ] إضافة شريط البحث فى أسفل المنتدى  613623 
السلام عليكم ورحمة الله وبركاته .. شرح ] إضافة شريط البحث فى أسفل المنتدى  103798 
أهلاً وسهلاً بكم زوار منتدى الرياضة العربية البوابة
اتمنى ان ينال الشرح اعجابكم ..


شرح ] إضافة شريط البحث فى أسفل المنتدى  Theme 
[ شريط البحث اسفل المنتدى ] شرح ] إضافة شريط البحث فى أسفل المنتدى  708172 
>> كود جافا + Css لإضافة شريط البحث أسفل منتداك .. شرح ] إضافة شريط البحث فى أسفل المنتدى  851176 
أولاً كود الجافا :-
طريقة الوضع لوحة الإدارة - [size=18]عناصر إضافية - اكواد جافا وهتمل - ااكواد جافا سكربت - ثم اضف كود جديد  ..
- ضعه على اى مكان تختاره ويفضل الصفحة الرئيسية او جميع الصفحات ..

[/size]
ثم ضع الكود التالى :-


الكود:
        $(document).ready(function(){

الكود:
                        $('body').append('<br><center><div><spanid="pesqButton">اكتب هنا ما تريد كتابته على الشريط</span><divid="formPesq"><form target="_blank" action="/search"><inputtype="text" id="pesquisaCaixa" name="search_keywords"><inputid="pesquisaButton" type="submit"value="OK"></form></div><br></div></center>');$('#pesquisaCaixa').val('البحث...');                        $('#pesquisaCaixa').focus(function(){if($(this).val() == "البحث..."){$(this).val('');}});                        $('#pesquisaCaixa').blur(function(){if($(this).val() == ""){$(this).val('البحث...');}});                       $('#formPesq').hide();$('#pesqButton').click(function(){$('#formPesq').focus();$('#formPesq').slideToggle();movimento('formPesq');});});                        function movimento(para){jQuery('html,body').animate(                        {scrollTop:jQuery("#"+para).offset().top}, 500);}

ثانياً كود الCss :
طريقة الوضع لوحة الإدارة - مظهر المنتدى - الصور والالوان - الوان - ورقة تصميم Css   ..

ثم ضع الكود :

الكود:

        #pesquisaButton:hover{background: rgba(50, 50, 50,0.9);}

الكود:
                      #pesquisaButton{                margin-left: 10px !important;padding:5px;cursor:pointer;padding-left: 12px;border: 1px solidblack;background: rgba(50, 50, 50, 0.7);padding-right:9px;font-weight:800;}                      #pesquisaCaixa{height: 30px;background:#121212;color: white;border-top:0px;                      border-right:0px;border-bottom:0px;border-left: 2px solid #181818;font-weight:800;font: arial;                      width:300px;}                     #formPesq{max-width:400px;padding:14px;margin-top:7px;border:2px solid #181818;border-bottom-left-radius: 8px;border-bottom-right-radius:8px;background: #252525;}                      #pesqButton:hover{color:black;adding:9px;border-top: 2px solid #121212;border-left: 2px solid#181818;                      border-right: 2px solid ##121212;color:white;font-weight:bold;font: verdana;cursor:pointer;                      border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;background: #181818;                transition-duration: 2s;                transition-duration: 4s;                transition-duration: 6s;                transition-timing-function: linear;                transition: color 2s ease 3s;                -webkit-transition: all 2s linear;                -moz-transition: all 2s linear;                -o-transition: all 2s linear;                transition: all 2s linear;                  }                      #pesqButton{padding: 9px;border-top: 2pxsolid #181818;border-left: 2px solid #181818;                      border-right: 2px solid #181818;color:#fafafa;font-weight:bold;font: verdana;cursor:pointer;                      border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;background: #121212;                margin-top: -10px !important;}

صورة للكود بعد الوضع شرح ] إضافة شريط البحث فى أسفل المنتدى  Icon_arrow :


شرح ] إضافة شريط البحث فى أسفل المنتدى  44444410

مواضيع المنتدى وحقوقها محفوظة ويمنع النقل دون ذكر المصدر ومن نقلها من غير نقل المصدر جزاء امانته عند ربةالموضوعالأصلي : شرح ] إضافة شريط البحث فى أسفل المنتدى المصدر : منتدى الرياضة العربية البوابة الكاتب:Admin
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
شرح ] إضافة شريط البحث فى أسفل المنتدى
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 

صفحة 1 من اصل 1


خدمات الموضوع
 KonuEtiketleri كلمات دليليه
شرح ] إضافة شريط البحث فى أسفل المنتدى , شرح ] إضافة شريط البحث فى أسفل المنتدى , شرح ] إضافة شريط البحث فى أسفل المنتدى ,شرح ] إضافة شريط البحث فى أسفل المنتدى ,شرح ] إضافة شريط البحث فى أسفل المنتدى , شرح ] إضافة شريط البحث فى أسفل المنتدى
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ شرح ] إضافة شريط البحث فى أسفل المنتدى ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى

ضوابط المشاركة في المنتدى
لاتستطيع الرد على المواضيع في هذا المنتدى


BB codeمتاحة للجميع
الابتسامات متاحةللأعضاء
كود[IMG]متاح للأعضاء
كود HTML متاحللأعضاء


منتدى الرياضة العربية البوابة :: الـتـقـنـيـات الـمـتـقـدمـة :: أكواد الجافا إسكريبت JAVA-