[помощь] кнопка
10 ответов184 просмотровСейчас просматривают: 1
· 24.01.2009, 10:54
здравствуйте)
у меня стоит ДЛЕ движок, и я пытаюсь поставить свою 3д кнопку... чтоб место обычной кнопки при регистрации
Код
<input type='submit' name='submit' value='Регистрация'>
была б моя нарисованая кнопка, я нашол код
Цитата
<a href="java script:next();" onmouseout="document.knopka.src = 'img/next1.gif'" onmouseover="document.knopka.src = 'img/next2.gif'"><img src="img/next1.gif" name="knopka" id="knopka" width="167" border="0" height="48"></a>
я его вставляю в шаблон и меняю муть к картинкам, вроде работает., но кнопка не нажимается(((( помогите пожайлусто....0
· 24.01.2009, 11:00
линк на который будет переходить, при нажатии кнопки - где? Сравнивай скрипт и смотри, где ты не дописал ссылку.
Код
<a onMouseOver="MlImageOn('ml_img_6_1')" onMouseOut="MlImageOff('ml_img_6_1')" href="index.php?do=lineage&module=registration" title="Регистрация" target="_blank" class="mainlevel" ><img src="templates/4qs/menuimages/menu_reg.png" name="ml_img_6_1" border="0" alt="Регистрация" /></a></td></tr><tr><td >
everybody lies (c)
0
· 24.01.2009, 11:15
причём тут < A > ? что за бред ... 
примеры:
Код
<input style="background-color:#ff0000" type='submit' name='submit' value="Регистрация" onClick="setstyle(style.css)">
Код
<input type="submit" value="Go" style="background: url(foo.gif) white; color: black">
Цитата
Код
<input type="submit" name="submit" value="Login" class="login" />
Код
.login
{
background-image: url('images/button.jpg');
height: 20px;
width: 96px;
border: 1px solid #666666;
font-family: Verdana;
font-size: 11px;
color: #eeeeee;
padding: 0px;
}
{
background-image: url('images/button.jpg');
height: 20px;
width: 96px;
border: 1px solid #666666;
font-family: Verdana;
font-size: 11px;
color: #eeeeee;
padding: 0px;
}
принцип понятен ?
WebDeveloper сервера DARKWORLD
0
· 24.01.2009, 14:24
нет не совсем понятен((
возможно вы меня не правильно поняли..
Я нарисовал объемную кнопку(next.gif)так же нарисовал вторую кнопку для создания эффекта "наведения курсора."(изменены тени)(next2.gif)
теперь как сделать что это похало?
Цитата
<input type="submit" name="submit" value="Login" class="login" />
здесь получается только одно изображения, и то у меян почемуто был белый квадрат (в стиль я добавил код)!
вот еще нашол инфу про скрипт только я не разобрался...
Цитата
<a href=Страница.html
ONMOUSEDOWN="document.images.but1.src='images/base3.gif'"
ONMOUSEOVER="document.images.but1.src='images/base2.gif'"
ONMOUSEOUT="document.images.but1.src='images/base1.gif'">
<img src="images/base1.gif" name=but1 border=0>
</A>
ONMOUSEDOWN="document.images.but1.src='images/base3.gif'"
ONMOUSEOVER="document.images.but1.src='images/base2.gif'"
ONMOUSEOUT="document.images.but1.src='images/base1.gif'">
<img src="images/base1.gif" name=but1 border=0>
</A>
Ну обьясняю
1 строчка там куда эта кнопка тя переносит пишеш страницу и расширение
дальше DOWN-нажатая кнопка и вся строчка посвешена ей дальше пишеш её место расположение и расширение
Дальше всё также токо OVER-наведённая и OUT-обычная
Дальше вставляется кнопка стандартная тоесть которая в обычном виде name-если несколько кнопок должно быть разное(по стандарту идут but1,2,3,4,5,6.... и т.д)и в строчках выше должно быть название данной кнопки я выделил красным смори они должны в одной кнопке быть одинаковыми
Ну вот постигай если чё пиши ЛС
0
· 24.01.2009, 19:30
ну ребята помогите с этой кнопкой плиз...
0
· 24.01.2009, 19:37
Сделай в CSS
Код
a, a:active, a:visited{
background: url(1 КАРТИНКА) no-repeat;
width:ШИРИНА;
height:ВЫСОТА;
font-family: Arial, sans-serif;
font-size: 22px;
font-weight: bold;
text-align: center;
}
a:hover{
background: url(2 КАРТИНКА) no-repeat;
width:ШИРИНА;
height:ВЫСОТА;
font-family: Arial, sans-serif;
font-size: 22px;
font-weight: bold;
text-align: center;
}
background: url(1 КАРТИНКА) no-repeat;
width:ШИРИНА;
height:ВЫСОТА;
font-family: Arial, sans-serif;
font-size: 22px;
font-weight: bold;
text-align: center;
}
a:hover{
background: url(2 КАРТИНКА) no-repeat;
width:ШИРИНА;
height:ВЫСОТА;
font-family: Arial, sans-serif;
font-size: 22px;
font-weight: bold;
text-align: center;
}
На Форуме я тоже Radar!
Я везде Radar!
0
· 24.01.2009, 20:25
а в шаблон код какой?
0
· 24.01.2009, 22:46
А если попробовать так:
В шаблоне вставить :
<div style= ... >
<input type="image" style="width:ЦИФРАpx; height:ЦИФРАpx" src="{THEME}/images/next0.gif" name="submit" class="submit" alt="Отправить" />
</div>
В стили вставить:
.submit {
background-image: url(../images/next1.png);
border: 0;
}
.submit:hover {
background-image: url(../images/next2.png);
border: 0;
}
где next1 и next2 твои картинки в свободном состоянии и при наведении мыши соответственно. А next0.gif пустое изоображение.
Вот на примере шаблон регистрации пользователя на сайте:
<script type='text/javascript'>
mytagid = Math.floor( Math.random() * 100 );
document.write("
document.close();
В шаблоне вставить :
<div style= ... >
<input type="image" style="width:ЦИФРАpx; height:ЦИФРАpx" src="{THEME}/images/next0.gif" name="submit" class="submit" alt="Отправить" />
</div>
В стили вставить:
.submit {
background-image: url(../images/next1.png);
border: 0;
}
.submit:hover {
background-image: url(../images/next2.png);
border: 0;
}
где next1 и next2 твои картинки в свободном состоянии и при наведении мыши соответственно. А next0.gif пустое изоображение.
Вот на примере шаблон регистрации пользователя на сайте:
<script type='text/javascript'>
mytagid = Math.floor( Math.random() * 100 );
document.write("
» Нажмите, чтобы показать текст - нажмите опять, чтобы скрыть... «
скрыть
");
Код
<div class="notes">
<h4>[registration]Регистрация нового пользователя[/registration][validation]Обновление профиля пользователя[/validation]</h4><br />
<table width="550" border="0" cellspacing="0" cellpadding="0">
[registration]
<tr>
<td colspan="2"><h6>Здравствуйте, уважаемый посетитель нашего сайта!</h6><br />Регистрация на нашем сайте позволит Вам быть его полноценным участником. Вы сможете добавлять новости на сайт, оставлять свои комментарии, просматривать скрытый текст и многое другое.<br /><br />В случае возникновения проблем с регистрацией, обратитесь к администратору сайта.<br /><br /></td>
</tr>
[/registration]
[validation]
<tr>
<td colspan="2"><h6>Уважаемый посетитель</h6>Ваш аккаунт был зарегистрирован на нашем сайте, однако информация о Вас является неполной, поэтому заполните дополнительные поля в Вашем профиле.<br /><br /></td>
</tr>
[/validation]
[registration]
<tr>
<td width="130" height="25">Логин:</td>
<td>
<input type="text" name="name" id='name' style="width:165px" class="f_input" />
<input style="height:18px; font-family:tahoma; font-size:11px; border:1px solid #141414; background: #444444" title="Проверить доступность логина для регистрации" onclick="CheckLogin(); return false;" type="button" value="Проверить" />
<div id='result-registration'></div>
</td>
</tr>
<tr><td width="130" height="25">Пароль:</td><td><input type="password" name="password1" class="f_input" /></td></tr>
<tr><td width="130" height="25">Повторите пароль:</td><td><input type="password" name="password2" class="f_input" /></td></tr>
<tr><td width="130" height="25">Ваш E-Mail:</td><td><input type="text" name="email" class="f_input" /></td></tr>
[sec_code]
<tr><td colspan="2" height="25"><strong>Подтверждение кода безопасности</strong></td></tr>
<tr><td width="130" height="25">Код безопасности:</td><td>{reg_code}</td></tr>
<tr><td width="130" height="25">Введите код:</td><td><input type="text" name="sec_code" style="width:115px" class="f_input" /></td></tr>
[/sec_code]
[/registration]
[validation]
<tr><td width="120" height="25">Ваше Имя:</td><td><input type="text" name="fullname" class="f_input" /></td></tr>
<tr><td width="120" height="25"><nobr>Место жительства: </nobr></td><td><input type="text" name="land" class="f_input" /></td></tr>
<tr><td width="120" height="25">Номер ICQ:</td><td><input type="text" name="icq" class="f_input" /></td></tr>
<tr><td width="120" height="25">Фото:</td><td><input type="file" name="image" style="width:304px; height:18px" class="f_input" /></td></tr>
<tr><td width="120" height="25">О себе:</td><td><textarea name="info" style="width:320px; height:70px" class="f_textarea" /></textarea></td></tr>
{xfields}
[/validation]
<tr>
<td width="120" height="25"> </td>
<td>
<div style="padding-top:2px; padding-left:0px;">
<input type="image" style="width:80px; height:20px" src="{THEME}/images/submit_blank.gif" name="submit" class="submit" alt="Отправить" />
</div>
</td>
</tr>
</table>
</div>
<h4>[registration]Регистрация нового пользователя[/registration][validation]Обновление профиля пользователя[/validation]</h4><br />
<table width="550" border="0" cellspacing="0" cellpadding="0">
[registration]
<tr>
<td colspan="2"><h6>Здравствуйте, уважаемый посетитель нашего сайта!</h6><br />Регистрация на нашем сайте позволит Вам быть его полноценным участником. Вы сможете добавлять новости на сайт, оставлять свои комментарии, просматривать скрытый текст и многое другое.<br /><br />В случае возникновения проблем с регистрацией, обратитесь к администратору сайта.<br /><br /></td>
</tr>
[/registration]
[validation]
<tr>
<td colspan="2"><h6>Уважаемый посетитель</h6>Ваш аккаунт был зарегистрирован на нашем сайте, однако информация о Вас является неполной, поэтому заполните дополнительные поля в Вашем профиле.<br /><br /></td>
</tr>
[/validation]
[registration]
<tr>
<td width="130" height="25">Логин:</td>
<td>
<input type="text" name="name" id='name' style="width:165px" class="f_input" />
<input style="height:18px; font-family:tahoma; font-size:11px; border:1px solid #141414; background: #444444" title="Проверить доступность логина для регистрации" onclick="CheckLogin(); return false;" type="button" value="Проверить" />
<div id='result-registration'></div>
</td>
</tr>
<tr><td width="130" height="25">Пароль:</td><td><input type="password" name="password1" class="f_input" /></td></tr>
<tr><td width="130" height="25">Повторите пароль:</td><td><input type="password" name="password2" class="f_input" /></td></tr>
<tr><td width="130" height="25">Ваш E-Mail:</td><td><input type="text" name="email" class="f_input" /></td></tr>
[sec_code]
<tr><td colspan="2" height="25"><strong>Подтверждение кода безопасности</strong></td></tr>
<tr><td width="130" height="25">Код безопасности:</td><td>{reg_code}</td></tr>
<tr><td width="130" height="25">Введите код:</td><td><input type="text" name="sec_code" style="width:115px" class="f_input" /></td></tr>
[/sec_code]
[/registration]
[validation]
<tr><td width="120" height="25">Ваше Имя:</td><td><input type="text" name="fullname" class="f_input" /></td></tr>
<tr><td width="120" height="25"><nobr>Место жительства: </nobr></td><td><input type="text" name="land" class="f_input" /></td></tr>
<tr><td width="120" height="25">Номер ICQ:</td><td><input type="text" name="icq" class="f_input" /></td></tr>
<tr><td width="120" height="25">Фото:</td><td><input type="file" name="image" style="width:304px; height:18px" class="f_input" /></td></tr>
<tr><td width="120" height="25">О себе:</td><td><textarea name="info" style="width:320px; height:70px" class="f_textarea" /></textarea></td></tr>
{xfields}
[/validation]
<tr>
<td width="120" height="25"> </td>
<td>
<div style="padding-top:2px; padding-left:0px;">
<input type="image" style="width:80px; height:20px" src="{THEME}/images/submit_blank.gif" name="submit" class="submit" alt="Отправить" />
</div>
</td>
</tr>
</table>
</div>
скрыть
document.close();
0
· 25.01.2009, 02:05
ToPoR: а в шаблон код какой?
А в шаблон... проще (чем тебя научить с нуля) самому сделать) так что либо в Асю! Либо выкладывай index.tpl с кодом кнопок!
На Форуме я тоже Radar!
Я везде Radar!
0
· 25.01.2009, 07:11
dikiyobraz да спс помогло, но там надо было не пустое изображения, а next0.gif сохранить пустое прозрачное!!!
0
Тема закрыта для ответов