1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

CSS стиль для имени пользователя

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем PalSecam, 24 дек 2010.

Загрузка
  1. PalSecam

    PalSecam Барахлюш

    Регистрация:
    05.11.10
    Сообщения:
    94
    Симпатии:
    32
    Версия XF:
    1.1.0 Final
    В группах есть вкладка CSS стиль для имени пользователя: т.е. можно использовать картинку. Как пишется этот HTML правильно?
    Код:
    background-image: url(путь к файлу) | none
    не работает.
     
  2. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    background: url('путь') no-repeat;
    Проверяйте правильно ли ввели путь к файлу.

    P.S. это не html, это css.
     
    PalSecam нравится это.
  3. PalSecam

    PalSecam Барахлюш

    Регистрация:
    05.11.10
    Сообщения:
    94
    Симпатии:
    32
    Версия XF:
    1.1.0 Final
    Получается немножко вот так: Снимок.JPG
     
  4. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Так всё правильно. Вы задали задний фон, вот он и появился.
     
    PalSecam нравится это.
  5. PalSecam

    PalSecam Барахлюш

    Регистрация:
    05.11.10
    Сообщения:
    94
    Симпатии:
    32
    Версия XF:
    1.1.0 Final
    хм..мм
    - Простите, подскажите пожалуйста, как тогда правильно прописать CSS или, что нужно сделать, что б картинка была на переднем фоне!
     
  6. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Никак. У этого элемента нет хэлпера, вам придётся ковырять шаблоны, что потом может негативно сказаться на обновлении.

    Background - задний фон.
     
    PalSecam нравится это.
  7. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    А в чем смысл? Как пользователи будут видеть ник пользователя в таком случае?
     
    PalSecam и CyberAP нравится это.
  8. PalSecam

    PalSecam Барахлюш

    Регистрация:
    05.11.10
    Сообщения:
    94
    Симпатии:
    32
    Версия XF:
    1.1.0 Final
    В этом был и вопрос.. для чего нужно это Снимок.JPG ?
     
  9. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Чтобы администраторов красным цветом выделять ;)
     
    PalSecam нравится это.
  10. PalSecam

    PalSecam Барахлюш

    Регистрация:
    05.11.10
    Сообщения:
    94
    Симпатии:
    32
    Версия XF:
    1.1.0 Final
    Цель вопроса и в общем темы была такова: Снимок.JPG
     
  11. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Это немного другое, статус пользователя по идее. Хотя можно и через CSS сделать. Изображение фоном, выравнивание слева-снизу. Также отступ снизу добавить. Примерно так:
    Код:
    .messageUserBlock a.username {
      padding-bottom: 20px;
      background:transparent url('image.gif') no-repeat bottom left;
    }
     
    PalSecam нравится это.
  12. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Фишка то в том, что это изображение будет показываться у всех юзеров.
    Надо именно в css параметрах для группы администраторов задать этот отступ и задний фон.
    Правда минус то что внизу будет дублироваться надпись текстом, это можно решить отрицательным margin-bottom
     
    PalSecam нравится это.
  13. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Ну вообще-то в первом сообщении именно про группы и говорится.
    Кстати, добавляется новый тэг span в коде:
    Код:
    <a rich="true" itemprop="name" class="username" href="members/romchik%C2%AE.2/"><span class="style3">Romchik&reg;</span></a>
    Какая надпись?
     
    PalSecam нравится это.
  14. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    <em class="userTitle" itemprop="title">Вот эта</em>
     
    PalSecam нравится это.
  15. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    А, ну почему сразу дублироваться? Может на картинке совсем другой текст будет :)
    Плюс отрицательные значения - это почти всегда зло. Лучше просто спрятать через display или visibility свойства.
     
    PalSecam нравится это.
  16. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Ещё есть 2 варианта решения: узнать каким-либо образом что это ранг именно администратора и задать одно из свойств: text-indent:9999px; или color: rgba(0,0,0,0) и применить задний фон. Второй вариант лучше так как текст можно будет выделить.

    Черт, прошлое сообщение удалилось из-за бага в аддоне склейки постов.
     
  17. Massa

    Massa Местный

    Регистрация:
    04.12.10
    Сообщения:
    105
    Симпатии:
    43
    как сделать чтобы в блоке справа Пользователи онлайн ники тоже были цветными?
     
  18. SeM13

    SeM13 Создатель системы

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    Мм, может есть какие либо фишки по этим стилям? css не особо знаю :(
     
  19. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Фишки? Например?
     
  20. SeM13

    SeM13 Создатель системы

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    Например вывести логин другим цветом. Я вот хоть убейте не знаю :) как это сделать.
    Мм, не знаю например неоновый эффект можно ведь сделать с помощью css?
     

Поделиться этой страницей