عرض مشاركة واحدة
قديم 05-04-2013, 10:03 PM   #5
مـدونـجـي
مدون نشيط
 
الصورة الرمزية مـدونـجـي
 
تاريخ التسجيل: Aug 2012
الدولة: سوريا الحرة
المشاركات: 185
افتراضي رد: كيف يمكن جعل النص داخل مربع البحث يختفي بمجرد النقر داخل المربع لكتابة كلمة البحث

نعم أخي علي الكود يعمل بالشكل المطلوب, لكني المشكلة هي أن كلمة البحث تظهر ضمن مستطيل جديد غير مستطيل البحث الأصلي و اللذي تركت رابط خلفيته فارغاً في الكود, هذا هو الكود الأصلي :

كود:
<style type='text/css'>
#w2b-searchbox{background:url(http://lh5.googleusercontent.com/-Cm6Ya53Wj6g/TeixHY3LRDI/AAAAAAAAA6I/jJkMnJEN60s/way2blogging_searchbox1.png) no-repeat scroll center center transparent;float:right;;width:307px;height:50px;disaply:block;margin:2px 30px 0 0}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px; font: bold 13px Merriweather;color:#000000;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id='w2b-searchbox'>
<form action='/search' id='w2b-searchform' method='get'>
    <input id='s' name='q' type='text' value='search'/>
    <input id='sbutton' src='http://img1.blogblog.com/img/blank.gif' type='image'/>
</form>
</div>
ما الحل لإظهار كلمة البحث المتلاشية ضمن المستطيل في الكود السابق, و ليس في مستطيل آخر ؟

الدعم العربي

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