Question

Меня интересует как наложить картинку (сейчас это картинка с девушкой например) на монитор так, как буд-то эта картинка в мониторе, хочу сделать так в страница материала и комментариев к нему. Вот скрин

Вот html код:

<div class="prewdisplay"><img src="/images/display.png" /></div>
<div class="prewimg"><img src="$SCREEN_URL$" width="450" height="200" /></div>

И css код:

.prewimg{width:507px;height:362px;margin:auto;}
.prewdisplay{margin-top:15px;margin-left:113px;position:relative;}

Спасибо!

Comments

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

---

Добавил ссылку. Заранее спасибо! Очень важно

Answer 1

Перейти в Панель управления - Главная - Дизайн - Управление дизайном(шаблоны) - Доска объявлений - Страница материала и комментариев, далее в коде найти следующую часть шаблона:

<div class="prewdisplay"><img src="/images/display.png"></div>
<div class="prewimg"><img src="$IMG_URL1$" width="450" height="200"></div>

Заменить на:

<div class="prewdisplay"><img src="/images/display.png">
<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img class="prewimg" src="$IMG_URL1$" alt="$TITLE$" width="450" height="200" /></a><?endif?>
</div>

В Таблице стилей CSS найти строку номер 109:

.prewimg{width:507px;height:362px;margin:auto;}

Заменить на:

.prewimg{width:507px;height:362px;margin: 22px -560px;z-index: 100;border-radius: 5px;position: absolute;}

Должно получиться, провярял.