عرض مشاركة واحدة
قديم 05-04-2013, 10:21 PM   #6
3li
مدون مميز
 
الصورة الرمزية 3li
 
تاريخ التسجيل: Dec 2012
الدولة: PaLeStinE
المشاركات: 343
افتراضي رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث

طيب اخي جرب الطريقة التالية
إبحث عن
]]></b:skin>

وأضف قبلها
كود PHP:
.menusearch{width 240px;float :left;margin:0 auto;padding:0 auto}
.
searchform {margin-top:0px;display inline-block;zoom1;*display inline;padding:0;background:#EAF3FA;width : 240px;height:25px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #001946;}
.searchform input {font:italic 13px ;color:#001244;line-height:25px;height:25px;padding:0;margin:0;}
.searchform .searchfield {background:transparent;padding:0 6px 0 0;margin:0;width :  195px;height:25px;border:0px;outlinenone;line-height:25px;}
.
searchform .searchbutton {border:none;margin:0;padding:0;font-size:13px;height:25px;width 27px;} 
واستبدل كل الكود الأصلي اللي عندك بالكود التالي

كود PHP:
<div class='menusearch'>
<
div style='float :left;padding:4px 0 0 8px;'>
<
form action='/search' class='searchform' method='get'>
<
input class='searchfield' id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='إبحث هنا ...'/>
</
form>
</
div></div
الأن اذا اشتغل تمام وكان اتجاه المربع على اليسار وكنت بدك يكون على اليمين
إستبدل left
بـ right

الدعم العربي

3li غير متواجد حالياً   رد مع اقتباس