السلام عليكم
كيف بامكاني تغير شكلة ال
اريد تغير شكلهاكود:<input type="file" name="upload">
حاولت بعمل كلاس css ولاكن لم يغير شيء
وايضا حاولت الكود التالي باستخدام ال css
وايضا لم ينفع!!!!كود:input[type=file] { }
كيف ممكن تغير شكله؟؟
وشكرا
| |
السلام عليكم
كيف بامكاني تغير شكلة ال
اريد تغير شكلهاكود:<input type="file" name="upload">
حاولت بعمل كلاس css ولاكن لم يغير شيء
وايضا حاولت الكود التالي باستخدام ال css
وايضا لم ينفع!!!!كود:input[type=file] { }
كيف ممكن تغير شكله؟؟
وشكرا
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
جرب أستخدم class
كود HTML:<style> .up { border: 1px solid #006; background: #ffc; } </style> <input class="up" type="file" name="upload">
الطريقة الصحيحة
كود:input[type="file"]{ border: 1px solid #006; background: #ffc; }
التعديل الأخير تم بواسطة TlT ; 17-06-2012 الساعة 05:52 AM
__________________
مبادرة حدث متصفحك - شاركوا بها في مواقعكم
You have to know, If you pay peanuts you get monkeys
شكرا لكم
اريد استخدام هذا الكلاس
كود:display: inline-block; height: 29px; margin: 3px; padding: 0 8px; background: #fff; border: 1px solid #d9d9d9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #363636;
ولاكن لايظهر بالطريقة المناسبة!!!!
__________________
عاشت فلسطين وعاشت المقاومة
http://www.palintefada.com/arabic
http://www.palissue.com/arabic
موقع انتفاضة فلسطين - موقع القضية الفلسطينية
الكاسر
السلام عليكم
بالنسبة لطريقة تغيير استايل زر ايداع الملف فهي في وضع زر ايداع الملف فوق زر تكس وزر ضغط عادي
وتضع شفافية زر ايداع الملف صفر بحيث يصبح لايرى الزر الحقيقي
وهذا كود يوضح العملية
الكود هذا غير دقيق مع اختلاف المتصفحاتكود PHP:
<html>
<head>
<title></title>
<style>
.upload{
display: inline-block;
height: 29px;
margin: 3px;
padding: 0 8px;
background: #fff;
border: 1px solid #d9d9d9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #363636;
}
#realupload{
position: absolute;
left:10px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity:0);
z-index:2;
}
</style>
</head>
<body>
<form action="test.php" method="post" enctype="multipart/form-data">
<input class="upload" type="text" id="textupload" />
<input class="upload" type="button" value="Browse" />
<input type="file" name="fileupload" id="realupload" class="upload" onchange="this.form.textupload.value = this.value;" size="23" dir="ltr" />
<br />
<input type="submit" value="upload" class="upload" />
</form>
</body>
</html>
ولاكن توجد طريقة اخرى بواسطة جافا سكربت بحيث تجعل زر ايداع الملف مخفي ويكون تحت الماوس بالضبط وايضاً تكون شفافية زر ايداع الملف تساوي صفر وهذه الطريقة ادق من الكود السابق
تحياتي لك اتمنى اكون افدتك ولو بالقليل
لا يوجد تغيير جذري لوسم اضافة ملف
الذي تقصده لا يتم الا في حالة واحدة وهو استبداله
بفلاش اوبجت مع استخدام الجافا سكربت لاستقبال وتخزين الملف
http://www.uploadify.com
غير ذلك يتم تغيير لون التكست او الحدود فقط
__________________
Contact Me
ضوابط المشاركة
رد مع اقتباس