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

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

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

Загрузка
  1. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Изучите text-shadow и box-shadow
     
    SeM13 нравится это.
  2. SeM13

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

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    Спасибо, от комментирую что получится у меня :)
    --- добавлено : Feb 17, 2011 12:36 PM ---
    Попробовал использовать вот такой вот эффект.
    Но эмоций ноль :( Почему так?
    Код:
    .neon
    {
        text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F
    }
    
     
  3. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Задайте в пикселях. Ещё непонятно к какому элементу вы навешиваете этот класс.
     
  4. SeM13

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

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    Что то вроде:
    Код:
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;
    А как навешать на именный элемент?
     
  5. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Я просто хочу понять куда вы добавляете класс neon. Там текст вообще есть? :)
     
  6. Goldman

    Goldman Местный

    Регистрация:
    07.11.10
    Сообщения:
    70
    Симпатии:
    37
    стиль вводить без скобок вроде
    text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F, 0 0 0.2em #87F;

    а он уже привязывается к классу группы
     
  7. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Кстати, только сейчас заметил что у вас тут не стоит ";" после свойства
     
  8. SeM13

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

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    Вообще хочется что бы логин пользователя был неоновый :)
     
  9. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Вы про ник?
    Тогда вам надо это свойство прописывать для .username в extra.css
     
  10. SeM13

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

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    эмм, не понял, а зачем тогда функция для редактирования групп пользователей? там css!
     
  11. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Так вы хотите сделать text-shadow для всех пользователей или для пользователей из определённой группы?
    --- добавлено : Feb 17, 2011 5:50 PM ---
    Сейчас проверил на локалке, всё работает если задавать для группы.
    Вот пример: text-shadow: 1px 1px rgba(0,0,0,0.1);
     
  12. SeM13

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

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    Ооо, получилось.
    Так а вот по поводу вывода для отдельных юзеров? это как?
     
  13. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    a.username[href$=id/] {color: red;}
    Где id - номер пользователя.
    Работать должно во всех браузерах кроме IE6.
     
    SeM13 нравится это.
  14. SeM13

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

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    Это нужно прописать в extra.css?
    примерно так?
    a.username[href$=1/] {color: red;}
    Но цвет не меняется :(
    По всей видимости должен изменится цвет логина. Но не меняется... :(
    А добавить шадоу?
    a.username[href$=1/] {color: red;} text-shadow: 1px 1px rgba(0,0,0,0.1);
    так? О_о. я запутался :(
     
  15. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Извините, ошибся чуть-чуть.
    Вот так должно выглядеть: a.username[href$="1/"] {text-shadow: 1px 1px rgba(0,0,0,0.1);}
     
    SeM13 нравится это.
  16. SeM13

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

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    Оуу, спасибо, работает :)
    Попробую поэкспериментировать, может что по выкладываю интересное с шрифтами :)
    Спасибо еще раз.
    А можно еще такой вопрос, где можно почитать о доступных возможностей? Какой шаблон к чему и прочее?
     
  17. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Нигде пока. Помню сайт был какой-то с самописным мануалом, но вспомнить сейчас его уже не смогу.
     
    SeM13 нравится это.
  18. SeM13

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

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    А теперь проблема.
    У пользователей которых в ID присутствует например 1 меняется логин тоже.
    Например:
    [href$="1/"] {text-shadow: 1px 1px rgba(0,0,0,0.1);}
    Пользователь с id 241 будет тоже изменен. :(
     
  19. CyberAP

    CyberAP Местный

    Регистрация:
    05.10.10
    Сообщения:
    2.577
    Симпатии:
    1.614
    Версия XF:
    1.5.10
    Ну тогда поставь точку перед id
     
  20. SeM13

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

    Регистрация:
    05.01.11
    Сообщения:
    747
    Симпатии:
    252
    Версия XF:
    1.1.3
    Очень интересный феномен О_о.
    У всех пользоватлей у который номер айди заканчивается на 1 к ним эффект тоже прилепает.
    У других нет.
    Точку перед ид ставил и после него. Не помогает :(
     

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