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

 
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1180
Версия движка 1.9.
В настоящее время в объявлении картинка получается слева, а текст справа, что при длинном объявлении не совсем красиво выглядит на моем сайте.

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

Вот пример как это выглядит в статьях:
Как сделать обтекаемую текстом картинку в объявлениях?
Редактировалось: 1 раз (Последний: 9 мая 2013 в 00:38)
На машину и квартиру я заработал тут!
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатийПочетный донор проекта
Сообщений: 2928
Можно так:
ищем таблицу:
Код PHP:
  1.  
  2. <table width="100%" height="" cellspacing="" cellpadding="0" class="bd_item_full">
  3. <tr>
  4. {if $item.file && $cfg.photos}
  5. <td width="64">
  6. <img class="bd_image_small" src="/images/board/medium/{$item.file}" border="0" alt="{$item.title|escape:'html'}"/>
  7. </td>
  8. {/if}
  9. <td valign="top">
  10. <div class="bd_text_full">
  11. <p>{$item.content}</p>
  12. {if $formsdata}
  13. <table width="100%" cellspacing="0" cellpadding="2" style="border-top:1px solid #C3D6DF; margin:5px 0 0 0">
  14. {foreach key=tid item=form from=$formsdata}
  15. {if $form.field}
  16. <tr>
  17. <td valign="top" width="140px">
  18. <strong>{$form.title}:</strong>
  19. </td>
  20. <td valign="top">
  21. {$form.field}
  22. </td>
  23. </tr>
  24. {/if}
  25. {/foreach}
  26. </table>
  27. {/if}
  28. </div>
  29. </td>
  30. </tr>
  31. </table>
  32.  
Заменяем ее на:

Код PHP:
  1.  
  2. <table width="100%" height="" cellspacing="" cellpadding="0" class="bd_item_full">
  3. <tr>
  4. <td valign="top">
  5. <div class="bd_text_full">
  6. {if $item.file && $cfg.photos}
  7. <img class="bd_image_small" src="/images/board/medium/{$item.file}" border="0" alt="{$item.title|escape:'html'}"/>
  8. {/if}
  9. <p>{$item.content}</p>
  10. {if $formsdata}
  11. <table width="100%" cellspacing="0" cellpadding="2" style="border-top:1px solid #C3D6DF; margin:5px 0 0 0">
  12. {foreach key=tid item=form from=$formsdata}
  13. {if $form.field}
  14. <tr>
  15. <td valign="top" width="140px">
  16. <strong>{$form.title}:</strong>
  17. </td>
  18. <td valign="top">
  19. {$form.field}
  20. </td>
  21. </tr>
  22. {/if}
  23. {/foreach}
  24. </table>
  25. {/if}
  26. </div>
  27. </td>
  28. </tr>
  29. </table>
  30.  
И в файле стилей находим:

Код CSS:
  1.  
  2. img.bd_image_small
  3.  
И добавляем к нему:
Код CSS:
  1.  
  2. float: left;
  3.  
ПС: извиняюсь, сразу не обратил внимание что версия 1.9 , написано по 1.10..., но смысл остается тот же)
нужно изображение перенести в блок с текстом и добавить ему выравнивание по левому краю!)

ПС: немножечко подправил! сразу пропустил проверку наличия фото!
Редактировалось: 2 раз (Последний: 9 мая 2013 в 09:59)
Посетитель
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1180
Спасибо! Все работает!
На машину и квартиру я заработал тут!
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: