كيف استبدل زر الاستعراض بصوره

[iNawaf]

السلام عليكم

كيف استبدل زر الاستعراض في مركز التحميل بصوره

وزر التحمل بس ماتكون خلفيه للزر ابغى اتسبدله بصوره


كيف ؟

[محمود حسين]

<input type="image" src="image.jpg" name="submit" />

[iNawaf]

الله يعطيك العافيه محمود هذا هو المطلوب

باقي بس زر الاستعراض هل اقدر استبدله بصوره ؟

[محمود حسين]

بنفس الطريقة تقدر تستبدل أي زر بصورة عن طريق استخدام الكائن input type="image"

[iNawaf]

ماضبط معي

هذا الكود

<INPUT NAME="attached" TYPE="file"  size="50">

[ليوناردو دافينشي]

السلام عليكم يا اخي طبعا ما بتقدر بس انا في عندي حركة موجودة تعلمتها بالمانيا


منطق HEAD

 
<style type="text/css">
<!--
div.fileinputs {
 position: relative;
}
div.fakefile {
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 1;
}
input.file {
 position: relative;
 text-align: right;
 -moz-opacity:0 ;
 filter:alpha(opacity: 0);
 opacity: 0;
 z-index: 2;
}
 
</style>
 
 

في منطقة BODY

<div class="fileinputs">
 <input type="file" class="file" />
 <div class="fakefile">
  <input />
  <img src="search.gif" />
 </div>
</div>

واي استفسار انا جاهز

[iNawaf]

ليوناردو دافينشي

ياسلام عليك هذا اللي ابحث عنه


يعطيك العافيه ومشكور

[soso4design]

ليوناردو دافينشي : طريقتك صحيحة , لكن ليه تنسبها للالمان مدام راعيها بنجلاديشي وصديق عزيز علي ؟ ياريت تذكر المصدر أخوي ..


وأخوي رماد الشوق هذا بعد تنسيق الكود حمله وبالتوفيق

شكرا لمتابعتك

[Zizwar]

بخصوص طريقة اخفاء زر الإستعراض فهي نفسها التي انهجتها gmail لكن اذا لاحظتم انها في فايرفوكس لاتنجح

[iNawaf]

سلطان تسلم يالغالي

ويعطيك الف عافيه

-----

زيزوار
مالها حل مع الفايرفوكس ؟