چگونه button با css طراحی کنیم؟

[sogol_web]

سلام من میخواستم button مانند سایت زیر با css بسازم ..
لطفا راهنمایی نمایید...
http://www.freewebsitetemplates.com/...bsitetemplate/ (http://www.freewebsitetemplates.com/preview/ecologicalwebsitetemplate/)
ممنون میشم

[iker-casillas]

سلام
هر کلیدی سه حالت داره:
1- حالتی که ماوس روی اون نیست
2- حالتی که ماوس روی کلید قرار می گیره
3- حالتی که کلیک میشه
برای هر کدوم از اینها توی css میشه یه دستور نوشت کا البته در ie6 کار نمی کنه

1) برای این حالت کد زیر رو می نویسیم:

.button{
background: url('yourAddress'); border: 1px solid #ababab;
}

2) برای حالتی که ماوس روی کلید می ره:

.button:hover{
background: url('axe halate 2');
}

3) برای حالتی که کلیک میشه:

.button:active{
background: ('axe halate3');
}


با ابن کار شما می تونید کلید دلخواه خودتون رو بسازید. تگ های فرم هم مثل همه ی تگ های دیگه هم بکگراند می گیرند هم رنگ و هم....

[sogol_web]

این تگ ها رو تا حدی متوجه میشم اگه میشه لطف کنید راجع به گذاشتن آن ها در html راهنمایی کنید..

[hamid_shrk]

عزیزم کافیه بنویسی :


<input type="button" class="button"/>

[cyrusthegreat]

دوست عزیز

متوجه نشدم. منظور شما از ساخت این دکمه ها، رنگبندیشونه؟

[Farshid007]

دوست عزیز شما باید با سلکتور المانت های html رو به css وصل کنید.

نمونه:

<p id="say">Salam</p>
CSS:

#say{
some css code here...
}

یا مثلا می تونی به المانت ها همانجا ویژگی style که همان کد های CSS هستند بدی یا سلکتور های کلاس یا سلکتور خود تگ html.
پس معلومه زیاد css بلد نیستی
پیشنهاد می کنم اول بری یه مقاله (از اینترنت یا غیره...)بگیری بعد از مطالعه مشکلاتتو اینجا بیان کنی تا اینکه اول بسم الله بیایی سوال بزاری تو این انجمن.
موفق باشید./

[Farshid007]

بازهم مشکلی بود خوشحال میشم کمکتون کنم sogol

[hamid_shrk]

پیشنهاد می کنم اول بری یه مقاله (از اینترنت یا غیره...)بگیری بعد از مطالعه مشکلاتتو اینجا بیان کنی تا اینکه اول بسم الله بیایی سوال بزاری تو این انجمن.
موفق باشید.
قوانین سایت رو مطالعه بفرمایید لطفا.
اینجا همه آزاد هستند سوالاتشون رو بپرسن و تشخیص با خودشونه که از کجا باید شروع کنند برای یادگیری.
تو همین تالار کم آموزش نیست !!!
در ضمن تاپیکی که به نتیجه رسیده دیگه ادامه دار کردنش واسه چیه من نمیدونم!!