Домой Wp-Recall WP-Recall: Вопросы и ответы Как вставить в плейсхолдер произвольного поля fontawesome иконку и красную* ?
14ответ(ов) в теме
dydaevskiy
не в сети 3 года
На сайте с 26.04.2016
Участник
Тем 30
Сообщения 162
1
14:20

Собственно сам вопрос -Как вставить в плейсхолдер произвольного поля fontawesome иконку и красную* ?

0
Вова (Otshelnik-Fm)
не в сети 14 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
2
14:24

Где он?

0
dydaevskiy
не в сети 3 года
На сайте с 26.04.2016
Участник
Тем 30
Сообщения 162
3
14:29

Otshelnik-Fm сказал(а)

Где он?

Вот:

Вы не можете просматривать опубликованные ссылки
0
dydaevskiy
не в сети 3 года
На сайте с 26.04.2016
Участник
Тем 30
Сообщения 162
4
14:35

dydaevskiy сказал(а)

Собственно сам вопрос -Как вставить в плейсхолдер произвольного поля fontawesome иконку и красную* ?

Сори, малехо не правильно задал вопрос, исправляюсь:
-Как вставить в плейсхолдер произвольного поля профиля пользователя fontawesome иконку и красную* ?

0
Вова (Otshelnik-Fm)
не в сети 14 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
5
14:35

ок. иконку туда не впишешь - т.к. иконка fontawesome это class. Вписывать такое не позволяет спецификация

Вы не можете просматривать опубликованные ссылки

Стилизовать отдельно * она же не позволяет

0
dydaevskiy
не в сети 3 года
На сайте с 26.04.2016
Участник
Тем 30
Сообщения 162
6
14:41

Хреново (.
Спасибо за ответ.

0
Вова (Otshelnik-Fm)
не в сети 14 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
7
14:52

Но в конкретном случае можно сделать так

Вы не можете просматривать опубликованные ссылки

Но тут надо вычислить порядок элемента через :nth-child() и применить псевдоэлементы до и после

И в контент вставить иконку fontawesome в unicode (указана на ее странице) указать семейство шрифта и стилизовать по вкусу

Но повторюсь - четко надо привязывать к месту использования - т.к. в подробной информации может идти по одному порядковому номеру, в блоке автора по другому, в форме регистрации по еще одному. Частный случай - но как хак можно попробовать

1
dydaevskiy
не в сети 3 года
На сайте с 26.04.2016
Участник
Тем 30
Сообщения 162
8
15:19

Спасибо буду пробовать! )

0
dydaevskiy
не в сети 3 года
На сайте с 26.04.2016
Участник
Тем 30
Сообщения 162
9
00:56

Я сделал по другому, в wp-recallcss
egform.css
Изменил стиль (отключил bох shadow)

/* START общие для полей*/
.panel_lk_recall .rcl-field-input select,
.panel_lk_recall .form-tab-rcl  textarea,
.panel_lk_recall .form-tab-rcl input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]) {
    background: #F2F2F2;
    border: 1px solid rgba(0, 0, 0, 0.03);
	border-radius: 0;
	/* box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.05) inset; */
    box-sizing: border-box;
    color: #303030;
    display: block;
	font-family: Verdana,Tahoma,sans-serif;
    font-size: 15px;
    font-weight: 300;
	height: auto;
	line-height: normal;
    margin: 5px auto;
	max-width: none;
	outline: none;
	text-transform: none;
    width: 100%;
	/* -webkit-box-shadow: 0 0 0px 1000px #F2F2F2 inset !important; */ /* chrome banana fix */
}

Подготовил изображение:

Вы не можете просматривать опубликованные ссылки

И при помощи плагина rt-custom-css-page-and-post на странице для регистрации добавил данные стили:

/*Скрытие Lable wp-recall*/
div.form-block-rcl>label {
    display: none;
}

/* Звездочки в обязательных для заполнения формах */
input#imya_29, input#familiya_39, input#nazvanie_kompanii_59, input#dolzhnost_11 {
    background: #F2F2F2 url(http://test.cofe-code.net.ua/zvezda.png) repeat-y right bottom;
}

Все работает.

0
dydaevskiy
не в сети 3 года
На сайте с 26.04.2016
Участник
Тем 30
Сообщения 162
10
01:07

Только есть один момент (который только что всплыл), как сделать что бы при вводе текста изображение из background не исчезало?

0
Вова (Otshelnik-Fm)
не в сети 14 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
11
11:28

Вы покажите живой пример - где эта форма, посмотрю может что придумаю.

1
dydaevskiy
не в сети 3 года
На сайте с 26.04.2016
Участник
Тем 30
Сообщения 162
12
17:15

Otshelnik-Fm сказал(а)

Вы покажите живой пример - где эта форма, посмотрю может что придумаю.

Вот:

Вы не можете просматривать опубликованные ссылки
0
Вова (Otshelnik-Fm)
не в сети 14 часов
На сайте с 27.01.2013
Участник
Тем 43
Сообщения 18654
13
18:01

input#imya_29:focus {
    box-shadow: none !important;
}

- ну и всем остальным классам что через запятую там у вас идут

1
dydaevskiy
не в сети 3 года
На сайте с 26.04.2016
Участник
Тем 30
Сообщения 162
14
18:18

Otshelnik-Fm сказал(а)

input#imya_29:focus {
    box-shadow: none !important;
}

- ну и всем остальным классам что через запятую там у вас идут

О чудо... )))
Благодарю!!!

0
Тема закрыта. Публикация новых сообщений запрещена.