Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Страница 1 из 3 1, 2, 3  Следующий

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Dana Domirani в Сб 9 Окт - 3:25

Тема для вопросов по туториалу.
avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Чт 28 Окт - 23:11

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

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

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

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Чт 28 Окт - 23:21

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Чт 28 Окт - 23:30

спасибо.))
avatar
Lіluna
 

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Чт 28 Окт - 23:47

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



Спойлер:
Код:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' charset='windows-1251'>
jQuery(document).ready(function(){
jQuery("a:contains('Ник1')").wrapInner(jQuery('<span class="LOLA"></span>'));
jQuery("a:contains('Ник2')").wrapInner(jQuery('<span class="Bot"></span>'));
jQuery("a:contains('Ник3')").wrapInner(jQuery('<span class="katarinka"></span>'));
jQuery("a:contains('Ник3')").wrapInner(jQuery('<span class="Lerz"></span>'));
jQuery("a:contains('Ник3')").wrapInner(jQuery('<span class="Вл@дислав"></span>'));
});
</script>




<style type="text/css">
.user1 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #B7A0E5;
}
.user2 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #DDA0DD;
}
.user3 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #F4A460;
}
.user4 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #F4A460;
}
.user5 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #F4A460;
}
</style>
avatar
Lіluna
 

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пт 29 Окт - 0:11

У Вас поменялись местами имена и стили!
Имя пользователя надо прописать сюда:
a:contains('Имя пользователя')
а стиль, который ему будет присвоен - сюда:
<span class="стиль"></span>
Т.е. должно быть так:
Спойлер:
Код:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' charset='windows-1251'>
jQuery(document).ready(function(){
jQuery("a:contains('LOLA')").wrapInner(jQuery('<span class="user1"></span>'));
jQuery("a:contains('Bot')").wrapInner(jQuery('<span class="user1"></span>'));
jQuery("a:contains('katarinka')").wrapInner(jQuery('<span class="user3"></span>'));
jQuery("a:contains('Lerz')").wrapInner(jQuery('<span class="user4"></span>'));
jQuery("a:contains('Вл@дислав')").wrapInner(jQuery('<span class="user5"></span>'));
});
</script>

<style type="text/css">
.user1 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #B7A0E5;
}
.user2 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #DDA0DD;
}
.user3 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #F4A460;
}
.user4 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #F4A460;
}
.user5 {
color: transparent;
padding-right: 21px;
background: transparent url('http://r15.imgfast.net/users/1511/71/24/93/album/more10.gif') no-repeat center right;
text-shadow: 0px 0px 4px #F4A460;
}
</style>



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Пт 29 Окт - 0:47

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

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пт 29 Окт - 0:55

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Пт 29 Окт - 0:59

да
avatar
Lіluna
 

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пт 29 Окт - 1:22

Так. Тогда из стиля ника нужно будет удалить фон:
Код:
.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. на совместимость со скриптом цитирования не проверяла - сообщите, как получится, пожалуйста!



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Кира Азо в Вс 31 Окт - 18:57

Спасибо, пригодилось! 22
avatar
Кира Азо
Новичок

Женщина

Сообщения : 12
Возраст : 32
Регистрация : 2009-12-14
Благодарности : 5

Без предупреждений

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Сб 6 Ноя - 14:51

Спасибо.) Пока все работает.)))
avatar
Lіluna
 

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Сб 6 Ноя - 14:59

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

И еще -

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

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Сб 6 Ноя - 17:24

Так. Относительно отступа перед картинкой. В коде ссылки, например
Код:
<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>



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор alexx-demko в Сб 6 Ноя - 17:30

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

Мужчина

Сообщения : 243
Возраст : 31
Регистрация : 2010-10-31
Благодарности : 4

Без предупреждений

http://krasn-zoo.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Сб 6 Ноя - 17:32

а по второму-третьему вопросу?)
avatar
Lіluna
 

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Сб 6 Ноя - 17:50

Dana Domirani, это для того чтобы звание было нескольких цветов как у вас?
Нет, это все касательно туториала - http://help.forum2x2.ru/forum-f87/tema-t12589.htm
(про двуцветное звание - тут http://help.forum2x2.ru/forum-f17/tema-t13063.htm#114349)

а по второму-третьему вопросу?)
Минутку, сейчас посмотрю!



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Сб 6 Ноя - 20:07

как поставить это изображение сразу над ником, по-центру, под ником?
Для того, чтобы поставить изображение над ником, добавьте ссылке в которую оно вложено класс, например 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; /* подберите число, равное половине длины ника */
}



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор alexx-demko в Вс 7 Ноя - 2:04

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

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

avatar
alexx-demko
 

Мужчина

Сообщения : 243
Возраст : 31
Регистрация : 2010-10-31
Благодарности : 4

Без предупреждений

http://krasn-zoo.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вс 7 Ноя - 2:04

Пожалуйста )



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Вс 7 Ноя - 9:54

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

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Вс 7 Ноя - 10:16

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

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вс 7 Ноя - 13:10

Исхожу из того, что ссылке в предыдущем эксперименте был задан класс us_p1, а у форума движок bb2. Тогда так (добавить в CSS):
Код:
.mainmenu + .us_p1 img {
display:none;
}
- изображение, находящееся в ссылке us_p1 и идущее после пункта навигации mainmenu отображаться не будет.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Lіluna в Вс 7 Ноя - 18:08

не помогло
avatar
Lіluna
 

Женщина

Сообщения : 173
Регистрация : 2010-07-28
Благодарности : 21

1 предупреждение

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Вс 7 Ноя - 18:25

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



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор bizkom в Пн 8 Ноя - 14:54

Помогите, плиз

Надо изменить цвет пользователю
У этого пользователя модераторские права в 1 разделе. Надо, чтобы он был не цвета модераторов, а другого цвета.
Вставила код, но он все равно зеленый, как модератор

Код:
<script type='text/javascript' charset='windows-1251'>
jQuery(document).ready(function(){
jQuery("a span:contains('Дарьяна')").wrapInner(jQuery('<span class="user1"></span>'));
});
</script>
<style type="text/css">
.user1 {
color: #A832A8;
}
</style>

http://legavyedv.privetbb.ru

bizkom
 

Женщина

Сообщения : 94
Возраст : 50
Регистрация : 2008-08-24
Благодарности : 2

Без предупреждений

http://legavyedv.privetbb.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пн 8 Ноя - 15:15

А Дарьяна уже состоит в группе модераторов? Она не отображается зеленым. Попробуйте использовать первый вариант кода.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор bizkom в Пн 8 Ноя - 15:21

Ее нет в группе модераторов. У нее другая группа. Но у этой группы модераторские права в 1 разделе. И она становится зеленой по умолчанию....
Ушла спать видимо Дарьяна, не могу уже проверить.

bizkom
 

Женщина

Сообщения : 94
Возраст : 50
Регистрация : 2008-08-24
Благодарности : 2

Без предупреждений

http://legavyedv.privetbb.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Пн 8 Ноя - 15:25

Почему? Ее присутствие в онлайне не требуется.



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22443
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 9045

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор bizkom в Пн 8 Ноя - 15:29

В списке побывавших у меня на форуме все одного цвета...почему-то
Это можно изменить?


Последний раз редактировалось: bizkom (Пн 8 Ноя - 15:32), всего редактировалось 1 раз(а)

bizkom
 

Женщина

Сообщения : 94
Возраст : 50
Регистрация : 2008-08-24
Благодарности : 2

Без предупреждений

http://legavyedv.privetbb.ru

Вернуться к началу Перейти вниз

Страница 1 из 3 1, 2, 3  Следующий

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения