Главная » Файлы » Вид Тегов и Кнопок> |
·
| 29.09.2013, 15:50 |
Всем массовый привет, в данном готовом решении для uCoz мы будем стилизовать стандартное облако тегов uCoz, а будем мы это делать благодаря css решению от Terence Devine, который создал обычные кнопки повторяющие внешний вид проездного Билета, безусловно мне пришлось немного додумать и адаптировать данное решение специально для uCoz, смотрим на демо пример. Шаг 1 - Создадим информер: И так для начала нам следует создать информер тегов, для этого заходим в Админ панель => Инструменты => Информеры => Создать информер => Теги Название информера: Теги сайта и нажимаем создать, теперь когда мы создали информер тегов uCoz, устанавливаем его в нужное место на сайте в предварительно созданную ячейку div, которой мы пропишем в css стилях белый фон, это один из важных моментов данного решения. HTML
Шаг 2 - Установим CSS: А теперь давайте пропишем основные css стили данному решению: CSS
Хочу обратить внимание на тот момент, что в данном решении для достижения нужного результата, в css стилях для верхнего и нижнего левого угла, мы прописываем значение border-radius:, в результате чего на данную ячейку благодаря абсолютному позиционированию элементов накладывается белый круг, который создаёт данному решению нужный внешний вид, в результате чего основной фон в котором находятся теги необходим. На этом всё, спасибо за внимание! | |
Просмотров: 599 | Загрузок: 241 | Источник: center-dm.ru | Рейтинг: 3.7/3 |
Всего комментариев: 0 | |