ОсновноеRadiotalkПользовательское
MPCHAT - CMS хостинг чатов для профессионалов
90   •   Посмотреть все темы

кнопки

 

160
Daniel @Daniel
Я про кнопки пользователи

2970
удалён @Foggy
я тебя не понимать. Ты хочешь какой класс прописать в стили ?

241
Шмельной @Шмель
Люди а как в гугле вместо стандарта выбора картинок в чат через кнопку"выберите файл" заменить просто на картинку место ее?

4619
Web3r @Web3r
Шмель пишет:

Люди а как в гугле вместо стандарта выбора картинок в чат через кнопку"выберите файл" заменить просто на картинку место ее?

Либо через Jquery, либо задать ей точный размер через CSS, а сверху наложить такой background, который ты хочешь.

241
Шмельной @Шмель
Weber, тоесть через class?

отображает вот так


может что не так в стилях прописал? .ok777 {background: url(СЫЛКА НА РИСУНОК);width:50px;height: 50px;}

Отредактировано Шмель - 18.03.2012
4619
Web3r @Web3r
Шмель, фактически да.

У нас есть код: <input name="loadfile" type="file">... Добавляем к нему class: <input name="loadfile" type="file" class="load_file">... Выносим класс в style.css:
.load_file{width:Npx;height:Npx;background:#color} - Это, скажем так, базовые установки. Нам же надо заменить его какой-либо картинкой. Тогда придется обрамить его дополнительными тегами:
<div class="load_file_fix"><input name="loadfile" type="file" class="load_file"></div>, в CSS соответственно:
.load_file{width:Npx;height:Npx;background:#color}
.load_file_fix{display:inline;z-index:2;width:Npx;height:Npx;background:url("...") no-repeat}
Чтобы казалось, что инпат - картинка, нужно просто поместить поверх него блок такой же высоты и ширины, как и сам инпат. На блоке соответственно задан background и z-index:2, то бишь слой, который будет идти выше. Примерно такое решение. 😀

Отредактировано Web3r - 18.03.2012
549
PlumLi @PlumLi
я делаю так:
<button type="submit"><img src="ссылка на картинку" /></button>

а в стилях добавляю:
form button {
padding:0;
border:none;
background:transparent;
}
form button img{
display:block;
}

241
Шмельной @Шмель
PlumLi, попробывал, картинка есть, но не работает
Weber, работает но картинка по прежнему вперемешку со стандартом

241
Шмельной @Шмель
PlumLi, сделал как ты указал, кнопка отображаеться картинкой, но только она не открываеться

549
PlumLi @PlumLi
аа, тебе на загрузку нужно кнопку.. тогда как пишет Вебер

Отредактировано PlumLi - 18.03.2012
2615
Сергей @Pegass
//css
.file_input_hidden{font-size:60px;position: absolute;right: 0px;top: 0px;opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;}
.file_button
{
position: relative;
display: inline-block;
width: 48px;
height: 48px;
overflow: hidden;
background: url('http://ajaxuploader.com/images/upload.gif');
}

//html
<div class="file_button">
<input type="file" id="file" name=loadfile class="file_input_hidden"/>
</div>

ЗЫ только тссс

Отредактировано Pegass - 18.03.2012
241
Шмельной @Шмель
Сделал подобное с кнопкой привата, не убирает приват (

<div class="file_button3">
<input type="button" class="file_input_hidden3" name="" onclick="parent.privatok^=1;parent.do_privat();parent.loadframes();"/></div>

596
Сергей @Князь_Пипецкий
<input type="button" class="ok" name="" value="Откл.приват" title="Закрыть приват" onclick="parent.privatok^=1;parent.do_privat();"/>

у меня так приват прячется

2615
Сергей @Pegass
Шмель пишет:

Сделал подобное с кнопкой привата, не убирает приват (

<div class="file_button3">
<input type="button" class="file_input_hidden3" name="" onclick="parent.privatok^=1;parent.do_privat();parent.loadframes();"/></div>


А на кой чёрт тут такие извраты?
<img onclick='parent.privatok^=1;parent.do_privat();parent.loadframes();' src='ССЫЛКА НА КАРТИНКУ'/>
и всё

ЗЫ не понятно нафига тут фрейм перезагружать - красное можно убрать

Отредактировано Pegass - 20.03.2012
1007
BETEPAH @BETEPAH
Pegass пишет:

ЗЫ не понятно нафига тут фрейм перезагружать - красное можно убрать

Фрейм перезагружается, чтоб уже написанные сообщения после включения попали в приватный блок, а после выключения перенеслись в общий лог. Если, конечно, в настройках стоит "показывать n последних сообщений".

241
Шмельной @Шмель
А такими видами кнопок из действий выводить картинками возможно?
document.write("<option value='/call '>вызвать");
if(parent.alerter[parent.mynick]) document.write("<option value='/alert '>алерт-вызов");

4619
Web3r @Web3r
<input type="image" src="..." onclick="cmd.value='/call ';"> или
<img src="..." onclick="cmd.value='/call ';" alt="">

270
Чатикеру @Чатикеру
подскажите пожалуйста как можно изменить на кнопку картинку например
нажимаешь становится





<input type="checkbox" id="sound" onclick="playSound(1); if(!this.checked) playSound(0);" title="Звук на сообщения" />
<input type=checkbox onclick="document.fmsg.text0.focus();if(this.checked) {parent.use_gn=1;parent.loadframes();} else {parent.use_gn=0;parent.loadframes();}" checked title="Вкл-выкл графические ники">
<input type=button onclick="document.fmsg.text0.value='';document.fmsg.text0.focus();" value='X' class=oad>

1007
BETEPAH @BETEPAH
Чатике.ру пишет:

подскажите пожалуйста как можно изменить на кнопку картинку например ********** нажимаешь становится **********
<input type="checkbox" id="sound" onclick="playSound(1); if(!this.checked) playSound(0);" title="Звук на сообщения" />
<input type=checkbox onclick="document.fmsg.text0.focus();if(this.checked) {parent.use_gn=1;parent.loadframes();} else {parent.use_gn=0;parent.loadframes();}" checked title="Вкл-выкл графические ники">
<input type=button onclick="document.fmsg.text0.value='';document.fmsg.text0.focus();" value='X' class=oad>

Не знаю, каково содержимое вашей функции playSound, но у меня примерно так сделано:
<img src="http://imgs.su/tmp/2012-05-05/1336216778-668.jpg" width="32" height="32" border="0" title="Вкл-выкл звук на сообщения" onclick="if(parent.zvukno == 0) {parent.zvukno = 1; this.src = 'http://imgs.su/tmp/2012-05-05/1336216778-668.jpg'} else {parent.zvukno = 0; this.src = 'http://imgs.su/tmp/2012-05-05/1336216740-668.jpg'}" />