Отдельный цвет / иконка для ника пользователя

[Dana Domirani]

Тема для вопросов по туториалу.

[Lіluna]

Там написано что нужно добавить в левую колонку виджетов...

У меня на форуме виджеты только справа (слева есть на портале).

Можно как-то обойти это правило?

[Dana Domirani]

Можно и в любой правый виджет.

[Lіluna]

спасибо.))

[Lіluna]

не срабатывает код почему-то... хочу приставить изображения к нику.

Спойлер:

[Dana Domirani]

У Вас поменялись местами имена и стили!
Имя пользователя надо прописать сюда:

a:contains('Имя пользователя')

а стиль, который ему будет присвоен - сюда:

<span class="стиль"></span>

Т.е. должно быть так:

Спойлер:

[Lіluna]

а как сделать чтоб за этой картинкой ссылка была? (при клике на ник, он у меня цитируется).
При клике на картинку должна открываться спец. тема.

[Dana Domirani]

Можно так сделать, если картинка будет не фоном, а встроенным элементом после ника.
И ссылка - должна быть не на профиль, а на конкретный ресурс/страницу, я правильно поняла?

[Lіluna]

да

[Dana Domirani]

Так. Тогда из стиля ника нужно будет удалить фон:

Код:

.user1 {
color: transparent;
padding-right: 21px;
text-shadow: 0px 0px 4px #B7A0E5;
}

а строку

Код:

jQuery("a:contains('LOLA')").wrapInner(jQuery('<span class="user1"></span>'));

заменить на:

Код:

jQuery("a:contains('LOLA')").wrapInner(jQuery('<span class="user1"></span>')).after(jQuery('<a href="http://ваша_ссылка.com/"><img src="http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif" alt="Жми!" /></a>'));

P.S. на совместимость со скриптом цитирования не проверяла - сообщите, как получится, пожалуйста!

[Кира Азо]

Спасибо, пригодилось!

[Lіluna]

Спасибо.) Пока все работает.)))

[Lіluna]

Дана, как добавить пробел перед картинкой?

И еще -

как поставить это изображение сразу над ником, по-центру, под ником?

[Dana Domirani]

Так. Относительно отступа перед картинкой. В коде ссылки, например

Код:

<a href="http://ваша_ссылка.com/"><img src="http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif" alt="Жми!" /></a>

добавьте &nbsp; (пробел) между ссылкой и картинкой

Код:

<a href="http://ваша_ссылка.com/">&nbsp;<img src="http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif" alt="Жми!" /></a>

[alexx-demko]

Dana Domirani, это для того чтобы звание было нескольких цветов как у вас?

[Lіluna]

а по второму-третьему вопросу?)

[Dana Domirani]

Dana Domirani, это для того чтобы звание было нескольких цветов как у вас?

Нет, это все касательно туториала - https://help.forum2x2.ru/forum-f87/tema-t12589.htm
(про двуцветное звание - тут https://help.forum2x2.ru/forum-f17/tema-t13063.htm#114349)

а по второму-третьему вопросу?)

Минутку, сейчас посмотрю!

[Dana Domirani]

как поставить это изображение сразу над ником, по-центру, под ником?

Для того, чтобы поставить изображение над ником, добавьте ссылке в которую оно вложено класс, например us_p1

Код:

<a href="http://ссылка.ru/" class="us_p1">

А в стили добавьте свойства для ссылки us_p1 и вложенного в нее изображения:

Код:

a .us_p1 {
position: relative; /* относительное позиционирование */
left: -30px; /* чтобы сместить ссылку влево, подберите соответствующее число*/
top:-10px;  /* чтобы сместить ссылку вверх, подберите соответствующее число*/
}
.us_p1 img {
margin-top: 10px; /* внешний отступ над картинкой, подберите соответствующее число*/
}


Если нужно поставить изображение под ником, измените свойства us_p1:

Код:

.us_p1 {
position: relative;
left: -30px; /* чтобы сместить ссылку влево, подберите соответствующее число*/
top: 15px;  /* чтобы сместить ссылку вниз, подберите соответствующее число*/
}


А чтобы поставить по центру, укажите только смещение влево:

Код:

.us_p1 {
position: relative;
left: -25px; /* подберите число, равное половине длины ника */
}

[alexx-demko]

[/quote]Нет, это все касательно туториала - https://help.forum2x2.ru/forum-f87/tema-t12589.htm
(про двуцветное звание - тут https://help.forum2x2.ru/forum-f17/tema-t13063.htm#114349)

Благодарю...

[Dana Domirani]

Пожалуйста )

[Lіluna]

спасибо, будет чем развлечь пользователей.))

[Lіluna]

Дан, как сделать чтобы эта штука убралась из навигации? (мешает возле кнопки "Выход")

[Dana Domirani]

Исхожу из того, что ссылке в предыдущем эксперименте был задан класс us_p1, а у форума движок bb2. Тогда так (добавить в CSS):

Код:

.mainmenu + .us_p1 img {
display:none;
}

- изображение, находящееся в ссылке us_p1 и идущее после пункта навигации mainmenu отображаться не будет.

[Lіluna]

не помогло

[Dana Domirani]

Исхожу из того, что ссылке в предыдущем эксперименте был задан класс us_p1

У ссылок нет данного класса! Надо добавить.