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

Модификация верстки extraUserInfo

Тема в разделе "Модификации шаблонов", создана пользователем arelav, 14 июл 2011.

Загрузка
  1. arelav

    arelav Местный

    Регистрация:
    07.06.11
    Сообщения:
    166
    Симпатии:
    353
    Версия XF:
    1.1.0 Final
    Модификация верстки extraUserInfo

    extraUserInfo.png
    Чтобы получить такую картинку под аватаром, и привести в порядок пользовательскую информацию в стиле книжной верстки "содержание", достаточно добавить немного классов в ваш шаблон EXTRA.css .

    Код:
    /* Информация о пользователе под аватаром */
    .extraUserInfo {
        background:#FEFEF3 !important;
    }
    .extraUserInfo dl.pairsInline  {
        height:15px;
        border-bottom: dotted 1px #DDD;
    }
    .extraUserInfo .pairsInline dt {
        background:#FEFEF3;
        position:absolute;
        margin-top:7px;
    }
    .extraUserInfo .pairsInline dd{
        position:absolute;
        margin-top:5px;
        background:#FEFEF3;
        right:5px;
        padding-left:3px;
        font-size:11px;
    }
    /* /Информация о пользователе под аватаром */ 
    ПЫСЫ: шрифт справа также можно уменьшить, изменив font-size:11px; на меньшее значение в каскаде классов .extraUserInfo .pairsInline dd .


    Недолго размышляя добавил этот твик в коллекцию Minimalism UI, теперь его можно использовать как опцию так и отдельно...
     
    94KONG, NapoleON, MOHCTEP и 9 другим нравится это.
  2. arelav

    arelav Местный

    Регистрация:
    07.06.11
    Сообщения:
    166
    Симпатии:
    353
    Версия XF:
    1.1.0 Final
    Для экономии места в панельке пользовательской ниформации можно подгрузить четкие пиксельные шрифты, которые не будут сглаживаться системными экранными утилитами, и будут отображаться очень четко.

    fonts.png

    Для этого из архива загружаем шрифты на ваш сервер, у меня путь такой: styles/fonts/* и меняем стиль на следующий (ниже, а инструкции в первом посте)... также можно прописать альтернативные шрифты для неправильных браузеров...

    Код:
    /* Информация о пользователе под аватаром */
    @font-face {
        font-family: "iFlash 705";
        src: url(styles/fonts/iFlash_705.ttf);
    }
    .extraUserInfo {
        background:#FEFEF3 !important;
    }
    .extraUserInfo dl.pairsInline  {
        height:15px;
        border-bottom: dotted 1px #DDD;
    }
    .extraUserInfo .pairsInline dt {
        background:#FEFEF3;
        position:absolute;
        margin-top:7px;
        font-family: "iFlash 705";
        font-size:8px !important;
    }
    .extraUserInfo .pairsInline dd{
        position:absolute;
        margin-top:7px;
        background:#FEFEF3;
        right:5px;
        padding-left:3px;
        font-family: "iFlash 705";
        font-size:8px !important;
    }
    /* /Информация о пользователе под аватаром */ 
    ПЫСЫ: я использовал из четырех имеющихся один, ну а вам и карты в руки...
     

    Вложения:

    • fonts.zip
      Размер файла:
      20,7 КБ
      Просмотров:
      85
    TITAN-UZ и resonansER нравится это.
  3. TITAN-UZ

    TITAN-UZ Местный

    Регистрация:
    14.06.11
    Сообщения:
    41
    Симпатии:
    4
    Версия XF:
    1.3.3
    Как убрать точки!
     
  4. infis

    infis Местный Команда форума

    Регистрация:
    27.06.11
    Сообщения:
    5.525
    Симпатии:
    3.321
    Версия XF:
    1.5.9
    Уберите border-bottom: dotted 1px #DDD; и будет Вам счастье.
     
    TITAN-UZ нравится это.
  5. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Вы правда не понимаете разницы между знаком ! и ??
     
    sandis нравится это.
  6. thecool

    thecool Пользователь

    Регистрация:
    19.02.12
    Сообщения:
    1
    Симпатии:
    0
    Версия XF:
    1.1.2
    Добавил, но ничего не появилось, странно.
     
  7. lamadot

    lamadot Местный

    Регистрация:
    20.07.11
    Сообщения:
    17
    Симпатии:
    0
    Почему ничего не появляется после редактирования extra.css ?
     
  8. Frykia

    Frykia Пользователь

    Регистрация:
    24.02.12
    Сообщения:
    13
    Симпатии:
    3
    Версия XF:
    1.1.2
    тоже самое ...
     
  9. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Все работает. Что за стили используете?
     
  10. spy

    spy ИнквизитоР

    Регистрация:
    04.03.11
    Сообщения:
    373
    Симпатии:
    188
    работает на всех стилях которые я пробовал (около 13) как на без-платных так и на платных.
    такое ощущение что просто не отмечены галочки на екстра полях... вазможно такое?!
     
  11. Romchik®

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

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Очень даже возможно :)
     
  12. 456

    456 Пользователь

    Регистрация:
    16.01.12
    Сообщения:
    18
    Симпатии:
    1
    Версия XF:
    1.1.0 RC
    как сделать шире? у меня есть "Steam_id: STEAM_0:0:12345567" оно не влезает как нужно, как сделать чуть шире ?
    Еще у меня пишется "Род занятий: Куратор проекта" это тоже не вмещается.
     
  13. 456

    456 Пользователь

    Регистрация:
    16.01.12
    Сообщения:
    18
    Симпатии:
    1
    Версия XF:
    1.1.0 RC
    я так понял ответа не будет =\
     
  14. spy

    spy ИнквизитоР

    Регистрация:
    04.03.11
    Сообщения:
    373
    Симпатии:
    188
    а в админке в настройках стиля не судьба посмотреть?
     
  15. 456

    456 Пользователь

    Регистрация:
    16.01.12
    Сообщения:
    18
    Симпатии:
    1
    Версия XF:
    1.1.0 RC
    Ты такой умный конечно, я не особо разбираюсь в "Стилях"
    Мб ты лучше напишешь что нужно сделать, в кратце хотя бы.
    Умничать все могут, не все знают всё, кто-то с чего-то начинал.
     
  16. spy

    spy ИнквизитоР

    Регистрация:
    04.03.11
    Сообщения:
    373
    Симпатии:
    188
    А я и неговорю что я умный, просто админку нада изучать.
    Наверно в : настройки стиля-> макет сообщений-> екстра инфа юзера.... Как так и наверно там, ни знаю, нет время уточнить. Поправте если не верно
     
  17. 456

    456 Пользователь

    Регистрация:
    16.01.12
    Сообщения:
    18
    Симпатии:
    1
    Версия XF:
    1.1.0 RC
    И что ты там настраивать собрался, цвета бордера что ли, ты мне скажи как добавить имена групп в виде картинок.
    И я уверен, что ты даже сам это не сделаешь =\
     
  18. spy

    spy ИнквизитоР

    Регистрация:
    04.03.11
    Сообщения:
    373
    Симпатии:
    188
    Какие нафиг картинки? Я про ширину
     
  19. Frykia

    Frykia Пользователь

    Регистрация:
    24.02.12
    Сообщения:
    13
    Симпатии:
    3
    Версия XF:
    1.1.2
    а КАК сделать так что бы было как на xf-russia чтобы при наведение она не появлялось а была постоянной? чтобы всегда показывала а то этот типа сполер раздражает немного ...
     
  20. timkill

    timkill Read only

    Регистрация:
    07.03.12
    Сообщения:
    14
    Симпатии:
    0
    +1 не отображает после изменения extra.css, я думаю дело не в шаблоне, у моего дружбана такой же, все робит. Попробуйте разобратся :(

    1.JPG , вот настройки 2.JPG
     

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