Как добавить два изображения по бокам от "контента" сайта?

fops88 01.12.2015 Все вопросы » Общие вопросы по вёрстке 3468

вопрос

Собственно как добавить изображения по бокам на сайт(фон1 и фон2 соответственно)?
Не хочется делать общее изображение одним файлом, а хотелось 2 изображения по отдельности. Чем руководствоваться, блоки?

Ответа пока нет

3 комментария

Юзер

300

misha-koder - 2015-03-091 декабря 2015 22:14 - #50654

Блоки с абсолютным позиционированием и z-index при необходимости.

Юзер

fops88 - 2015-03-091 декабря 2015 22:16 - #50655

Я немного чайник в верстке, я так понимаю через <div> делать и в css забивать позиции?

Юзер

300

misha-koder - 2015-03-092 декабря 2015 00:14 - #50657

Именно так. Хотя можно и другим путём пойти - обернуть контент двойным дивом с позиционированием бэкграунда. В интернете много информации про всё это. Читайте, пробуйте.

Как сделать, так, чтобы слайдер находящейся на всех страницах сайте, при переходе на другую страницу сайта не сбрасывался?

30.12.2014 Freon97 Общие вопросы по вёрстке, Шаблоны (TPL), jQuery

Как разметить изображения shema ,при добавлении через wysiwyg ?

18.01.2015 almazzz Общие вопросы по вёрстке

OpenGraph и Schema.org использовать вместе или по отдельности?

09.03.2015 vk_159926832 Общие вопросы, Общие вопросы по вёрстке

Последние события

Morse | Интеграция Multilanguage в DialogPM ⁴

Morse
Интеграция Multilanguage в DialogPM
Вчера, 23:02

В общем сделал, остался вопрос только с работой AJAX, т.е. при выполнении любого AJAX подгружает с дефолтного языка. Все еще актуально
Morse | Интеграция Multilanguage в DialogPM ⁴

Morse
Интеграция Multilanguage в DialogPM
Вчера, 13:08

Все теги [lang] в DialogPM работают, мне всего-лишь нужно сделать, чтобы он отображался в версиях /en/ и /uk/ . Ссылки формируются некорректно. Бегло просмотрел файлы модулей, не все закатано.
deadluk | Интеграция Multilanguage в DialogPM ⁴

deadluk
Интеграция Multilanguage в DialogPM
Вчера, 12:58

Насколько мне известно модуль от Japing полностью закатан в кубик. Сам автор раньше адаптировал чужие модули под свой за небольшой прайс. Проблема в том, что DialogPM тоже закрыт кубиком и это может стать проблемой.
TeraMoune | Интеграция Multilanguage в DialogPM ⁴

TeraMoune
Интеграция Multilanguage в DialogPM
Вчера, 00:54

Что именно интегрировать и уверены ли Вы, что можно ? Оба модуля не бесплатные.
raimikmb | Как вывести og:image:width и og:image:he ... ⁵

raimikmb
Как вывести og:image:width и og:image:height ?
23-07-2025, 17:10

Все нашел!!! Еще раз спасибо.
TeraMoune | Как вывести og:image:width и og:image:he ... ⁵

TeraMoune
Как вывести og:image:width и og:image:height ?
23-07-2025, 16:40

Сделать поиск $social_tags['image'] и добавить getimagesize везде ниже этого тега, а в функции передать значение тега social_tags. Там их 3 штуки и работает по очереди. Сперва в og тег ищет картинки из описания новости и полей но тех которые в html типе то есть значения содержащие именно <img> объект. Если картинок не нашлось будет искать в поле images, а если и там нету то в imagegalery.
raimikmb | Как вывести og:image:width и og:image:he ... ⁵

raimikmb
Как вывести og:image:width и og:image:height ?
23-07-2025, 15:44

ммм а если есть только одна картинка и она добавлена в доп поле "Загружаемая галерея изображений" ... как быть тогда?
raimikmb | Как вывести og:image:width и og:image:he ... ⁵

raimikmb
Как вывести og:image:width и og:image:height ?
23-07-2025, 15:13

TeraMoune, спасибо огромное... слепой я, как не увидел это... начал мудрить всякую чушь
TeraMoune | Как вывести og:image:width и og:image:he ... ⁵
TeraMoune
Как вывести og:image:width и og:image:height ?
23-07-2025, 14:03
В файле же есть место где забивается переменная картинки, в том месте и стоит пробовать.
```
if ( count($images) ) {
	$social_tags['image'] = str_replace("/thumbs/","/",$images[0]);
	$social_tags['image'] = str_replace("/medium/","/",$social_tags['image']);
}
```
Добавить в условии ниже последнего $social_tags['image'].
```
$image_info = getimagesize( $social_tags['image'] );
if( $image_info ) {
       	$social_tags['image:width'] = $image_info[0];
       	$social_tags['image:height'] = $image_info[1];
}
```
redissx | Как сделать чтобы картинка обновилась пр ... ³

redissx
Как сделать чтобы картинка обновилась при переходе на главную из полной новости?
23-07-2025, 11:13

На будущее. Ставим уник класс в фуллстори.тпл. При обнове страницы проверяем наличие класса и в зависимости от результата ставим убираем фон.