Сообщений в теме: 22

[Снежколеп]

Vaccina (20 Май 2015 - 05:12) писал:

В шаблоне Страница вместо:

<a style="display: inline-block; width: 100px;"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" style="height: 100px;">
Тел: +7 (964) 000-00-88
Email: zzzz@mail.ru
Адрес: Алтуфьевское шоссе дом 27
Сайт: wwww.снежколеп.рф
</a>

используйте следующую конструкцию:

<div class="representative">
<a href="ссылка на представителя"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" alt="" /></a>
<p>Тел: +7 (964) 000-00-88</p>
<p>Email: zzzz@mail.ru</p>
<p>Адрес: Алтуфьевское шоссе дом 27</p>
<p>Сайт: wwww.снежколеп.рф</p>
</div>

например, если 2 представителя, то структура будет следующей:

<div class="representative">
<a href="ссылка на представителя"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" alt="" /></a>
<p>Тел: +7 (964) 000-00-88</p>
<p>Email: zzzz@mail.ru</p>
<p>Адрес: Алтуфьевское шоссе дом 27</p>
<p>Сайт: wwww.снежколеп.рф</p>
</div>
<div class="representative">
<a href="ссылка на представителя"><img src="http://originalnie-podarki.com/wordpress/wp-content/uploads/2012/12/12.jpg" alt="" /></a>
<p>Тел: +7 (964) 000-00-88</p>
<p>Email: zzzz@mail.ru</p>
<p>Адрес: Алтуфьевское шоссе дом 27</p>
<p>Сайт: wwww.снежколеп.рф</p>
</div>

Для стилизации блоков в конец main.css вставьте:

.pagecont #city_info {
text-align: center;
}
#city_info .representative {
display: inline-block;
margin: 1%;
min-width: 200px;
text-align: center;
width: 30%;
}

Огромное спасибо за ответы =)
Теперь осталось по мелочам:

1. как можно управлять размерами фотографий? я имею ввиду как их можно уменьшать?
2. Нет ответа на этот вопрос: Там учтены пропорции, сделаны пробелы, сделать надпись: (Стань представителем!) с подчёркиванием и синим цветом, что бы люди поняли что это активная ссылка.
Спасибо.

[Firefly]

Снежколеп (20 Май 2015 - 10:23) писал:

Огромное спасибо за ответы =)
Теперь осталось по мелочам:

1. как можно управлять размерами фотографий? я имею ввиду как их можно уменьшать?
2. Нет ответа на этот вопрос: Там учтены пропорции, сделаны пробелы, сделать надпись: (Стань представителем!) с подчёркиванием и синим цветом, что бы люди поняли что это активная ссылка.
Спасибо.

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

#city_info .representative a img {
width: 60%;
height: auto;
}

Здесь можете изменять процентное значение ширины картинок width на свое.
Высота будет меняться автоматически.

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница, найдите код:

<a href="http://снежколеп.рф/page/Stan-predstavitelem"><span>Стань представителем!</span></a>

Замените на:

<a href="http://снежколеп.рф/page/Stan-predstavitelem" style="text-decoration: underline; color: #0f72da;"><span>Стань представителем!</span></a>

[Снежколеп]

Firefly (20 Май 2015 - 11:01) писал:

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

#city_info .representative a img {
width: 60%;
height: auto;
}

Здесь можете изменять процентное значение ширины картинок width на свое.
Высота будет меняться автоматически.

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Страница, найдите код:

<a href="http://снежколеп.рф/page/Stan-predstavitelem"><span>Стань представителем!</span></a>

Замените на:

<a href="http://снежколеп.рф/page/Stan-predstavitelem" style="text-decoration: underline; color: #0f72da;"><span>Стань представителем!</span></a>

Супер, спасибо огромное =)