Question

Как сделать, чтобы фото, вставленное кодом $IMAGEх$, имело нужный мне размер на странице, а по клику увеличивалось бы?

Answer 1

1. Чтобы задать нужный размер, можно в Таблицу стилей CSS прописать нужные параметры примерно так:

.eMessage img {width:100px;height:100px;}

Вместо выделенного красным пропишите свой ширину и высоту изображениям.

2. По клику данное изображение увеличивается по умолчанию и что-то добавлять или менять здесь не нужно.

Comments

Скажите, а в чем разница между добавлением через код $IMAGEХ$ и загрузкой фотки на сервер?

---

Когда прописал это в таблицу стилей, на сайте сразу пропал весь дизайн. Удаление строчки уже не помогает. Приходится заново менять шаблон. Почему так происходит?

---

1. Где ссылка на проблемный сайт? В том случае если полетел шаблон, значит либо вы вставили не туда куда нужно либо зацепили лишние стили.
2. Дополнительно, как вариант как я предполагаю вы подбирали разные шаблоны в Общих настройках сайта.  В таком случае часто остается старая таблица стилей от прошлого шаблона  и в итоге вы ее применили к новому шаблону сохранив ее и дизайн полетел.
3. Выход с ситуации, перейти в Панель управления - Главная - Дизайн - Управление дизайном(CSS), далее в правом верхнем углу жмем на кнопку - Восстановить стандартный шаблон и в самый низ после вставьте стили, что я дал выше и сохраните.
4. Обновите главную страницу сайта.

---

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

---

при добавлении фото, оно занимает половину всей ширины страницы. хотя, в конец таблицы css, я вставил вашу строку и прописал маленький размер. не могу понять в чем дело? при создании страницы размеры остались 400х500 как и раньше.

---

где ссылка на ваш сайт? мы так можем беседовать еще пару дней не увидев вашего сайта без которого, я вам конкретно не дам ответ не видя проблемы

---

Вот ссылка: http://knamnamore.ru/ он, правда, пустой совсем, надеюсь, поможет.

---

Добавьте тестовый материал и ссылочку на него предоставьте так как нужен пример и чтобы там было обязательно изображение о котором вы говорите.

---

http://knamnamore.ru/index/pervomajskaja_56/0-49  последнее фото заливалось с настройками по умолчанию. потому такой размер.

---

читаем ответ ниже

---

когда я прописал этот код, кнопки визуального редактора, редактора хтмл и кнопка удалить растянулись по ширине. меняю размеры - меняются и кнопки. как это исправить?

---

в таком случае удалите те стили, что я давал выше

---

я полностью восстановил таблицу и заново прописал последнюю фразу. не помогло

---

ничего вы не удалили, я вот об этом, что вы добавили в таблицу стилей:
#content img {width:88px;}
#content img {height:88px;}

---

когда это удаляю, фотографии снова становятся большими

---

так и будет, вы при добавлении фото сразу задавайте ее точный размер - http://i.imgur.com/T8gqvuO.png

---

там при одинаковых параметрах высоты и ширины, фото остаются прямоугольными

---

> там при одинаковых параметрах высоты и ширины, фото остаются прямоугольными
>> Задаем нужные вам размеры или я должен догадаться о чем вы думаете.

Иначе делаем по другому, к примеру завертываем данные коды изображений в новый идентификатор - http://i.imgur.com/QtSEZac.png :
<div id="picter">$IMAGE1$ $IMAGE2$ $IMAGE3$ $IMAGE4$</div>

Далее в таблице стилей задаем свои стили и размеры для идентификатора:
#picter img {width:88px;height:88px;}
Старые стили, что выше вы сохранили удалите в таком случае.

Параметры - 88px меняем под нужную вам высоту и ширину.

---

Зачем дублировать темы(пропало качество фотографий в каталоге), я вам выше ответил удалите с Таблицы стилей CSS:
#content img {width:88px;}
#content img {height:88px;}
Это и есть причина.