0 Пользователей и 1 Гость просматривают эту тему.
  • 14 Ответов
  • 1119 Просмотров
*

tastak87

  • Захожу иногда
  • 61
  • 0 / 2
Имею поел ввода в окне авторизации, и такое же в поиске! Но ни как не могу изменить цвет фона где поле ввода и цвет кнопки, да и вобще хотелось бы свою картинку подгрузить за место стандартной кнопки.
Что я пробовал: у меня подгружаемый фаил из шаблона, например где поля ввода логина и пароля, в самом файле index я прописал <div id="login6"> в файле CSS что мне нужно писать на изменение длины, ширены, цвета, фона, текста и прочего, я не спрашиваю какие команды мне писать, я не могу понять что мне написат ьв загаловке стиля например .login6 input { ...} или #login6 textarea {...} или мге вобще не надо было ставить <div id="login6"> а что то другое где то писать, ещё я пробовал в самом модуле написать "Суффикс CSS-класса модуля" login6 но ни чего не выходит,
и ещё вопрос по теме если всё таки в "Суффикс CSS-класса модуля" я пишу какое то значение то как мне писать в моём .css файле для него стили

 вот в общем что я не могу понять.. Помогите пожалуйста!
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Поле ввода не могу разобраться с CSS
« Ответ #1 : 17.03.2014, 14:52:09 »
если вы используете id то в качестве селектора CSS вам надо использовать решетку #login6 input . Точка используется для классов
интернет-блог: http://websiteprog.ru
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Поле ввода не могу разобраться с CSS
« Ответ #2 : 17.03.2014, 14:54:34 »
Ссылку на сайт дайте.
*

tastak87

  • Захожу иногда
  • 61
  • 0 / 2
*

tastak87

  • Захожу иногда
  • 61
  • 0 / 2
Re: Поле ввода не могу разобраться с CSS
« Ответ #4 : 17.03.2014, 15:40:10 »
если вы используете id то в качестве селектора CSS вам надо использовать решетку #login6 input . Точка используется для классов

О да спасибо помогло, но помг не совет про решетку а про инпут тоесть мне надо было писать #login6 input а я писал #login6 textarea ))
Огромное спасибо! Держите + ))
*

tastak87

  • Захожу иногда
  • 61
  • 0 / 2
Re: Поле ввода не могу разобраться с CSS
« Ответ #5 : 17.03.2014, 15:42:22 »
Но теперь ещё один вопрсо по теме! Он меняет мне и поле ввода и кнопку "ВОЙТИ" можно как то что бы и то и то менялось как я захочу, и ещё за место кнопки хочу вставить свою кнопку-картинку, как это осуществить?

А вот в поиске он изменил мне только поле ввода но кнопку не тронул, как понять?

И не много не по теме, как убрать поле Secret Key? ))
« Последнее редактирование: 17.03.2014, 15:45:55 от tastak87 »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Поле ввода не могу разобраться с CSS
« Ответ #6 : 17.03.2014, 15:44:38 »
Типа такого?
Код: css
input[type="text"],
input[type="password"] {border:none;}

#seargh form {position:relative;}

#seargh .button {
width:20px; height:20px; position:absolute; border:none; font-size:0;
right:17px; top:0;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAA70lEQVR4XpXTDwfCUBQF8BgjEBERgYgIRPQZAhERAYwYEQkIRIkIRAAIBGJERAARMRAAAhExYkSdx8Fcez2NH9x77t3/hDyc4TQFNXCglDAdHErCAkL4RDzA/TVow16FOXyAFezgxfoWrLjhMQMXKIteCa7sj+VgGgK4Q05zZUVmQshEGy1unRmeyZK5TrQ4YLFrGO7JnCq6LI4Mw6O4M1dZ9MH68TZ85vKyedTdt1oIK/ZvYMtAAZ4qwEVtqEAHTuKj2YAVt+DMgMlad29NmIMHE6hDF95iQZ9jZmqBGPZU/d8FAa+iYcrrftmsKnwBWBj1IOPL1bkAAAAASUVORK5CYII=) 3px 3px no-repeat;
}
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
*

