бесплатные списки прокси
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
форум webanet » Помоги себе сам компьютеры и интернет » uCoz решение проблем » Оформляем ссылку подписки на форум (изменения стиля ссылок на подписки на форумах uCoz)
Оформляем ссылку подписки на форум
webanet Дата: Среда, 2013-02-20, 03:17 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 195
Статус: Offline
Недавние обновления форума подарили нам новую функцию подписки на тему для пользователей и подписки на тему и целый форум для администраторов сайта. Подписка на темы и форумы представлена в виде страшной ссылки с традиционными для системы uCoz квадратными скобками.
По идее при нажатии на эту ссылку должна произойти подписка на мейл уведомления о новых ответах в тема и на форуме

По умолчанию ссылки выглядят ужасно и часто сливаются с фоном .gTableTop Вот так это смотрится на некоторых стандартных шаблонах



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

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

Пример оформления ссылки подписки на форум и темы и удаления квадратных скобок

В таблицу стилей в любое место вставьте следующий код

Код
#subscribe
       { background: #EFF3F4;       
margin: 0 auto;       
padding: 2px ;
font-family: georgia, serif;       
font-size: 10px;       
text-align: center;
text-transform: lowercase; }


Где
Код
background: #EFF3F4;
это фон подложки под ссылку, он же сделает невидимыми квадратные скобки #EFF3F4 это сам цвет, который вы можете заменить на нужный, но даю универсальный практически для всех видов дизайнов, где квадратные скобки светлые. На сайтах, где квадратные кнопки темные нужно подбирать темный фон и светлый шрифт

Код
font-family: georgia, serif;
это стиль шрифта, который вы можете заменить на свой предпочитаемый

Код
font-size: 10px;
это размер шрифта, который можно сделать меньше или больше

Код
text-align: center;
выравнивание текста ссылки по центру на подложке фона

Код
text-transform: lowercase;
преобразует все буквы текста в строчные (нижний регистр) можно изменить на none или на capitalize, чтобы первая буква ссылки стала заглавной если нужно

Отступы устанавливаем по своему вкусу

В итоге у нас получится вот такая аккуратненькая ссылочка, которую будет видно



На этом сайте ссылка на подписку выглядит так



Примечание: после внесения правок в таблицу стилей CSS нужно нажать сочетание клавиш ctrl+f5
Прикрепления: 9280250.jpg(3.6 Kb) · 8116848.jpg(4.7 Kb) · 3696531.jpg(4.4 Kb)
 
форум webanet » Помоги себе сам компьютеры и интернет » uCoz решение проблем » Оформляем ссылку подписки на форум (изменения стиля ссылок на подписки на форумах uCoz)
  • Страница 1 из 1
  • 1
Поиск: