Question

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

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

Answer 1

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

<?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

Comments

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

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

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

Вот что видно

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

 

---

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;}