PDA

Просмотр полной версии : Как сделать кнопку??


Bloomer
09.11.2009, 15:04
Как в HTML вставить в фотошопе нарисованную кнопку???

errante
09.11.2009, 20:08
Например так, с использованием CSS

HTML
<INPUT type="submit" value="&nbsp;" class="go">

CSS
input.go {background:url(knopka.gif);

Alekcher
12.12.2009, 21:55
<a href="адрес сайта"><img src="адрес картинки"></a>

masterxxx
04.01.2010, 11:37
<input type="image" src="/images/graphics/image.gif" value="Submit" size="32,32" border="0" />

Bodink
19.12.2010, 11:54
На HTML
<input id="btn" type="button" onClick="javascript:goNext()" value="Следующий" />

Но тут нужно Java поддержка
вот:function goNext(e){
var pts=(eval('rArray'+itemSelected+'['+(cnt)+']'));
if (pts) points=points+Number(pts);
if ((cnt+1)==qArray.length) {
checkResults();
return;
Это может быть использовано для теста допустим

chapay89
05.06.2011, 21:31
просто.
input.go {background:url(knopka.gif) no-repeat; border:0; width:..; Height:...; }
input.go:hover {background-position:bottom;}
Беки всех состояний кнопки делай на одном файле.

Unlover
24.08.2011, 21:41
chapay89, а зачем такой сложный код то? можно просто на НТМЛе

Celt
09.12.2012, 01:22
Есть картинка в виде конверта
<img src="img/email.gif">
как из нее сделать кнопку и вставить тэг title?

Попытался сделать так.
<A Href="mailto:[email protected]" title="Послать письмо"<img src="img/email.gif"></A>

zss
09.12.2012, 18:42
<A Href="mailto:[email protected]" title="Послать письмо"><img src="img/email.gif"></A>
Забыли ">"

solvisk
12.03.2014, 08:31
У меня так

ХТМЛ

<div class="right"><a href="путь куда отравиться по нажатию" class="button">текст кнопки</a></div>

цсс

.buttons {
background: #FFFFFF;
border: 1px solid #EEEEEE;
overflow: auto;
padding: 6px;
margin-bottom: 20px;
}
.buttons .left {
float: left;
text-align: left;
}
.buttons .right {
float: right;
text-align: right;
}

Metty
16.03.2014, 14:24
забыл картинку из фотошопа вывести)

p306ec
30.05.2014, 17:07
В фотошопе - Save For Web.

В HTML и без JS - <input type="image" src="..." width="..." height="...">

doom48
18.01.2015, 14:53
Код кнопки с сылкой

<a href="disсography.html">
<img src="picture/1.png" border="0" onmouseover="this.src='picture/2.png" onmouseout="this.src='picture/1.png"/></a>

В Фотошопе можно не мучиться, есть онлайн-сервис для этого
http://cooltext.com/

vovacc
26.01.2015, 23:00
http://onservis.ru/cooltext-knopki-online.html

tugo
07.03.2015, 15:33
В догонку ко всему вышесказанному, вот тут есть отличные примеры различных кнопок и анимаций к ним.
Раз (http://tympanus.net/Development/ButtonStylesInspiration/) два (http://tympanus.net/Development/CreativeButtons/)

webmit
05.09.2016, 09:03
<input type="button" id="btn" value="Кнопка">
где тип можно также вставить submit, еще можно создать кнопку так
<button id="btn"></button>
css
#btn{
background:url('путь к картинке');
width:ширина в пикселях;
height:высота в пикселях
}