Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Тень и подсветка ника

Предыдущая тема Следующая тема Перейти вниз

Тень и подсветка ника

Сообщение автор Da Vinchi в Вс 17 Июл - 12:08

Псевдонеоновая подсветка ника. Сделать это просто. Создается в CSS стиль тени. Дальше все понятно.

Вам необходимо в CSS найти вот такой кусок
Код:
.postprofile a:active, .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
    color: #0372be;
    font-weight: 700;
    text-decoration: none;
}
И добавить в него строку отвечающую за тень
Код:
text-shadow: grey 0 0 1em;
Должно получиться вот так
Код:
.postprofile a:active, .postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
    color: #0372be;
    font-weight: 700;
    text-decoration: none;
    text-shadow: grey 0 0 1em;
}
Это тень похожая на неоновое свечение. Выглядит вот так (на данном примере использовался малиновый оттенок).

Теперь о стильной тени
Все делается по примеру выше, но с 1 маленьким изменением.
Вместо строки
Код:
text-shadow: grey 0 0 1em;
Нужно поставить вот эту
Код:
text-shadow: -1px -1px 1px #000, 1px 1px 1px #fff;
Тогда у Вас получится вот такое теснение тени на нике
Сохраняете, обновляете страницу и все готово.

Da Vinchi
 

Мужчина

Сообщения : 183
Возраст : 35
Место обитания : Студия WEB-разработок Da Vinchi
Регистрация : 2016-04-07
Благодарности : 240

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения