Список форумов в 2 колонки

Поделиться1Вт, 14 Авг 2012 14:44:33

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

Можно сделать список форумов в две колонки, как, например на phpBB:

0

Поделиться2Ср, 15 Авг 2012 01:26:14

Автор: wildAndrey
Заслуженный
Зарегистрирован: Ср, 4 Май 2011
Сообщений: 202
Уважение: +12
Позитив: +23
Пол: Мужской
Последний визит:
Пт, 15 Дек 2017 13:37:02

Finka написал(а):

Можно сделать список форумов в две колонки, как, например на phpBB:

да, было бы очень удобно и компактно!

0

Поделиться3Ср, 15 Авг 2012 07:18:17

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

Я пыталась и так и эдак, подставляя всё, что угодно, две колонки получаются, но криво. Знаю, что выход есть, но его знают только посвященные

0

Поделиться4Чт, 16 Авг 2012 20:12:16

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

rps, Romych, Deff, Goblin,
ну что, разве никто не знает как или по крайней мере возможно ли это на наших форумах?

0

Поделиться5Чт, 16 Авг 2012 21:42:35

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +203
Пол: Мужской
Последний визит:
Пн, 22 Апр 2024 13:59:20

Finka
Мммм... Как-нибудь так...
Вставлять... В любое окно стиля

.category table tr[id^="forum_f"] {
display: block;
width: 50%
}
.category table tr[id^="forum_f"]:nth-child(odd) {
float: left;
}
.category table tr[id^="forum_f"]:nth-child(even) {
margin-left: 100%;
}

Должно работать безотказно!

+1

Поделиться6Чт, 16 Авг 2012 22:40:20

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

kozhilya
:cool:
Только теперь подправить нужно грамотно. Поможете?

0

Поделиться7Чт, 16 Авг 2012 22:49:01

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +203
Пол: Мужской
Последний визит:
Пн, 22 Апр 2024 13:59:20

Finka
Ссылку в студию!

0

Поделиться8Чт, 16 Авг 2012 23:01:30

Автор: Finka
Заслуженный
Зарегистрирован: Вс, 3 Апр 2011
Сообщений: 618
Уважение: +16
Позитив: +129
Последний визит:
Ср, 10 Май 2017 01:12:10

http://vsemilye.rolebb.com/

0

Поделиться9Чт, 16 Авг 2012 23:15:37

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +203
Пол: Мужской
Последний визит:
Пн, 22 Апр 2024 13:59:20

Finka
Так. Исправь то, что я тебе дал на это:

.category table tr[id^="forum_f"], .category table th {
display: block;
}
.category table tr[id^="forum_f"]:nth-child(odd), .category table th:nth-child(odd) {
float: left;
}
.category table tr[id^="forum_f"]:nth-child(even), .category table th:nth-child(even) {
margin-left: 100%;
width: 100%
}

Отредактировано kozhilya (Чт, 16 Авг 2012 23:23:57)

0

Поделиться10Чт, 16 Авг 2012 23:23:10

Автор: kozhilya
Модератор
Зарегистрирован: Сб, 1 Окт 2011
Сообщений: 541
Уважение: +379
Позитив: +203
Пол: Мужской
Последний визит:
Пн, 22 Апр 2024 13:59:20

По поводу удвоение верхней строки... Попробуй так (импорвизация)

<script>
$(".main thead th").each(function() {
$(this).after($(this).clone());
}
</script>

0

Поделиться11Чт, 16 Авг 2012 23:30:39

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Сегодня 08:38:44

.category table tr[id^="forum_f"] {
vertical-align:top;
display: block;
width: 400px;
}
.category table tr[id^="forum_f"]:nth-child(odd) {
float: left;
}
.category table tr[id^="forum_f"]:nth-child(even) {
margin-left: 434px;
}