Как сделать обтекаемую текстом картинку в объявлениях?

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

#1 9 мая 2013 в 00:33

Версия движка 1.9.
В настоящее время в объявлении картинка получается слева, а текст справа, что при длинном объявлении не совсем красиво выглядит на моем сайте.

Вопрос: Что подправить в файле com_board_item.tpl, чтобы текст обтекал картинку, точно также, как это реализовано в статьях?

Вот пример как это выглядит в статьях:

На машину и квартиру я заработал тут: http://clck.ru/1LXQk

#2 9 мая 2013 в 09:48

Можно так:
ищем таблицу:

 
<table width="100%" height="" cellspacing="" cellpadding="0" class="bd_item_full">
	<tr>
		{if $item.file && $cfg.photos}
			<td width="64">
					<img class="bd_image_small" src="/images/board/medium/{$item.file}" border="0" alt="{$item.title|escape:'html'}"/>
			 </td>
		{/if}
		<td valign="top">
			<div class="bd_text_full">
            	<p>{$item.content}</p>
                {if $formsdata}
                    <table width="100%" cellspacing="0" cellpadding="2" style="border-top:1px solid #C3D6DF; margin:5px 0 0 0">
                        {foreach key=tid item=form from=$formsdata}
                        {if $form.field}
                            <tr>
                                <td valign="top" width="140px">
                                    <strong>{$form.title}:</strong>
                                </td>
                                <td valign="top">
                                    {$form.field}
                                </td>
                            </tr>
                        {/if}
                        {/foreach}
                     </table>
                {/if}
            </div>
		</td>
	</tr>
</table>

Заменяем ее на:

 
<table width="100%" height="" cellspacing="" cellpadding="0" class="bd_item_full">
	<tr>
		<td valign="top">
			<div class="bd_text_full">
			    {if $item.file && $cfg.photos}
			        <img class="bd_image_small" src="/images/board/medium/{$item.file}" border="0" alt="{$item.title|escape:'html'}"/>
				{/if}	
            	<p>{$item.content}</p>
                {if $formsdata}
                    <table width="100%" cellspacing="0" cellpadding="2" style="border-top:1px solid #C3D6DF; margin:5px 0 0 0">
                        {foreach key=tid item=form from=$formsdata}
                        {if $form.field}
                            <tr>
                                <td valign="top" width="140px">
                                    <strong>{$form.title}:</strong>
                                </td>
                                <td valign="top">
                                    {$form.field}
                                </td>
                            </tr>
                        {/if}
                        {/foreach}
                     </table>
                {/if}
            </div>
		</td>
	</tr>
</table>

И в файле стилей находим:

 
img.bd_image_small

И добавляем к нему:

 
float: left;

ПС: извиняюсь, сразу не обратил внимание что версия 1.9, написано по 1.10..., но смысл остается тот же)
нужно изображение перенести в блок с текстом и добавить ему выравнивание по левому краю!)

ПС: немножечко подправил! сразу пропустил проверку наличия фото!

#3 9 мая 2013 в 12:24

Спасибо! Все работает!

На машину и квартиру я заработал тут: http://clck.ru/1LXQk

Приглашение в клубы

Модуль голосования на 1.10.1

Как сделать обтекаемую текстом картинку в объявлениях?

Похожие темы

как сделать свою картинку или слайдер вверху?

[ЗАКРЫТО] Зависимые поля

как сделать header?

[ЕСТЬ РЕШЕНИЕ] Куда загружается картинка?

[ЕСТЬ РЕШЕНИЕ] Картинки в каталоге статей

[ЕСТЬ РЕШЕНИЕ] Alt ко всем загружаемым картинкам

InstantCMS Team

О проекте

Поддержка

Дополнения