Оформляем ссылку подписки на форум

Лайфхак для парней: как добавить 💰 своей девушке?
Находка для тех, чьи девушки и супруги работают в сфере услуг: маникюр, брови, ресницы и так далее
🤔 Вы же наверняка задумывались, как помочь своей половинке зарабатывать больше? Но что делать, если во всех этих маркетингах и процедурах не разбираешься от слова «совсем»? Мы нашли выход — это сервис VisitTime
Чат-бот для мастеров и специалистов, который упрощает ведение записей:
— Сам записывает клиентов и напоминает им о визите
— Персонализирует скидки, чаевые, кешбек и предоплаты
— Увеличивает доходимость и помогает больше зарабатывать
А еще там первый месяц бесплатно, поэтому лучшее, что вы можете сделать сейчас — установить или показать его своей принцессе Всё интуитивно понятно и просто, достаточно нажать на этот текст и запустить чат-бота

[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · 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)

Страница 1 из 1
1