Тема: обзор (Движок DCMS-Social/Общие вопросы)

Twipas (13 Feb 2015 в 17:22)
screen

Engine (13 Feb 2015 в 17:25)
Скрываешь display: none;
И ниже указываешь картинку. Все это обернуть в label

Twipas (13 Feb 2015 в 17:26)
Engine, можешь пример показать?

Engine (13 Feb 2015 в 17:30)
<label>
<input name=\'file\' type=\'file\' style=\'display:none\'/>
<img src=\"\"> 
</label>

Twipas (13 Feb 2015 в 17:38)
Engine, вроде бы показывает картинку но я нажимаю на нее нечего не происходит.

Engine (13 Feb 2015 в 17:42)
Ну тогда делай инпут прозрачным и под него загоняй картинку

Twipas (13 Feb 2015 в 17:46)
Engine, ok, сейчас попробую
		[i]Добавлено:[/i]
		Engine, сделал так:
<?
echo \"<input name=\'file\' type=\'file\' style=\'opacity: 0;width:30px;\'/>\"; echo \'<img src=\"/style/icon/ok.png\" style=\"position:absolute;top:180px;left:90px; \">\'; 
?>
теперь просто выделяет картинку но файлы не открывает.

Engine (13 Feb 2015 в 18:16)
Поле должно быть выше картинки по оси z

Twipas (13 Feb 2015 в 18:19)
Engine, ааа понятно, а как еще можно сделать чтобы была.кнопка с надписью файл.

Engine (13 Feb 2015 в 18:25)
Хз, так попробуй 
input[type=\"file\"] {
display: none
} 
input[type=\"file\"]::before{
background: url();
// размеры задай
}

Twipas (13 Feb 2015 в 18:34)
Engine, спасибо

Источник: http://www.dcms-social.ru/forum/13/34/57625/