DLE Forum

Автор: wmaximum

Опубликовано: 535 дней назад (25 августа 2010)

Блог: Wmaximum

Рубрика: InstantCMS

Редактировалось: 1 раз — 25 августа 2010

+13↑

Голосов: 13

Вот дурные мысли не дают покоя, решил взяться и преобразить стандартный форум в нечто подобное форуму от DLE.

Пока сильно не старался, но промежуточным итогом могу поделиться с Вами. Так пока переделала отображение постов и получилось вот так:

Сам поправленный модуль можно скачать Здесь
Файлы из архива нужно залить в папку /components/

В файл стилей вашего шаблона необходимо добавить следующие строки:

Код PHP:

/* --------------------------------------------------

Классы для таблиц ipbtable

-------------------------------------------------- */

.ipbtable {
	width: 100%;
}

table.ipbtable, tr.ipbtable, td.ipbtable {
	background: transparent;
	color: #222;
	font-size: 11px;
	line-height: 135%;
	border-color: #fff;
}

.ipbtable td, .divpad {
	padding: 5px;
	border-color: #fff;
}

/*

td.nopad {
	padding: 0;
}*/

/* --------------------------------------------------

Классы для строк (столбцов) форума

-------------------------------------------------- */

.row {
	background-color: #BBC8DC;
	font-size:10px;
}

.row1 {
	background-color: #DFE6EF;
}

.row2 {
	background-color: #E4EAF2;
}

.formsubtitle {
	background-color: #D1DCEB;
	border: 1px solid #8394B2;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	color: #3A4F6C;
	font-weight: bold;
	padding: 5px;
}


.post248 {
	background-color: #E4EAF2;
	border-top: 0px;
}

/* --------------------------------------------------

Классы для постов форума и контентсодержащей таблицы

-------------------------------------------------- */

td.formbuttonrow, .borderwrap p.formbuttonrow, .borderwrap p.formbuttonrow1 {
	background-color: #D1DCEB !important;
	border: 1px solid #FFF;
	border-top: 1px solid #5176B5;
	margin: 0px !important;
	padding: 5px !important;
	text-align: right;
}

td.formbuttonrow {
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

.postdetails {
	font-size: 10px;
	line-height: 140%;
}

.postcolor {
	font-size: 12px;
	line-height: 160%;
}

(Взято из каскадки длешного форума)

Сильно не ругайте, ведь только начало, хотя обоснованную критику приемлю.

← Всплывающее окно на jQuery | ALT в фотогалерее... →

Теги: хак, форум, dle forum

Комментарии (10)

lezginka.ru # 25 августа 2010 в 04:23 0

wmaximum, было бы хорошо посмотреть демо сайт

wmaximum # 25 августа 2010 в 07:23 0

пример работы ТУТ

Евгений # 25 августа 2010 в 08:19 +1

Симпатично. Молодец!

Greener # 25 августа 2010 в 22:19 0

Интересный вариант.
Мне кажется, было бы логично "Меню" и "Меню пользователя" раскидать по разным сторонам, а между ними, по центру, разместить сам форум.

wmaximum # 22 января 2011 в 12:53 0

Как известно, поисковики любят сайты в которых вначале идет контент, а затем менее заничимая информация в виде менюшек, исход из этого и был выбран соответствующий дизайн...

Amurland # 29 августа 2010 в 17:57 0