Как настроить расположение фото в виде материалов слева и обтекающее текстом?

голоса: 0

1) http://olga-city.ru/board/uslugi_v_raznykh_sferakh/transport_perevozki/vyvoz_musora_gruzoperevozki/179-1-0-7
ЩАс картинка стоит, я сам поставил $IMAGE3$ , а как сделать чтобы загрузил фото и оно само на объявление добавлялось. Вот как у вас, загрузил фото с компа и ее сразу в описание закинуло
2) Как сделать такую штуку как на авито, тип: вип объявления, чтобы он был на всех раздела, то-есть: новость, объявления, главная и т. д
Если что-то не понятно пишите дополню!

Адрес сайта http://olga-city.ru
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

Достаточно легко это делается, в виде материалов модуля добавляете подобное условие:

<?if($IMG_URL1$)?><div class="imgnews"><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" alt="$TITLE$" /></a></div><?endif?>

после в стили пишем:

.imgnews img {float:left;width:250px;}

в итоге положение фото будет слева и текст объявления будет обтекать фото, ширина фото 250 это вы в стилях можете подредактировать.

| Автор:
Выбор ответа лучшим | | Автор: федор Тугунов

Не вышло! с боку нету!

федор Тугунов,
все вышло, просто текста у объявлений нет, а фото расположены как нужно
федор Тугунов,

Замените ваши стили:

.imgnews img {float:left;width:100px;}

на:

.imgnews img {float:left;padding: 5px;width:100px;}

после еще в строке 115:

.eMessage {text-align:justify;padding:10px !important;margin-left:50px;}

замените на следующие:

.eMessage,.eMessage div {text-align: left!important;margin: 0 5px!important;line-height: 1.5;clear: none!important;}

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

Плюс ко всему, удалитс таблицы стилей следующий бред:

<style></style>

<link type="text/css" rel="StyleSheet" href="http://webmaster-profi.ru/scripts_ucoz/mchat-publ.css"> 
 <script src="http://webmaster-profi.ru/scripts_ucoz/jquery.cookie.js"></script> 
 <script src="http://webmaster-profi.ru/scripts_ucoz/lsonline-1.0.js"></script>

 

...