مشكلة في موضوع كلمة البحث اسفل المنتدى ارجوا الرد بسرعة

السلام عليكم

انا طبقت كل الاكواد التي في الموضوع التالي 
https://help.ahlamontada.com/t1077150-topic

الكود زبط :) يسلموا هل ايدين 
بس في مشكله صغيرة
انو انا هساع يوم ركبت الكود جبلي على كلمة ابحث في المنتدى جابها مشبوكة ف بعضها وما عرفت ابعد الكلمات عن بعض :)

هي صورة للكود 

[img][/img]

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

stones كتب:وعليكم من السلام
ضع كود الجافا الي به
اسم المنتدى والبحث

كود جافا 

الكود:

        $(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

الكود:

        #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: 2px solid #181818;border-left: 2pxsolid #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;}

شو صار ؟ !!

لم يظهر على المنتدى الخاص بي
ولا شي يدل على انه اسم المنتدى
منتواجد
تفضل كود الجافا

الكود:

  $(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
ليس له دخل في البعد او الاقتراب

شكرا الك اخوي غلبتك