أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.
[ شريط البحث اسفل المنتدى ] >> كود جافا + Css لإضافة شريط البحث أسفل منتداك
صورة للكود بعد الوضع :
طريقة الوضع : لوحة الإدارة - عناصر إضافية - اكواد جافا وهتمل - ااكواد جافا سكربت - ثم اضف كود جديد .. - ضعه على اى مكان تختاره ويفضل الصفحة الرئيسية او جميع الصفحات ..
ثم ضع الكود التالى :-
الكود:
$(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 ..