منتديات حدوتة مصرية
إضافة شريط البحث فى أسفل المنتدى Reem10
منتديات حدوتة مصرية
إضافة شريط البحث فى أسفل المنتدى Reem10
{ (❆إعـلآنـاتْ مُنَتَدَيآتْ حدٌودًتَه مَصريِه ❆   ) ~
   
   
   

❆فَآعِليَآت مُنَتَدَيآتْ حدٌودًتَه مَصريِه ❆
  إضافة شريط البحث فى أسفل المنتدى P112  إضافة شريط البحث فى أسفل المنتدى P211  إضافة شريط البحث فى أسفل المنتدى P311  إضافة شريط البحث فى أسفل المنتدى P411  إضافة شريط البحث فى أسفل المنتدى P510  إضافة شريط البحث فى أسفل المنتدى P610

{ ({ ( مُنَتَدَيآتْ حدٌودًتَه مَصريِه ) ~   ) ~
 



تعلن إدارة منتديات حدوتة مصرية عن فتح باب التقديم للإشراف على المنتديات وعلى من يأنس في نفسه القدره و الكفاءة وضع طلبه في القسم المخصص { طلبات الإشراف} بعد الإطلاع على شروط الإشراف.إعلان إداري

تهنئ إدارة منتديات حدوتة مصرية اعضائنا الكرام بمناسبة السنه الجديده كل عام وانتم بخير وصحه وسلامهكلمة الإدارة

أهلا وسهلا بك إلى منتديات حدوتة مصرية.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.




إضافة شريط البحث فى أسفل المنتدى Emptyالخميس نوفمبر 22, 2018 11:52 am #1

أفندينا

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

أفندينا
 
♛ عضويتي » : 2
♛ تاريخ التسجيل » : 26/11/2016
♛ آبدآعاتي » : 191
♛ دولتي الحبيبه » : السعودية
♛ جنسي » : ذكر
♛ نقآطي » : 3251
♛ التقييم » : 4
♛ حاليآ في » : حدوتة مصرية
♛ آلعمر » : 44
♛ ﺍﻟﺤﺂﻟﺔ ﺁﻵﺟﺘﻤﺂﻋﻴﺔ ‏» :
  • أعزب
♛ آلقسم آلمفضل  » :
  • الرياضي
♛ ﻧﻈﺂﻡ ﺁﻟﺘﺸﻐﻴﻞ ‏» :
  • windows XP
♛مشروبي آلمفضل‏» : pepsi
♛ قنآتي المفضلة ‏» : rotana
♛ آلنادي آلمفضل ‏» : hilal
♛ مزآجي ‏» : 4
♛ MMS ‏» : 59
♛ SMS ‏» :
أمتلك قلبآ يركض بي دائمآ نحوك
عندما أكون غآضب أو حزين أو خآئف
أو حتى عندمآ لا أرغب تماما
بأي أحد
إضافة شريط البحث فى أسفل المنتدى 28568810
إضافة شريط البحث فى أسفل المنتدى 14988810
 

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



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

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

[ شريط البحث اسفل المنتدى ]
>> كود جافا + Css لإضافة شريط البحث أسفل منتداك

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

طريقة الوضع : لوحة الإدارة - عناصر إضافية - اكواد جافا وهتمل - ااكواد جافا سكربت - ثم اضف كود جديد ..
- ضعه على اى مكان تختاره ويفضل الصفحة الرئيسية او جميع الصفحات ..

ثم ضع الكود التالى :-
الكود:
        $(document).ready(function(){
                     
  $('body').append('<br><center><div><span
id="pesqButton">اكتب هنا ما تريد كتابته على الشريط</span><div
id="formPesq"><form target="_blank" action="/search"><input
type="text" id="pesquisaCaixa" name="search_keywords"><input
id="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 solid
black;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: 2px solid #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;}

الى هنا انتهى الشرح Basketball

الموضوع الاصلي : منتدى الدعم و المساعدة








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

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع
إحصائيات المنتدى
أفضل الاعضاء هذا الشهر
أخر المشاركات
المواضيع الأكثر شعبية
a7medvirusاحذر أولئك الذين يهمسون في أذنكa7medvirusطريقة عـمل منتدى vb مجانى كاملa7medvirus شرح حل مشكلة Not Found 404 فى هاك المودة للتلوين - الشامل لتلوين المجموعاتa7medvirusكن كالطير فهو يطمح للبعيد دائماً..!!a7medvirusمنتدى vb مجانى جاهز مدى الحياه بهاكات وأستايلات أحترفيهa7medvirusالظلم وانواعه موضوع للنقاشa7medvirusموسوعة ملابس اللانجري والاندروير ... متجددa7medvirusحصري كود تومبيلات ترقيم المساهمات للنسخة phpBB2 و phpbb3a7medvirusمعجزات الحبيب النبي محمد صلى الله عليه وسلمa7medvirusعلامات حسن وسوء الخاتمه

تصميم منتدى احلى تومبلايت

الساعة الآن