Иконки для статусов

[Алан Тьюринг 737]

Уважаемые участники форума! 

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

На текущий момент нужны следующие статусы:

• Vip Персона
• Администратор
• Гость
• Модератор
• Пользователь
• Проверенный

[Лис 2809]

Хотелось бы задать вопрос .

Как вы это видите и в каком стиле - юмористический, строгий, может иносказательно? символы  - люди или предметы? может вообще азбука морзе или буквы в вензелях?

[Феникс 2382]

Только что, Лис сказал:

Хотелось бы задать вопрос .

Как вы это видите и в каком стиле - юмористический, строгий, может иносказательно? символы  - люди или предметы? может вообще азбука морзе или буквы в вензелях?

Ты готов подписаться на это дело, Солнц?))

[Dante 10409]

13 минут назад, Лис сказал:

Хотелось бы задать вопрос .

Как вы это видите и в каком стиле - юмористический, строгий, может иносказательно? символы  - люди или предметы? может вообще азбука морзе или буквы в вензелях?

Главное, чтобы оно гармонировало с темой форума. Остальное - дело вкуса  

[Лис 2809]

2 минуты назад, Феникс сказал:

Ты готов подписаться на это дело, Солнц?))

Ну может идеи подкинуть , сделать я их не смогу , нет такой возможности , разве что эскизы если идеи подхватят 

[Феникс 2382]

Только что, Лис сказал:

Ну может идеи подкинуть , сделать я их не смогу , нет такой возможности , разве что эскизы если идеи подхватят 

Эх, шикарно было бы ручной работы. Твоей) да!)

[Любопытная 4131]

Мне кажется, сейчас как то странно выглядит. Как бы дублируются просто надпись и табличка. Может лучше чтоб что-то одно осталось?

И уж к слову, а будет потом возможность (после набора какого то количества баллов, свой собственный статус или как там? Звание? Вписывать)?

  Извините, что не совсем по теме.

[Тиль Тобольский 851]

Я готов подписать на это дело  Сейчас тем у нас белосиняя. Но все равно иконки должны быть разных оттенков. Можно не обязательно длинные баннерки, а возможно круглые бляшки? Тогда точно в стиле будет.  Могу отрисовать несколько стилистик, если уже кто-то за это не взялся, конечно.

[Melech 11528]

В 17.02.2017 в 18:05, Любопытная сказал:

Мне кажется, сейчас как то странно выглядит. Как бы дублируются просто надпись и табличка. Может лучше чтоб что-то одно осталось?

И уж к слову, а будет потом возможность (после набора какого то количества баллов, свой собственный статус или как там? Звание? Вписывать)?

  Извините, что не совсем по теме.

В скором времени мы решим этот маленький нюанс!  

[Феникс 2382]

Ребят, вы ЧО творите? Когда раскрасили всех в радугу, что-то во мне сопротивлялось, но я промолчала..а щас чо? это практически дискриминация по какому-то, блин, признаку. И это на ЛГБТ ресурсе. 

[Dante 10409]

Уважаемые участники форума. Я вспомнил, что изображения не всегда хорошо, когда есть такая технология как CSS3, и решил подойти к делу иначе. Раскрасил статусы при помощи CSS. Получилось не идеально, конечно. Так как надо бы правильно проработать. Можно доработать цвета и иконки.

Иконки взяты отсюда: http://fontawesome.io

[Oxana 2138]

19 минут назад, Феникс сказал:

Ребят, вы ЧО творите? Когда раскрасили всех в радугу, что-то во мне сопротивлялось, но я промолчала..а щас чо? это практически дискриминация по какому-то, блин, признаку. И это на ЛГБТ ресурсе. 

Оль, есть определённые группы пользователей с определёнными возможностями. У меня они одни, у тебя другие, у новичков другие. Где ты видишь дискриминацию? Что я красная, а ты бордовая, а кто-то голубой? Да хоть цвета детской неожиданности, какая разница. Что в тебе сопротивляется? 

[Dante 10409]

26 минут назад, Феникс сказал:

Ребят, вы ЧО творите? Когда раскрасили всех в радугу, что-то во мне сопротивлялось, но я промолчала..а щас чо? это практически дискриминация по какому-то, блин, признаку. И это на ЛГБТ ресурсе. 

Творчество  

[Тиль Тобольский 851]

3 часа назад, Dante сказал:

Уважаемые участники форума. Я вспомнил, что изображения не всегда хорошо, когда есть такая технология как CSS3, и решил подойти к делу иначе.

Получилось хорошо, но "Проверенным" тоже тень не помешает, ИМХО. Не хотите взять более пастельные оттенки? А то эти стопроцентные цвета довольно яркие и лезут в глаза.

[Dante 10409]

19 минут назад, Тиль Тобольский сказал:

Получилось хорошо, но "Проверенным" тоже тень не помешает, ИМХО. Не хотите взять более пастельные оттенки? А то эти стопроцентные цвета довольно яркие и лезут в глаза.

Я не против, если кто-то грамотно их подберёт. Я могу вывести код CSS.

/**
 * This file is for your custom CSS.
 * This file is not modified or overwritten during upgrades
 */
.group_admin, .group_moder, .group_guest, .group_member, .group_vip, .group_checked {
    display:inline-block;
    border-radius:4px;
   	padding: 2px 6px;
    margin-bottom: 6px;
   	text-decoration:none;
}

.group_moder {
    box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.5);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	border:1px solid #057fd0;
	color:#ffffff;
}
.group_moder:hover {
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.group_moder:active {
	position:relative;
	top:1px;
}


.group_admin {
    box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.5);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	border:1px solid #942911;
	color:#ffffff;
	text-shadow:0px 1px 0px #854629;
}
.group_admin:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.group_admin:active {
	position:relative;
	top:1px;
}

.group_member {
    color: #2e2e2e;
    text-shadow:0px 1px 0px #ffffff;
}

.group_checked {
    color:#ffffff;
    background-color:#77b55a;
    text-shadow:0px 1px 0px #5b8a3c;
    border:1px solid #3b6e22;
}

.group_guest {
    color: #7a7a7a;
}

.group_vip {
    box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.5);
    font-weight: bold;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	color:#333333;
	text-shadow:0px 1px 0px #ffee66;
}
.group_vip:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.group_vip:active {
	position:relative;
	top:1px;
}

.ipsList_inline .group_admin, .ipsList_inline .group_member, .ipsList_inline .group_moder,
.ipsList_inline .group_vip, .ipsList_inline .group_checked, .ipsList_inline .group_guest {
    border: none;
    padding: 0;
    box-shadow: none;
    background: none;
    text-shadow: none;
    font-weight: normal;
    margin-right: 5px;
}

.ipsList_inline .group_moder{color: #057fd0}
.ipsList_inline .group_admin{color: #ff000e}
.ipsList_inline .group_vip{color: #8e1d12}
.ipsList_inline .group_checked{color: #3b6e22}

Внизу стили .ipsList_inline -- это для статусов внизу страницы списка онлайн пользователей. Вот...

[Тиль Тобольский 851]

Проверенный - отличный, и тенюшка ему все-так просится.

Ну и Гостя я бы не таким мрачным фоном делал. Хватит #d7d7d7. Только текст надписи там какой? Предложил бы черный чистый.

А к остальным я бы предложил вот такие варианты. Они реально засерённые, если что.  

.group_moder

background:linear-gradient(to bottom, #66c2e5 5%, #48add2 100%);

.group_admin

background:linear-gradient(to bottom, #d16c4f 5%, #c5614b 100%);

.group_vip 

background:linear-gradient(to bottom, #f9e68e 5%, #f8c76f 100%);

 

[Dante 10409]

11 часов назад, Тиль Тобольский сказал:

Ну и Гостя я бы не таким мрачным фоном делал. Хватит #d7d7d7. Только текст надписи там какой? Предложил бы черный чистый.

У обычного пользователя чёрный, а Гость он как бы серый. А фона у них нет.

11 часов назад, Тиль Тобольский сказал:

А к остальным я бы предложил вот такие варианты.

Принято, смотрите результат  

[Тиль Тобольский 851]

15 минут назад, Dante сказал:

Принято, смотрите результат  

(Шепотом и оглядываясь) Мне-то нравится, а что остальные скажут?
По крайней мере чуть спокойнее стала радуга красок да даже в этой теме

[Dante 10409]

5 минут назад, Тиль Тобольский сказал:

(Шепотом и оглядываясь) Мне-то нравится, а что остальные скажут?
По крайней мере чуть спокойнее стала радуга красок да даже в этой теме

Ну объективно стало лучше. А если появится кто-то кто подберёт лучшую гамму, то всегда пожалуйста.