Как убрать обводку у ников?

[Difold_Walker]

Подскажите как убрать черную обводку у ников? Стиль форума IQ DARK

 

[Zenettany]

ПКМ- код элементов и ищешь где черный цвет и border ( обычно это username—styleID)

 

[arvion]

Подскажите как убрать черную обводку у ников? Стиль форума IQ DARKПосмотреть вложение 17426

Скинь CSS имени пользователя на этот баннер

 

[viovit]

а причем тут баннеры и пкм, знатоки? это дефолт из коробки, черная обводка применяется когда у пользователя стоит баннер (не тот который у групп пользователей) дабы ник не потерялся просто

попробуй этот код в экстру вставить, по идеи должен сработать

.memberHeader--withBanner,
.memberTooltip--withBanner {
        &.is-stroked {
            &:before {
                color: transparent;
                -webkit-text-stroke: 2px transparent;
            }
            & span {
                position: unset;
                text-shadow: 0 0 20px black;
        }
    }
}

 

[arvion]

а причем тут баннеры и пкм, знатоки? это дефолт из коробки, черная обводка применяется когда у пользователя стоит баннер (не тот который у групп пользователей) дабы ник не потерялся просто

попробуй этот код в экстру вставить, по идеи должен сработать

.memberHeader--withBanner,
.memberTooltip--withBanner {
        &.is-stroked {
            &:before {
                color: transparent;
                -webkit-text-stroke: 2px transparent;
            }
            & span {
                position: unset;
                text-shadow: 0 0 20px black;
        }
    }
}

Он сработает но с нюансами :
-webkit-text-stroke , но обводка на скрине не оттуда, поэтому визуально почти ничего не меняет

Если у него там есть : 0 0 20px black - это 100% и есть проблема

Попробуй лучше это:

.memberHeader--withBanner,
.memberTooltip--withBanner {
    &.is-stroked {
        &:before {
            color: transparent;
            -webkit-text-stroke: 0;
        }

        span {
            position: unset;
            text-shadow: none;
        }
    }
}

 

[viovit]

но обводка на скрине не оттуда

какая инфа - такой и ответ.

Попробуй лучше это:

в чем отличия?

 

[arvion]

какая инфа - такой и ответ.



в чем отличия?

разница принципиальная, не косметическая:

У тебя:
text-shadow: 0 0 20px black;

У меня: text-shadow: none;
Твой : text-shadow: 0 0 20px black; Добавляет эту чёрную обводку
text-shadow: none; Полностью убирает её
Поэтому : -webkit-text-stroke не источник этой проблемы

 

[viovit]

разница принципиальная, не косметическая:

У тебя:
text-shadow: 0 0 20px black;

В моём варианте:
text-shadow: none;

спасибо что ответил, я еще больше убедился что ты не до конца понимаешь о чем городишь

твой вариант: радикальная мера, которая гасит тотально, что не особо хорошо в плане визуала
мой вариант: менее радикальщина, оставляя размытое свечение, дабы не потерять то свойство "читаемости" которое изначально было задумано разрабом движка

 

[arvion]

спасибо что ответил, я еще больше убедился что ты не до конца понимаешь о чем городишь

твой вариант: радикальная мера, которая гасит тотально, что не особо хорошо в плане визуала
мой вариант: менее радикальщина, оставляя размытое свечение, дабы не потерять то свойство "читаемости" которое изначально было задумано разрабом движка

Мы изначально обсуждали источник эффекта, а не художественный приём. Чёрный ореол появляется из-за text-shadow, и строка 0 0 20px black его не ослабляет, а явно и сознательно усиливает. Это уже не "задумка движка" , а кастомное переопределение, которое и даёт эффект обводки, о котором шла речь.

text-shadow: none - не финальный дизайн-вариант, а базовое техническое решение,которое позволяет убрать эффект и дальше управлять им осознанно. Если цель - сохранить читаемость, корректно уменьшать и смягчать тень, а не усиливать её большим blur’ом. Мы говорим о разных задачах: ты - о визуале, я - о контроле над эффектом.

В кратце : ты говоришь про дизайн , я же про источник эффекта =)
Истина посередине: ослабить, а не гасить или усиливать

 

[viovit]

Если цель - сохранить читаемость, корректно уменьшать и смягчать тень, а не усиливать её большим blur’ом. Мы говорим о разных задачах: ты - о визуале, я - о контроле над эффектом.

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

как итог код примерно такой должен быть:

.memberHeader--withBanner .username {
  /* сюда чо хочешь */
}

 

[arvion]

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

как итог код примерно такой должен быть:

.memberHeader--withBanner .username {
  /* сюда чо хочешь */
}

Ок, тогда на этом и сойдёмся. Я изначально указывал не на "как переделать дизайн" , а на сам эффект и его источник - дальше уже вопрос реализации. Ты сам увидел, что первоначальный вариант не сработает по селекторам, и это как раз тот момент, который и стоило проверить в первую очередь.

В итоге всё упирается в корректную цель и правильный селектор:
.memberHeader--withBanner .username - и дальше уже можно осознанно решать, гасить эффект полностью или настраивать его под визуал. Думаю, на этом тему можно закрывать.

Без философии все таки советую попробовать :

.memberHeader--withBanner,
.memberTooltip--withBanner {
    &.is-stroked {
        &:before {
            color: transparent;
            -webkit-text-stroke: 0;
        }

        span {
            position: unset;
            text-shadow: none;
        }
    }
}

.memberHeader--withBanner .username {
    text-shadow: none;
}

 

[viovit]

Ок, тогда на этом и сойдёмся. Я изначально указывал не на "как переделать дизайн" , а на сам эффект и его источник - дальше уже вопрос реализации. Ты сам увидел, что первоначальный вариант не сработает по селекторам, и это как раз тот момент, который и стоило проверить в первую очередь.

В итоге всё упирается в корректную цель и правильный селектор:
.memberHeader--withBanner .username - и дальше уже можно осознанно решать, гасить эффект полностью или настраивать его под визуал. Думаю, на этом тему можно закрывать.

Без философии все таки советую попробовать :

.memberHeader--withBanner,
.memberTooltip--withBanner {
    &.is-stroked {
        &:before {
            color: transparent;
            -webkit-text-stroke: 0;
        }

        span {
            position: unset;
            text-shadow: none;
        }
    }
}

.memberHeader--withBanner .username {
    text-shadow: none;
}

1 вариант не будет вообще работать

 

[arvion]

1 вариант не будет вообще работать

Тогда -

.memberHeader--withBanner .username {
    text-shadow: none;
}

И на этом закончим