Google maps в шапке сайта

  • Решено shamov

    (@shamov)


    10 лет, 5 месяцев назад

    Привет всем ! Я новичок.
    Друзья, подскажите направление пожалуйста вот по такому вопросу:

    Практически в любой теме, в шапку можно загрузить изображение. А как вместо изображения в область шапки встроить карту google maps ?
    Например, в теме twenty twelve ?

    Искал решение в инете — не нашел ответа. Я догадываюсь, что надо поменять строчки кода в шаблоне. Наверное в файле header.php
    А куда там конкретно и вместо чего вставить код карты ?
    Нужно ли как-то менять файл CSS стилей ?

    Выручайте, — от чего оттолкнуться, что читать. А так-то наверняка решение простое, просто не знаю как. Рассчитываю на вас друзья !

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Автор shamov

    (@shamov)

    10 лет, 5 месяцев назад

    Нашёл пример: http://preview.ait-themes.com/index.php?bartype=desktop&theme=directory

    Только карту по высоте меньше, но также на всю ширину чтоб была. Я верю что это возможно !

    Автор shamov

    (@shamov)

    10 лет, 5 месяцев назад

    Я нашел решение !!! И безмерно рад !

    СКРИНШОТ

    Поставил плагин Firebug для Firefox.
    В нем по порядку начал искать картинку заголовка header. Нашёл и просто попробовал вставить iframe из гугл-карт. И … Получилось ! :))

    Игрался с ращмерами высоты и ширины самого кода и отступа в стиле. Самое лучшее что получилось-на скриншшоте.

    1. А как теперь сделать так, чтобы не было белого промежутка между этой шапкой и тем что ниже ? ТАм видите, оно не до конца идет…

    2. Как сделать чтобы левый сайдбар доходил до самого вреза страницы. А карту уменьшить/сдвинуть вправа, освободив место для названия сайта и описания ?

    3. Как размеры iframe оставить те же, но чтобы гугловское «войти» справа сверху там и было а не уезжало за пределы страницы ?

    Автор shamov

    (@shamov)

    10 лет, 5 месяцев назад

    Подскажите мне ждать ответа в этой ветке ? Или надо в шаблонах уже задавать новый вопрос ?

Просмотр 3 ответов — с 1 по 3 (всего 3)
  • Тема «Google maps в шапке сайта» закрыта для новых ответов.