• Страница 1 из 2
  • 1
  • 2
  • »
Форум » Web-Раздел » Начинающему вебмастеру » Создать красивые цвета групп на uCoz
Создать красивые цвета групп на uCoz
Kosten
Пятница, 09 Сентября 2016 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44241
Награды: 70
Здесь мы стилями сделаем цвета каждой группе на сайте, есть стандартные стили, которые только цвет выводят. Но мы постараемся еще придать ему тень. Смотря на каком фоне все будет выводится, вы все можете сами отредактировать как вам нужно.



Код
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:aqua;}
a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {text-decoration: none; color:red;font-weight:bold; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}
a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;}
a.groupOther6:link,a.groupOther6:visited,a.groupOther6:hover {text-decoration: none; color: #F36363; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}


Здесь видим что администрация по другому смотрится и главный модератор, просто скопируйте от туда стили и добавите.
Прикрепления: 1609694.png (11.4 Kb)
Страна: (RU)
First-1
Пятница, 09 Сентября 2016 | Сообщение 2
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Здесь хочу не много добавить. Все коды правильные и рабочие, и это можно же увидеть здесь на сайте.
Но вот везде в инете написано как добавить оформление группе Other, и написано не правильно. Ну по крайней мере я видел эти обращения пользователей, что не выводит цвет.
Other - это группа какую вы создаете сами, а не те что идут уже готовые. Написано что к Other добавляется ид группы какую вы создали.
На юкоз, нумерация групп Other начинается где то шестой по моему, так как ид присваевается с первой группы стандартной. Вот смотрим в панели управления и видим, что у созданной вами группы ид к примеру 6 как на юкоз, но если прописать ид6 тогда может и не работать. На юкоз ид считается с первой группы, а для стилей мы считаем с первой созданной. То есть, если в панели ид групы 6 то мы пишем к примеру ид1. А проще всего это через клик правой кнопкой мыши по нику пользователя группы которую мы хотим изменить и увидеть ид.
Страна: (ES)
Kosten
Пятница, 09 Сентября 2016 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44241
Награды: 70
First, для пользователя какой стиль вывести, нужно чтоб у всех было, избранных нет.
Страна: (RU)
First-1
Пятница, 09 Сентября 2016 | Сообщение 4
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Kosten, groupUser
Страна: (ES)
Kosten
Пятница, 09 Сентября 2016 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44241
Награды: 70
First, на вип, пользователей и проверенный.

вот стили которые стоят.

Код
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:aqua;}
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 {color:green;}
a.groupOther6:link,a.groupOther6:visited,a.groupOther6:hover {text-decoration: none; color: #F36363; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}
Страна: (RU)
First-1
Пятница, 09 Сентября 2016 | Сообщение 6
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Kosten, проверенные у тебя на стилях -groupVerify
вип - groupOther2
Страна: (ES)
Kosten
Пятница, 09 Сентября 2016 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44241
Награды: 70
First, где прописать, можешь сделать полные стили?
Страна: (RU)
Nemoy
Пятница, 09 Сентября 2016 | Сообщение 8
Оффлайн
Заблокированные
Сообщений:25
Награды: 2
Хороший скрипт,,, спасибо забрал себе
Страна: (TJ)
First-1
Пятница, 09 Сентября 2016 | Сообщение 9
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Kosten,
Код
a.groupOther2:link,a.groupOther2:visited,a.groupOther2:hover {text-decoration: none; color: #F36363; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}


Цвета замени на какие хочешь.
Это для вип, а проверенные у тебя прописаны
Страна: (ES)
Kosten
Пятница, 09 Сентября 2016 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44241
Награды: 70
First, вот так сделал, только модеретор остался и пользователь.

Код
a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:aqua;}
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:green; 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: #F36363; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}
Страна: (RU)
Angerfist
Пятница, 09 Сентября 2016 | Сообщение 11
Оффлайн
Vip
Сообщений:767
Награды: 21
Цитата Kosten ()
Хороший скрипт,,, спасибо забрал себе

Скрипт переводится с английского как сценарий, где тут сценарий? где тут скрипт?)))

Может теперь каскадную таблицу стилей будем называть скриптовой таблицей? )))

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


No regrets
Страна: (RU)
Kosten
Пятница, 09 Сентября 2016 | Сообщение 12
Оффлайн
Администраторы
Сообщений:44241
Награды: 70
Вообщем все почти группы вывел, но кроме пользователя, в этих стилях ест Гл. Модер, Модератор, администратор, Vip, проверенный.



Код
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: #C8F363; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}
Прикрепления: 5998579.png (12.4 Kb)
Страна: (RU)
Kosten
Пятница, 09 Сентября 2016 | Сообщение 13
Оффлайн
Администраторы
Сообщений:44241
Награды: 70
И вот для пользователя сайта стиль.

Код
a.groupUser:link,a.groupUser:visited,a.groupUser:hover {text-decoration: none; color: #8CB2C1; text-shadow: 1px 1px 1px black, 0 0 1em #20BE2B;}


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

Страна: (RU)
FeStemBer
Пятница, 09 Сентября 2016 | Сообщение 14
Оффлайн
Проверенные
Сообщений:355
Награды: 1
Не плохо получилось, явно красивей, чем просто цвета выставлять.
Страна: (RU)
First-1
Пятница, 09 Сентября 2016 | Сообщение 15
Оффлайн
Пользователи
Сообщений:716
Награды: 22
Отлично!!! Особенно у меня цвет гламура))
Страна: (ES)
Форум » Web-Раздел » Начинающему вебмастеру » Создать красивые цвета групп на uCoz
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: