• Страница 1 из 2
  • 1
  • 2
  • »
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » Подфорумы для ucoz
Подфорумы для ucoz
streeee[L]kaaaa
Сообщений: 29
Репутация: 0

Сообщение # 1 | 14:07:22
Как сделать чтобы подфорумы были не в строчку, а в столбик?

Добавлено (24 Июл 2014, 14:07:22)
---------------------------------------------
up
Сообщение отредактировал streeee[L]kaaaa - Четверг, 24 Июл 2014, 14:06:37
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 2 | 14:10:06
streeee[L]kaaaa, прописать в Панель Управления - Дизайн - Управление дизайном (CSS) :

Код
.subforumDescr a {
display: block;
}
streeee[L]kaaaa
Сообщений: 29
Репутация: 0

Сообщение # 3 | 14:41:54
получилось, и хотелось бы в 2 столбика или 3, и желательно убрать разделитель "|"
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 4 | 15:09:28
streeee[L]kaaaa, можно вот так:

Код
.subforumDescr a {
display: block;
font-size: 12px;
margin-right: 40px;
}

.subforumDescr {
font-size: 0;
}

.subforumDescr a:nth-last-child(2n+2){
float: left;
}

.forumModer {
clear: both;
}
streeee[L]kaaaa
Сообщений: 29
Репутация: 0

Сообщение # 5 | 15:19:20
о да, класс, получилось, спасибо! biggrin

Добавлено (24 Июл 2014, 15:19:20)
---------------------------------------------
есть еще 1 вопрос, а можно иконки к ним подкрепить? типа есть сообщения и нет

сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 6 | 16:38:39
streeee[L]kaaaa, просто картинки можно, есть сообщения/нет сообщений - нет.
streeee[L]kaaaa
Сообщений: 29
Репутация: 0

Сообщение # 7 | 17:24:47
а как картинку подставить тогда?
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 8 | 17:47:58
streeee[L]kaaaa, через стили css, прописываете для ссылки атрибут background: url('ссылка на картинку'); используя псевдокласс :nth-child. Пример:

Код
.subforumDescr a:nth-child(1) {  
background: url('ссылка на картинку');
}  

.subforumDescr a:nth-child(2) {  
background: url('ссылка на картинку');
}  

.subforumDescr a:nth-child(3) {  
background: url('ссылка на картинку');
}  

.subforumDescr a:nth-child(4) {  
background: url('ссылка на картинку');
}
streeee[L]kaaaa
Сообщений: 29
Репутация: 0

Сообщение # 9 | 18:15:47
на сколько я знаю background отвечает за фон, ну так и есть, картинка она как в фон становится а не рядом
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 10 | 18:20:48
streeee[L]kaaaa, фоновую картинку вы можете установить для любого элемента, это не обязательно фон самого сайта.
streeee[L]kaaaa
Сообщений: 29
Репутация: 0

Сообщение # 11 | 18:34:20
нееет, вы меня не поняли наверно, мне не надо чтобы та картинка было фоном, мне надо чтобы маленькая иконка была рядом с подфорумом, например подфорум "Общение" и с лева рядом маленькая иконка
Сообщение отредактировал streeee[L]kaaaa - Четверг, 24 Июл 2014, 18:35:55
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 12 | 18:37:48
streeee[L]kaaaa, я вам написал выше что нужно применять для этого.
streeee[L]kaaaa
Сообщений: 29
Репутация: 0

Сообщение # 13 | 18:41:32
http://www.full-cheats.ru/forum/
Сами посмотрите что получается, они встают фоном и дублируются
сondor
Сообщений: 4661
Репутация: 1528

Сообщение # 14 | 18:52:30
streeee[L]kaaaa,

Цитата
background: url('http://youhack.ru/images/styles/DarkCore/statusicon/subforum_old-98.png')no-repeat;
padding-left: 20px;


no-repeat добавляете. Картинку лучше загрузить себе на сайт, прописав путь к ней в css заново.
Для тех ссылок где нет иконки, добавляете в css .subforumDescr a:nth-child(N) где N номер элемента, в данном случае ссылки.

Получится вот так:

Прикрепления: 1849594.jpg (40.9 Kb)
streeee[L]kaaaa
Сообщений: 29
Репутация: 0

Сообщение # 15 | 19:03:15
теперь разделители появились
Сообщение отредактировал streeee[L]kaaaa - Четверг, 24 Июл 2014, 19:04:31
Сообщество uCoz » Архивариус » Корзина » Подфорумы для ucoz
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: