» »

Кнопка на Отметить все сообщения прочитанными

Кнопка на Отметить все сообщения прочитанными

На форуме сайта uCoz есть функция "Отметить все сообщения прочитанными" где сейчас на ее можно поставить дизайн виде красивой кнопки. И после этого безусловно эта функция будет заметна, так как пользователь может просто не заметить эту надпись. А здесь она безусловно будет бросаться в глаза, что можно потом будет воспользоваться ней. Но и не забываем про стилистику и уникальность вашего интернет ресурса, что просто будет по другому смотреться, что больше на это рассчитаны стили.

Она работает по такому принципу, просто если вы заходите на форум и там отмечены, что во многих темах оставили комментарий, а вам нужно вашу. То чтоб не мешало, просто одним кликом вы прочли все темы, и все стало по новому. Что то похоже на функцию в социальной сети одноклассники, там также можно делать. Но большинство просто не замечает ее, и когда поставите, сам модуль будет уже немного ярче и не похоже на стандартный.

Вот так будет визуально смотреться.

Кнопки для функций форума uCoz

Приступаем к установке:

В стили CSS сайта:

Код
.funcBlock {font: 0px Arial!important; margin-top: 12px;}  
  a.funcLink {font: 12px Arial !important; padding: 3px 10px 3px 10px; background: #4B5084; border: 1px solid #5F63A6; color: #FFFFFF; text-shadow: 1px 1px 1px black, 0 0 0.6em #000000;border-radius: 5px;}


Здесь все сделано на стилях, вы можете сделать углы, так как закруглил их и редактировать, это сделать больше ее и поменять оттенок цвета и даже поставить тени, если так решите.
21.02.2017 Просмотров: 472 Комментарий: (4)

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

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

Комментарий: 4
FeStemBer
FeStemBer 21.02.2017 00:541
0
Знал что есть такая надпись, но вообще не когда внимание не обращал, если форум развит, то можно поставить, если форум идет как главная страница, то также считаю можно его украсить.
tsakonter
tsakonter 21.02.2017 00:592
0
Зачем так выделять описание, и здесь этот пикселей на сайте выставлен, так сделано нормально.
XemorDio
XemorDio 21.02.2017 18:113
0
Кому над:



Скрин почему в комментариях очень маленький, так что вот по ссылке)
Код
.funcBlock {font: 0px Arial!important; margin-top: 12px;}
a.funcLink {font: 12px Arial !important; padding: 3px 10px 3px 10px; background: #4B845B; border: 1px solid #5FA673; color: #FFFFFF; text-shadow: 1px 1px 1px black, 0 0 0.6em #000000;}
a.funcLink:hover {background: #528E63; color: #FFFFFF;}
Kosten
Kosten 21.02.2017 19:504
0
XemorDio, в самом материале пол шаблона в изображение залито, чтоб видеть как смотреться будет и в придачу сама кнопка.
avatar