tastak87

  • Захожу иногда
  • 61
  • 0 / 2
Re: Поле ввода не могу разобраться с CSS
« Ответ #8 : 17.03.2014, 15:47:16 »
Типа такого?
Код: css
input[type="text"],
input[type="password"] {border:none;}

#seargh form {position:relative;}

#seargh .button {
width:20px; height:20px; position:absolute; border:none; font-size:0;
right:17px; top:0;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAA70lEQVR4XpXTDwfCUBQF8BgjEBERgYgIRPQZAhERAYwYEQkIRIkIRAAIBGJERAARMRAAAhExYkSdx8Fcez2NH9x77t3/hDyc4TQFNXCglDAdHErCAkL4RDzA/TVow16FOXyAFezgxfoWrLjhMQMXKIteCa7sj+VgGgK4Q05zZUVmQshEGy1unRmeyZK5TrQ4YLFrGO7JnCq6LI4Mw6O4M1dZ9MH68TZ85vKyedTdt1oIK/ZvYMtAAZ4qwEVtqEAHTuKj2YAVt+DMgMlad29NmIMHE6hDF95iQZ9jZmqBGPZU/d8FAa+iYcrrftmsKnwBWBj1IOPL1bkAAAAASUVORK5CYII=) 3px 3px no-repeat;
}

Да спасибо то что нужно!

Только у меня кнопка уехала куда то в небеса! :)
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Поле ввода не могу разобраться с CSS
« Ответ #9 : 17.03.2014, 15:52:06 »
Да спасибо то что нужно!

Только у меня кнопка уехала куда то в небеса! :)
Потому что position:absolute;
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Поле ввода не могу разобраться с CSS
« Ответ #10 : 17.03.2014, 16:20:21 »
Не должна была уехать, у родительского блока position:relative; да и я в файрбаге делал же, ничего не улетало.
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Поле ввода не могу разобраться с CSS
« Ответ #11 : 17.03.2014, 16:43:33 »
А почему #seargh а не #search ? :)
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

zomby6888

  • Завсегдатай
  • 1473
  • 171 / 3
Re: Поле ввода не могу разобраться с CSS
« Ответ #12 : 17.03.2014, 16:49:43 »
вообще мне кажется для стилизации лучше подходит тег button, туда можно HTML запихать..
интернет-блог: http://websiteprog.ru
*

tastak87

  • Захожу иногда
  • 61
  • 0 / 2
Re: Поле ввода не могу разобраться с CSS
« Ответ #13 : 17.03.2014, 17:43:15 »
Не должна была уехать, у родительского блока position:relative; да и я в файрбаге делал же, ничего не улетало.

Я вывел кнопку куда мне надо! Но вот теперь вопрос, я не пойму, откуда этак картинка берётся? Я бы хотел сделать её другим цветом, точнее белым и немного увеличить

http://game-plugin.kz
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: Поле ввода не могу разобраться с CSS
« Ответ #14 : 17.03.2014, 19:33:59 »
Гуглите base64 data:uri
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Разобраться с цветом ссылок

Автор annetkas

Ответов: 2
Просмотров: 1306
Последний ответ 27.01.2022, 13:26:44
от annetkas
helix 3 не могу заставить работать position: sticky;

Автор platonische

Ответов: 0
Просмотров: 1144
Последний ответ 04.01.2020, 16:01:16
от platonische
Не могу вывести картинку нужно размера

Автор stonehand

Ответов: 3
Просмотров: 795
Последний ответ 22.03.2019, 21:55:29
от sivers
Разобраться с меню, нужно выставить красиво, по центру!

Автор KirillDragon

Ответов: 4
Просмотров: 1175
Последний ответ 28.02.2018, 12:49:44
от KirillDragon
[Решено] Прошу помощи - кособочит форму ввода

Автор zndm

Ответов: 3
Просмотров: 1196
Последний ответ 07.02.2017, 12:16:23
от zndm