Доска объявлений - отображение фото в виде материалов

голоса: 0

В сделать так, что-бы в модуле "доска объявлений", в разделе объявления, отображалось фото.

И как изменить шрифт и в объявлениях и вообще везде на сайте? Что- бы он стал более читабельным (обычный шрифт Arial)

Адрес сайта http://neagent.my1.ru/
| Автор: | Категория: Объявления

Ответов: 1

голоса: 0

Чтобы в доске отображалось фото в виде материалов, добавьте в шаблон вида условие:

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

А чтобы изменить шрифт на всем сайте, это вам нужно в стилях заменить строки с 1-4 на свой шрифт, далее в боди строка 14:

a,body{color:#5e5859;font-family:"Roboto",sans-serif}

вместо выделенного красным прописать свой шрифт. Прочтите материал http://htmlbook.ru/blog/svoi-shrift-na-stranitse

| Автор:

Всё получилось, спасибо.

Но немного не то, что хотелось бы.

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

Вот что видно

А вот, что хотелось бы видеть на странице объявления и то, что указывалось при его подаче.

 

Kreativ,

В шаблоне страницы материала и комментариев найдите код:

<tr><td class="eText" colspan="2">$BRIEF$</td></tr>

и змените его на:

<tr><td class="eText" colspan="2">$MESSAGE$</td></tr>

Yuri_Geruk,
Да, спасибо. Изменения внесены. Но это все равно не помогла. Фотографий нет, из описания только раздел (описание объекта).  А как сделать так, что-бы были видны на странице фотографии, далее в данном случаи описание, этаж/этажей, количество комнат, квадратура, всё что вводилось при добавлении объявления?
Yuri_Geruk,

Не получается изменить шрифт.

Прочла статью, которую Вы направляли выше. Решила изменить шрифт сайта- Yanone Kaffeesatz, Roboto, Material Icons на Tahona. 

Вроде бы следовала Вашей инструкции, но не получилось.

А что касаемо первого вопроса- "Чтобы в доске отображалось фото в виде материалов, текст и фильтры" вопрос решила, но там несколько иначе надо было делать, не так как Вы писали. 

Kreativ,
  1. По шрифту, попробуйте использовать шрифты гугла, они работают стабильно. Если не работают те которые вы подключаете, нужно видеть пример (какой вы подключили) и где в стилях его прописали к какому элементу. Инструкция там не моя, а от автора webref / htmlbook. Если у вас не получилось, значит что-то неправильно сделали.
  2. Отлично что справились. 
Yuri_Geruk,

1) Как зделать отступ от фото?

Коды вида:

<div style="margin-right: 15px">$IMAGE1</div>

.eText img {margin-right: 15px !important;}

.eMessage img {margin-right: 10px;} 

не помогли

2) Выровнять его по середине относительно фотографии?

3) Сделать отступ красной строки меньше (максимально подтянуть красную полосу к объявлению)? 

Выравнивание с помощью кода в CSS .eBlock{position:relative;z-index:100;border-spacing:0;clear:both;table-layout:fixed;border:0;border-bottom:2px solid #e8314a;padding:10px 0 15px}  не помогло

Сейчас выглядит так http://skrinshoter.ru/s/160119/aHDRY1P3?a

Хотелось бы http://skrinshoter.ru/s/160119/ODCD2FkW?a

Kreativ,

Так попробуйте:

.eBlock .ulightbox img {margin-right:10px;}

Yuri_Geruk,

Сейчас код выглядит так 

Доска объявлений-вид материалов

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;">
 <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
 <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
 <?if($IMG_URL1$)?><a href="$IMG_URL1$" style='float:left' class="ulightbox"><img src="$IMG_SMALL_URL1$" alt="$TITLE$" /></a><?endif?>
<div>
<br> Цена: $OTHER6$
 <br> Площадь: $OTHER7$ м2
 <br> $AUTHOR_PHONE$
 <br> $MESSAGE$
 </div>
<?if($RATING$)?><div class="rate-stars-wrapper" style="float:right"><?$RSTARS$('16','/.s/t/1717/rating_16x16.png','0','float')?></div><?endif?>
 </div></td></tr></table><br />

Yuri_Geruk,
Юрий, спасибо за ответ.  Нет, не получается.
Kreativ,

И не получится так как вы стили непраивльно установили. Установить нужно после стилей:

.eMessage img {float:left;}

...