[Айдар]

Добрый день!
Помогите добавить блок в сообщение.
Хочу сделать по типу такого: forum.awd.ru/viewtopic.php?f=60&t=104978&sid=9c7fdc612f6050809bbc435818ca72aa
Т.е. рекламный блок в первом сообщении. В приведенной ссылке блок находится в тексте, текст располагается вокруг него.
У меня стоит Advertisement Management, в viewtopic_body добавил такой код:

<!-- IF postrow.S_FIRST_ROW -->
<dl class="postprofile">
<dt>
{ADS_11}
</dt></dl>
<!-- ELSE --><!-- ENDIF -->

Появился блок справа текста, но он необтекаем, т.е. образует дополнительную колонку в первом посте (по сути является таким же блоком, как правая колонка профиля пользователя с аватаром и ником).

Как я понимаю нужно добавить в таблицу стилей какой-то код, который потом нужно будет прописать в <dl class="...">.
Подскажите куда и что добавить, чтобы сделать обтекаемый текст. Стиль prosilver.

[nissin]

Начните с
http://htmlbook.ru/css/float

[Rozbo]

Сделал в content.css такую запись путем редактирования записи postprofile:

Код: Выделить всё

/* First post block
----------------------------------------*/
.firstpostblock {
	margin: 5px 0 10px 0;
	color: #666666;
	float: right;
	display: inline-block;
}

Но запись в viewtopic_body

Код: Выделить всё

<!-- IF postrow.S_FIRST_ROW -->
<dl class="firstpostblock">
<dt>
{ADS_11}
</dt></dl>
<!-- ELSE --><!-- ENDIF -->

ничего не дает и по-моему при ее включении даже форум начал тормозить. Кэш очистил.
Что я сделал неправильно?

Добавлено спустя 37 минут 50 секунд:
а еще лучше подскажите как без css выполнить данную задачу:)

[nissin]

почему не хотите просто срисовать с forum.awd.ru?
OPEN viewtopic_body.html
FIND

Код: Выделить всё

			<div class="content">{postrow.MESSAGE}</div>

REPLACE WITH

Код: Выделить всё

			<div class="content">
				<!-- IF ADS_10 and postrow.S_FIRST_ROW -->
					<div style="clear: right;"></div>
					<div id="ad_layer1">
					<div id="ad_layer2">
						{ADS_10}
					</div>
					</div>
				<!-- ENDIF -->
				{postrow.MESSAGE}
			</div>

в конце common.css:

Код: Выделить всё

/* Ad in First Post
---------------------------------------- */

#ad_layer1 {
	float: right;
	padding: 0 1.2em 0 1.2;
	background-image: url("{T_THEME_PATH}/images/stickynote300x285.png");
	background-position: right;
	background-repeat:no-repeat;
	width: 300px;
	height: 285px;
	border: none;
}

#ad_layer2 {
	position:relative;
	top: 19px;
	left: 25px;
	border: none;
}

[Rozbo]

nissin
Спасибо, практически заработало, но нет обтекаемости снизу, только слева, т.е. опять образуется как бы колонка, а хотелось бы, чтобы если текста много, то под этим блоком текст был во всю ширину. У них это как-то реализовано.

[nissin]

Собственно это я для awd.ru делал.
Чуть-чуть неправильно инструкцию написал, сейчас исправил.

[Rozbo]

nissin
Спасибо большое! Теперь в тексте есть обтекаемость, но есть другая проблема: если тема начинается с картинки, то появляется отступ сверху над картинкой по размеру рекламного блока. Т.е. блок располагается справа сверху, а картинка не может быть расположена параллельно блоку, только под ним.

[nissin]

Если картинка по ширине не входит, то ничего нельзя сделать.

[Rozbo]

это было бы понятно, но даже с небольшой картнкой, к примеру 100х100

[nissin]

Можно попробовать поиграться с параметром display для img внутри .content

Код: Выделить всё

.content img {
	display: inline;
}

[Rozbo]

Поигрался, не сработало, все параметры перепробовал. Также пробовал прописывать display в .attach-image и в .attach-image img.
Везде, кроме параметра none никакого эффекта.
Наверно надо сказать, что картинки в посте - это вложения, вставленные в текст сообщения.

[nissin]

Для вложений нужно в content.css править:

Код: Выделить всё

/* Inline image thumbnails */
div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
	display: block;
	margin-bottom: 4px;
}

попробовать заменить display: block; на display: inline-block;