كيف اخلي الزر هذا لونه صورة ؟

[DESIGN-1983]

السلام عليكم ورحمة الله وبركاته

كيف اخلي الزر هذا لونه صورة ؟

<input type="submit" value="Submit" name="B1">

وشكرا

[أحمد عبدالمنعم]

وعليكم السلام ورحمه الله ..

عن طريق css ستضيف فئه جديدة class تحتوى على أمر لوضع الخلفية صورة بالشكل التالي :

.bg { background-image: url(img.gif); }

ويمكنك وضع حدود له لو اضفته بالشكل التالي :

.bg { 
background-image: url(img.gif); 
border: 1px solid #000;
}

ومن ثم تضيفها الى الزر هكذا :

<input class="bg" type="submit" value="Submit" name="B1">

مع التحيه ،

[DESIGN-1983]

مرحبا بك أخي ca2oom ،،
تمام 100%، حبيت أسألك لما تكتب أوامر الــ css تكتبها يدوي ولا تكون حافظها بمستند مثلا ؟
أنا سويتها بالطريقة التالية:

<style>
.bg { background-image: url(body-1.jpg); 
font-family: "tahoma"; font-size: 12pt; color: #FFFFFF;
}
</style>
<input class="bg" type="submit" value="send now" name="B1">

عندي سؤال آخر
في فرق بين انا نكتب

<style type="text/css">

أو

<style>

ولا عادي ؟

وشكرا لك مره أخرى
تحياتي لك ..

[أحمد عبدالمنعم]

مرحبااا

يفضل ان تكتب جميع تعاريف css في ملف منفصل ومن ثم تربطها بالصفحة فقط
حتى تتمكن بعد ذلك من التعديل بسهولة وبدون الرجوع الى المحتوى تابع هنــــا

إفتح ملف جديد في الـ Notepad وإكتب بداخله مباشرة المعرّفات والأوامر ومن ثم أحفظة بإمتداد css وبأي اسم تريدة .. ثم بأول الصفحه وبعد الـ title تضع هذا الكود مع تغير المسار الى الملف

<link href="css/style.css" rel="stylesheet" type="text/css" />

وسؤالك الثاني ـ نعم هناك فرق والصحيح ان تحدد الـ type للوسم بهذا الشكل ـ حتى لا تظهر لك أخطاء للمعايير القياسية ..

<style type="text/css">

تحيتي

[DESIGN-1983]

شكرا لك أفدتني كتير أتمنى لك التوفيق أخي الكريم.