ZorNet.Ru — сайт для вебмастера » HTML и CSS » Создать цвета групп на сайте uCoz

Создать цвета групп на сайте uCoz

Создать цвета групп на сайте uCoz
Есть простые стили, которые только распространяются на четыре группы. Здесь мы разберем как сделать намного красивей и на все созданные группы. Вот вы можете посмотреть как вы можете вывести гамму цвета, но а здесь все описано, где брать номер и чтоб поставить его под ту самую группу что вам нужно.

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

Код
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {text-decoration: none; color: #8CB2C1; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {text-decoration: none;color: #25BF14; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}  
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {text-decoration: none; color:red; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}  
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {text-decoration: none;color: #E964F1; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}  
a.groupOther6:link,a.groupOther6:visited,a.groupOther6:hover {text-decoration: none; color: #F36363; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}  
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {text-decoration: none;color: #6388F3; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}


Что первое вам нужно с начало посмотреть в CSS не идут точно такие стили, просто похожие, если нет, то ставим эти, у меня стоят где то на 200 и не в самом конце в подвале, но если туда поставить. то все должно работать.



PS - не забываем, если у вас также на темном все будет, то на форуме на светлом, так что подбираем оттенки, те которые на обоих оттенках смотрелись как нужно и видно все было, для этого и создана тень небольшая.
12 Сентября 2016 Просмотров: 1710 Комментариев: (5)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 5
Kolinkor
Kolinkor 12 Сентября 2016 02:331
0
Давно с на официальном сайте, статьи или блог не помню, там есть мануал как раз по этой теме. И все правильно стили меньше, но на форуме эта тема есть, сейчас на главную перенесли, так она не полезная, а больше как фишка идет, что можно и так оригинально подойти.
Kosten
Kosten 12 Сентября 2016 02:352
0
Просто показалось, что это интересная тема, потому теперь она на главной странице в категорий все о создание сайта. Так как не идет код, то мы сами его создаем.
FeStemBer
FeStemBer 12 Сентября 2016 02:393
0
А в друг такое случиться, что около десятка будет пользователей онлайн, я про этот сайт, что просто низ сайта немного растянется. А так согласен, интересно когда такие небольшие как говорят фишки и делают твой сайт намного оригинальнее.
BosscoSport
BosscoSport 23 Октября 2016 15:254
0
Ребята как сделать что бы подсвечивался весь текст на сайте как тут ники людей? не цветом а просто подсвечивание ника но только мне надо всего текста на сайте!
Kosten
Kosten 23 Октября 2016 16:005
0
Здесь даже и не знаю, чтоб на весь текст.
avatar