XF 2.2 Обводка ника с баннером

Версия XenForo
2.2.4

kusikpusik

Участники
Сообщения
7
Реакции
0
Баллы
58
Всем привет, занимаюсь обустройством форума и заметил что имена пользователей с баннером не обводятся никак, думал в настройках стиля есть пункт, но прочитав множество форумов и перепробовав всё, у меня так ничего и не получилось.

На данный момент это выглядит так:
1660073594633.png
В коде имени пользователя ничего не появляется (даже при настройке)

Хочу сделать примерно такое:

1660073684903.png (незаметная (из-за темного фона), но обводка есть)

Код на котором имеется обводка выглядит вот так
1660073753027.png

А так-же код моего форума (та же часть)
1660073791833.png

Всем добра, спасибо заранее за помощь.
Если объясните как и что за это отвечает буду безмерно благодарен Вам!​
 
Решение
Привет, спасибо за попытку помощи, но если бы дело было в CSS shadow я бы уже давно решил.
Из-за всяческих свечений оно просто не может наложить "обводку".
Поэтому я хочу узнать как делается обводка у остальных форумов (типо чёрный никнейм поверх другого)
Ответ был дан в личные сообщения(как мне кажется это единственный вариант)
Код:
color: #10992a;
font-weight: bold;
text-shadow: 0.5px 0.5px 0 black, 0.5px -0.5px 0 black, -0.5px 0.5px 0 black, -0.5px -0.5px 0 black, #10992a 1px 1px 10px;
Результат:
Photoshop_EOOBNelWgg.png
Привет, спасибо за попытку помощи, но если бы дело было в CSS shadow я бы уже давно решил.
Из-за всяческих свечений оно просто не может наложить "обводку".
Поэтому я хочу узнать как делается обводка у остальных форумов (типо чёрный никнейм поверх другого)
 
Привет, спасибо за попытку помощи, но если бы дело было в CSS shadow я бы уже давно решил.
Из-за всяческих свечений оно просто не может наложить "обводку".
Поэтому я хочу узнать как делается обводка у остальных форумов (типо чёрный никнейм поверх другого)
Можно ссылку на форум, где вы хотите это сделать?
 
Для ника:
Код:
color: "цвет";
 font-weight: bold;
 text-shadow: "цвет" 1px 0px 10px;
Итог:
Посмотреть вложение 140529
Нет))) Проблема совсем не в этом, я пытаюсь добиться черной обводки вокруг имени пользователя, чтобы с баннером никнейм выглядел нормально.
 
Самым легким вариантом было бы сделать shadow потемнее, так он не будет сливаться с обводкой, но за счет более темной тени текст будет куда более заметным.
 
Привет, спасибо за попытку помощи, но если бы дело было в CSS shadow я бы уже давно решил.
Из-за всяческих свечений оно просто не может наложить "обводку".
Поэтому я хочу узнать как делается обводка у остальных форумов (типо чёрный никнейм поверх другого)
Ответ был дан в личные сообщения(как мне кажется это единственный вариант)
Код:
color: #10992a;
font-weight: bold;
text-shadow: 0.5px 0.5px 0 black, 0.5px -0.5px 0 black, -0.5px 0.5px 0 black, -0.5px -0.5px 0 black, #10992a 1px 1px 10px;
Результат:
Photoshop_EOOBNelWgg.png
 
Ответ был дан в личные сообщения(как мне кажется это единственный вариант)
Код:
color: #10992a;
font-weight: bold;
text-shadow: 0.5px 0.5px 0 black, 0.5px -0.5px 0 black, -0.5px 0.5px 0 black, -0.5px -0.5px 0 black, #10992a 1px 1px 10px;
Результат:
Посмотреть вложение 140530
Не считаю данный метод единственным решением проблемы т.к. на других форумах у них без обводки через тени работает всё на ура!1660078183313.png (код с другого форума где всё работает)
Так-же то, как выглядит на другом форуме ник при данных настройках.
1660078228045.png


В теме так-же прикреплял код, который отвечает за данные настройки.
Я пытаюсь понять как это сделать и реализовать.
 
Не считаю данный метод единственным решением проблемы т.к. на других форумах у них без обводки через тени работает всё на ура!Посмотреть вложение 140531 (код с другого форума где всё работает)
Так-же то, как выглядит на другом форуме ник при данных настройках.
Посмотреть вложение 140532


В теме так-же прикреплял код, который отвечает за данные настройки.
Я пытаюсь понять как это сделать и реализовать.
Можете дать ссылку на форум мне в ЛС, и всё
 
Добавляется автоматическая обводка, если не добавлять text-shadow
Посмотреть вложение 140533
Да, добавляется, но там так-же добавляется обычный text-shadow
1660078843033.pngА
А мне нужно чтобы снизу основного текста (ника) добавлялся еще один такой же слой но черного цвета.
 
CSS:
font-size: 2em;
color: white;                                                 
text-shadow: 0px 3px 0px #b2a98f,
                  0px 14px 10px rgba(0,0,0,0.15),
                  0px 24px 2px rgba(0,0,0,0.1),
                 0px 34px 30px rgba(0,0,0,0.1);
Screenshot_2022-08-10-02-30-55-394_com.android.chrome.jpg
Эксперементируйте
 

Вложения

  • Screenshot_2022-08-10-02-30-55-394_com.android.chrome.jpg
    Screenshot_2022-08-10-02-30-55-394_com.android.chrome.jpg
    387.8 KB · Просмотры: 10
CSS:
font-size: 2em;
color: white;                                               
text-shadow: 0px 3px 0px #b2a98f,
                  0px 14px 10px rgba(0,0,0,0.15),
                  0px 24px 2px rgba(0,0,0,0.1),
                 0px 34px 30px rgba(0,0,0,0.1);
Посмотреть вложение 140536
Эксперементируйте
Ответ был выше, человек полез в шаблоны, внёс правки. И теперь у него возникает вопрос: "А почему у меня не так?"
 
Ответ был выше, человек полез в шаблоны, внёс правки. И теперь у него возникает вопрос: "А почему у меня не так?"
В шаблоны как раз я не лез, стиль таков)
Изменений там не производилось до этого дня.
Но благодарю человека, который решился мне помочь и понять это.
 
Так-же то, как выглядит на другом форуме ник при данных настройках.
А ничего что на примере баннер профиля более темный чем у вас? Потому там и контрастнее. Смените картинку на более темную, и поймете
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу