• Страница 1 из 2
  • 1
  • 2
  • »
Форум » Веб-разработка » HTML + CSS — коды » Красивый дизайн категорий для uCoz
Красивый дизайн категорий для uCoz
Dimstrik
Пятница, 13 Ноября 2015 | Сообщение 1
Оффлайн
Vip
Сообщений:621
Награды: 6
Всем привет! Сегодня я решил вам сделать новый дизайн категорий, после того как вы создали свой сайт в системе uCoz то вы его начинаете наполнять и естественно создаёте категории что бы вашим пользователям было удобно пользоваться и искать ваши файлы или статьи. Стандартные категории созданы изначально в виде простой строчки что не всегда красиво.



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

Просто скопируйте стили ниже и добавьте их в стили вашего сайта в самый низ.

Код
/*** Дизайн категорий ***/
td.catsTd a {color: #2C98C7;}
td.catsTd a:hover {color: #262828; }
td.catsTd {background: #E6F3FA; border-left: 6px solid #606060; font-size: 13px; padding: 10 10 7 18; font-weight: bold;color: #2C98C7;}
td.catsTd:hover { padding: 10 10 7 18; background: #EEF7FC; border-left: 6px solid #2C98C7; font-size: 11px; color: #fff; }
.catName { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 11px; font-weight: bold; text-transform: uppercase;}
.catNameActive { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 11px }
.catNumData {font-size: 12px; color: #FAF9F9; float: right; font-weight: bold; background: #2C98C7; padding: 3px 7px; border-radius: 2px;}
.catDescr { font-size: 11px; color: #606060; font-style: italic; padding-top: 2px }


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

Дизайн можно менять в любой цвет и вкус, а я на этом откланяюсь!
Прикрепления: 4151123.jpg (42.2 Kb)


Сообщение отредактировал
Dimstrik - Пятница, 13 Ноября 2015, 05:50
Страна: (RU)
Kosten
Пятница, 13 Ноября 2015 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Dimstrik, не дурно смотрится, недавно тот такие стили меню заливал на сайт.
Страна: (RU)
FeStemBer
Четверг, 03 Декабря 2015 | Сообщение 3
Оффлайн
Проверенные
Сообщений:355
Награды: 1
Есть по такой теме и навигация, если кто ставит категорий и меню, то ставить вместе, чтоб под дизайн и не плохо смотреться будет.
Страна: (RU)
Kosten
Четверг, 03 Декабря 2015 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Dimstrik, залей скрипт или сделай мануал, как вообще можно поставить такой дизайн. Ты к примеру делал на окне вход на сайт. А мне узнать как можно сделать, чтоб к примеру залил шаблон и что какие компоненты идут с ним и под полосу их, она слева а описание идет по правую сторону.

Вот как пример.

Прикрепления: 8724481.png (23.4 Kb)
Страна: (RU)
Сопрано
Четверг, 03 Декабря 2015 | Сообщение 5
Оффлайн
Vip
Сообщений:462
Награды: 4
Kosten, вот это интересно узнать. Смотрел в интернете и нешел, возможно специальный код нужно описание вставлять и стили прописать.
Страна: (RU)
FeStemBer
Четверг, 03 Декабря 2015 | Сообщение 6
Оффлайн
Проверенные
Сообщений:355
Награды: 1
Есть же какие то стили, чтоб с категорий убрать разметку цифр, без них категорий лучше смотрятся. Но также важно знать, сколько где закружено.
Страна: (RU)
Kosten
Четверг, 03 Декабря 2015 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Tventum, ты имел виду этот скрипт, только тут точно не скажу, но скобки точно уберет а вот цифры не знаю, так как не проверял.
Страна: (RU)
Сопрано
Четверг, 03 Декабря 2015 | Сообщение 8
Оффлайн
Vip
Сообщений:462
Награды: 4
Но здесь только и нужно скобки убрать и по дизайну намного лучше будет.
Страна: (RU)
FeStemBer
Четверг, 03 Декабря 2015 | Сообщение 9
Оффлайн
Проверенные
Сообщений:355
Награды: 1
Kosten, да этот, в самый раз подойдет под скрипт что предоставил Dimstrik, там красиво какк раз сделанно, но скобки идут как всегда и теперь можно убрать.
Страна: (RU)
Dimstrik
Четверг, 03 Декабря 2015 | Сообщение 10
Оффлайн
Vip
Сообщений:621
Награды: 6
Я немного не понял что вам и куда нужно, это дизайн стандартных категорий и просто копируете стили и устанавливаете их в свои стили сайта а если не работает то значит у вас нужно удалять ранее установленные или стандартные стили категорий.
Страна: (RU)
Kosten
Четверг, 03 Декабря 2015 | Сообщение 11
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Dimstrik, про скрин что залил, так можно сделать, но это точно, а вот как это делается.
Страна: (RU)
greencoste
Воскресенье, 24 Апреля 2016 | Сообщение 12
Оффлайн
Пользователи
Сообщений:3
Награды: 0
Спасибо большое за дизайн, мне он как раз подошёл к моей дизайну сайта
Страна: (RU)
rmadiev
Четверг, 26 Января 2017 | Сообщение 13
Оффлайн
Пользователи
Сообщений:6
Награды: 0
Kosten, приветствую ! подскажите пожалуйста , как стилизовать категорий как на баскино.клуб

Прикрепления: 2376543.jpg (29.9 Kb)
Страна: (KZ)
Kosten
Четверг, 26 Января 2017 | Сообщение 14
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
rmadiev, есть такая тема на одном сайте, ЗДЕСЬ посмотрите.



Прикрепления: 0938317.png (7.7 Kb) · 3560464.jpg (14.2 Kb)
Страна: (RU)
trem200
Пятница, 02 Июня 2017 | Сообщение 15
Оффлайн
Проверенные
Сообщений:433
Награды: 4
Как категории можно растянуть? В CSS смотрел, но не понял как можно растянуть.
Прикрепления: 5393394.png (16.7 Kb)
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Красивый дизайн категорий для uCoz
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: