Страница 1 из 212»
Форум про uCoz » Всё для web-мастера » Web мастеру » Создать красивые цвета групп на uCoz
Создать красивые цвета групп на uCoz
Kosten
Дата: Пятница, 09.09.2016, 19:14 | Сообщение # 1
Администраторы
Сообщений:12696
Награды: 39


Здесь мы стилями сделаем цвета каждой группе на сайте, есть стандартные стили, которые только цвет выводят. Но мы постараемся еще придать ему тень. Смотря на каком фоне все будет выводится, вы все можете сами отредактировать как вам нужно.



Код
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(11Kb)


First
Дата: Пятница, 09.09.2016, 19:58 | Сообщение # 2
Vip
Сообщений:383
Награды: 11


Здесь хочу не много добавить. Все коды правильные и рабочие, и это можно же увидеть здесь на сайте.
Но вот везде в инете написано как добавить оформление группе Other, и написано не правильно. Ну по крайней мере я видел эти обращения пользователей, что не выводит цвет.
Other - это группа какую вы создаете сами, а не те что идут уже готовые. Написано что к Other добавляется ид группы какую вы создали.
На юкоз, нумерация групп Other начинается где то шестой по моему, так как ид присваевается с первой группы стандартной. Вот смотрим в панели управления и видим, что у созданной вами группы ид к примеру 6 как на юкоз, но если прописать ид6 тогда может и не работать. На юкоз ид считается с первой группы, а для стилей мы считаем с первой созданной. То есть, если в панели ид групы 6 то мы пишем к примеру ид1. А проще всего это через клик правой кнопкой мыши по нику пользователя группы которую мы хотим изменить и увидеть ид.


Kosten
Дата: Пятница, 09.09.2016, 20:12 | Сообщение # 3
Администраторы
Сообщений:12696
Награды: 39


First, для пользователя какой стиль вывести, нужно чтоб у всех было, избранных нет.

First
Дата: Пятница, 09.09.2016, 20:17 | Сообщение # 4
Vip
Сообщений:383
Награды: 11


Kosten, groupUser

Kosten
Дата: Пятница, 09.09.2016, 20:18 | Сообщение # 5
Администраторы
Сообщений:12696
Награды: 39


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;}


First
Дата: Пятница, 09.09.2016, 20:23 | Сообщение # 6
Vip
Сообщений:383
Награды: 11


Kosten, проверенные у тебя на стилях -groupVerify
вип - groupOther2


Kosten
Дата: Пятница, 09.09.2016, 20:24 | Сообщение # 7
Администраторы
Сообщений:12696
Награды: 39


First, где прописать, можешь сделать полные стили?

Nemoy
Дата: Пятница, 09.09.2016, 20:28 | Сообщение # 8
Заблокированные
Сообщений:25
Награды: 2


Хороший скрипт,,, спасибо забрал себе
First
Дата: Пятница, 09.09.2016, 20:32 | Сообщение # 9
Vip
Сообщений:383
Награды: 11


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;}


Цвета замени на какие хочешь.
Это для вип, а проверенные у тебя прописаны


Kosten
Дата: Пятница, 09.09.2016, 20:42 | Сообщение # 10
Администраторы
Сообщений:12696
Награды: 39


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;}


Angerfist
Дата: Пятница, 09.09.2016, 20:47 | Сообщение # 11
Vip
Сообщений:622
Награды: 18


Цитата Kosten ()
Хороший скрипт,,, спасибо забрал себе

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

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

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


No regrets
Kosten
Дата: Пятница, 09.09.2016, 21:03 | Сообщение # 12
Администраторы
Сообщений:12696
Награды: 39


Вообщем все почти группы вывел, но кроме пользователя, в этих стилях ест Гл. Модер, Модератор, администратор, 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(12Kb)


Kosten
Дата: Пятница, 09.09.2016, 21:10 | Сообщение # 13
Администраторы
Сообщений:12696
Награды: 39


И вот для пользователя сайта стиль.

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


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



FeStemBer
Дата: Пятница, 09.09.2016, 21:14 | Сообщение # 14
Проверенные
Сообщений:295
Награды: 1


Не плохо получилось, явно красивей, чем просто цвета выставлять.
First
Дата: Пятница, 09.09.2016, 21:22 | Сообщение # 15
Vip
Сообщений:383
Награды: 11


Отлично!!! Особенно у меня цвет гламура))

Форум про uCoz » Всё для web-мастера » Web мастеру » Создать красивые цвета групп на uCoz
Страница 1 из 212»
Поиск: