РАЗМЕЩАЕМ ТЕКСТ ПОВЕРХ ИЗОБРАЖЕНИЯ

Скрытые возможности Jimdo.


Наиболее часто возникающий вопрос у веб-дизайнеров, работающих на Jimdo, - как, не меняя шаблона, разместить текстовый модуль поверх изображения. Задача, казалось бы, простая: вставить в статью картинку, а поверх картинки наложить текст, с возможностью его редактирования и изменения. Текстовый модуль должен иметь возможность ставить на определённые слова ссылки. Ну и иметь возможность, при желании, заменить и саму картинку.

 

Это может понадобиться, например, при оформлении доски объявлений, или ещё для какой- нибудь дизайнерской задачи.

 

Самое интересное в том, что в русскоязычной службе техподдержки утверждают, что сделать это стандартными средствами конструктора невозможно. Это не совсем так.

 

Как это сделать я Вам сейчас расскажу.

 

Вот пример.

 

 

 

 

 

 

         вебинары,

 

         библиотека,

 

         статьи,

 

         афиша,

 

         галереи,

 

         контакты,

 

         вопросы и комментарии.     

В этом случае на картинке с прозрачным фоном (изображение в формате png) размещено меню из сайд бара с соответствующими пересылками .

Итак, как разместить текст, или html – виджет на изображении?

 

Для начала необходимо перейти в режим редактирования навигационного меню и создать новую страничку. Назовите ее (например, «изображения» ) и обязательно сделайте невидимой. Это будет специальная «служебная» страничка, на которой мы будем размещать изображения для будущих подложек. По большому счету, абсолютно все равно, где будут находиться необходимые Вам изображения - на этом сайте, или на другом. Нам необходима только ссылка на это изображение, а не само изображение. Просто, если картинка расположена на другом сайте, то это увеличивает риск её пропажи или медленной загрузки, поэтому изображение лучше разместить на Вашем же сайте на специальной служебной страничке.

 

Изображение должно быть загружено того размера, которое Вам понадобится. После его загрузки, увеличьте картинку до максимального размера (т.е., до исходного) средствами Jimdo. Подготовительный этап на этом можно считать оконченным.

 

Далее. В нужном месте Вашего сайта нужно вставить модуль «таблица».

 

Для этого инструментами модуля «Удалить столбец» и «Удалить строку» удалите все столбцы и строки, оставив одну ячейку. В этой ячейке Вы размещаете необходимый Вам текст, или, перейдя в режим html (так же, как и в обычном текстовом модуле), вставляете код Вашего виджета.

 

Затем в режиме «параметры ячейки» и в разделах вертикальное и горизонтальное выравнивание Вы устанавливаете желаемое расположение текста. В ячейках «Ширина» и «Высота» устанавливаете размеры вашего изображения в пикселях.

 

 

Далее переходите в раздел «Дополнительно» (все та же палитра «Параметры ячейки») и в ячейку «Фоновое изображение» вставляете ссылку на вашу картинку из служебной страницы. Ссылочку можно получить, кликнув правой кнопочкой мышки на изображении на «служебной» страничке и в открывшемся меню выбрав «копировать ссылку на изображение». Изображение может быть как в формате jpg, так и с прозрачным фоном в формате png. Можно даже разместить анимированный gif.

 

 

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

 

Ну вот, собственно, и все.

 

Если есть вопросы, Вы можете их задать в форме для комментариев, расположенной ниже. Подписывайтесь на обновления сайта и я буду продолжать знакомить Вас с дополнительными возможностями Jimdo. Ведь, как говорят в Одессе, «их есть у нас»!

 

С приветом, Валерий Пичко.