Просмотр полной версии : Как сделать кнопку??
Как в HTML вставить в фотошопе нарисованную кнопку???
Например так, с использованием CSS
HTML
<INPUT type="submit" value=" " 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" />
На 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;}
Беки всех состояний кнопки делай на одном файле.
chapay89, а зачем такой сложный код то? можно просто на НТМЛе
Есть картинка в виде конверта
<img src="img/email.gif">
как из нее сделать кнопку и вставить тэг title?
Попытался сделать так.
<A Href="mailto:
[email protected]" title="Послать письмо"<img src="img/email.gif"></A>
<A Href="mailto:
[email protected]" title="Послать письмо"><img src="img/email.gif"></A>
Забыли ">"
У меня так
ХТМЛ
<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;
}
забыл картинку из фотошопа вывести)
В фотошопе - Save For Web.
В HTML и без JS - <input type="image" src="..." width="..." height="...">
Код кнопки с сылкой
<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/
http://onservis.ru/cooltext-knopki-online.html
В догонку ко всему вышесказанному, вот тут есть отличные примеры различных кнопок и анимаций к ним.
Раз (http://tympanus.net/Development/ButtonStylesInspiration/) два (http://tympanus.net/Development/CreativeButtons/)
<input type="button" id="btn" value="Кнопка">
где тип можно также вставить submit, еще можно создать кнопку так
<button id="btn"></button>
css
#btn{
background:url('путь к картинке');
width:ширина в пикселях;
height:высота в пикселях
}
vBulletin® v3.8.9, Copyright ©2000-2026, vBulletin Solutions, Inc.