Звания, имена, баннеры групп

[Skaiman]

Пользователь Skaiman разместил новый ресурс:

Звания, имена, баннеры групп - Настраиваем звания, ники и баннеры групп

Часто, у новичков, возникает вопрос о оформлении званий и ника пользователей. Решил сделать небольшой мануал по этому вопросу.
Первое надо зайти: «Главная» => «Настройки» => «Настройки пользователя» и настроить отображение баннеров:

Посмотреть вложение 26507

Конечно, можно по другому, если желаете, что бы отображались другие баннеры.

Теперь перейдем: «Пользователи» => «Группы пользователей» => «Список групп» выбираем нужную группу и приступаем к...

Узнать больше об этом ресурсе...

 

[Hope]

Пользователь Hope обновил ресурс Звания, имена, баннеры групп новой записью:

Анимированный фон для имени(ника) пользователей

Посмотреть вложение 26586

Анимированный фон для имени(ника) пользователей

Некоторые делают для ников анимированный фон, типа такого:
Посмотреть вложение 26525
Сделать это просто, надо в "CSS-стиль для имени пользователя" добавить фон

background: url(папка с картинкой/glitter_001.gif) no-repeat

В архиве есть несколько таких фонов

Узнать больше об этом обновлении...

 

[Hope]

Пользователь Hope обновил ресурс Звания, имена, баннеры групп новой записью:

Пример баннеров с применением стилей CSS

Пример баннеров с применением стилей CSS.

Сделаем баннеры с использованием только CSS. Как уже говорилось для этого используем "Другой, используя своё имя CSS-класса", задаем для каждой группы свой класс, а в EXTRA.css, укажем стили для этих классов:

.admin_style, .lamer_style, .moder_style, .user_style {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0,...

Узнать больше об этом обновлении...

 

[Hope]

Пользователь Hope обновил ресурс Звания, имена, баннеры групп новой записью:

Добавим эффект при наведении (hover)

Добавим эффект при наведении (hover)

Читаем выше и в EXTRA.css, к уже сделанному добавим:

.admin_style:hover, .lamer_style:hover, .moder_style:hover, .user_style:hover {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));
    color: #ccc;
    transition-duration: 0.5s;
    cursor: pointer;
}

Получим:
Посмотреть вложение 26593

Узнать больше об этом обновлении...

 

[Hope]

Пользователь Hope обновил ресурс Звания, имена, баннеры групп новой записью:

Добавим иконки Font Awesome к тексту баннера

Добавим иконки Font Awesome к тексту баннера.

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

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

, и добавить в "Текст баннера пользователя"

<i class="fa fa-graduation-cap"></i> Администратор

Получим:
Посмотреть вложение 26610 Посмотреть вложение 26611

Узнать больше об этом обновлении...

 

[Skaiman]

Пользователь Skaiman обновил ресурс Звания, имена, баннеры групп новой записью:

Всплывающая подсказка для баннера (title)

Сделаем всплывающую подсказку для баннера группы. Но надо учитывать, там ограничение на ввод символов.
Текст баннера пользователя:

<span class="Tooltip" title="Самый крутой" >Администратор</span>

Получаем:
Посмотреть вложение 26620

Узнать больше об этом обновлении...

 

[Skaiman]

Пользователь Skaiman обновил ресурс Звания, имена, баннеры групп новой записью:

Экономим количество символов в тексте баннера

В предыдущем обновлении, я написал как сделать всплывающую подсказку, но для экономии символов убрал иконку Font Awesome. Но возможно все совместить если иконку указать в стиле CSS.

.admin_style strong:before {
    font-family:'FontAwesome';
    content: "\f19d";
}

Узнать больше об этом обновлении...

 

[kaz]

Сделаем всплывающую подсказку для баннера группы.

Такая задачка: как сделать, чтобы при наведении на баннер отображалось звание пользователя в подсказке (согласно иерархии пользователей).

 

[Demon-Hell]

Я не понял код:
<img src="папка с картинкой/admin.gif/" border="0" />
Где "Папка с картинкой" а где эту папку создать на FTP ? если так то по какому пути...

 

[Skaiman]

Я не понял код:
<img src="папка с картинкой/admin.gif/" border="0" />
Где "Папка с картинкой" а где эту папку создать на FTP ? если так то по какому пути...

Да это же просто пример, картинка указана условно. Где создашь, такой путь и будет. Блин это уже вообще :)

 

[Demon-Hell]

Skaiman,
Создал по пути: /www/forhack.ru/styles/uix_dark/uix_dark/grup
Вставил в код, о картинка так и не отображается, почему?

Вот что получает
ся

 

[Skaiman]

Да от куда я знаю, что ты там вставил, хотя бы код написал, который пытаешься вставлять.

 

[Demon-Hell]

Skaiman, Делал так - <img src="/www/forhack.ru/styles/uix_dark/uix_dar/grup/admin.png/" border="0" />
И так - <img src="grup/admin.png/" border="0" />

 

[Skaiman]

:lol: адрес то надо не так писать. Полный так

http://forhack.ru/styles/uix_dark/uix_dar/grup/admin.png

Или

styles/uix_dark/uix_dar/grup/admin.png

Сайтом занимается человек пипец.

 

[Demon-Hell]

Skaiman, Так же проблема осталась

 

[Skaiman]

А проблемы так и будут, тебе надо сюда сначала

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[Demon-Hell]

Skaiman,
пздц.. да что я не так то делаю....

 

[Skaiman]

Понятия не имею, что ты делаешь не так.

 

[Exile]

Demon-Hell, начнем с этого:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

А если бы она там была, то выглядело бы так:

<img src="styles/uix_dark/uix_dar/grup/admin.png" border="0" />

Что не так было? Слеш в конце ссылки на картинку не ставится!

 

[Skaiman]

Слеш в конце ссылки на картинку не ставится

У меня в мануале описка была, признаю свою вину, все криво из за меня :) но это ж элементарные вещи