Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Если читать Ваши слова и пытаться понять их, то выходит, что все сделано именно так как Вам надо.
    Почему я так считаю? Процитирую Вас:
    лого (сама картинка) находится ниже заголовка
    чтобы лого было под заголовком

    Если Вы все же желали заголовок под картинкой, тогда надо сделать так:

    1. Элемент <hgroup> и все его содержимое, т.е. строки 73-76 шаблона header.php, переместить под закрывающий </a> в строке 112.
    2. В строке 626 файла style.css, т.е. в селекторе #branding #searchform изменить значение свойства top: 3.8em; на top: 22.8em;
    Автор gltrinix

    (@gltrinix)

    Прошу прощения, я некорректно выразился. В общем, сейчас у меня так:
    http://s44.radikal.ru/i104/1207/18/ee330b116994.jpg

    Хотел бы сделать так (фотошоп):
    http://s52.radikal.ru/i137/1207/5a/1f8fcaf20270.jpg

    В style.css в селекторе #branding img я пробовал добавить margin-top:-150px; но почему-то лого перекрыло собой заголовок:
    http://s017.radikal.ru/i433/1207/9f/f11c7c9fe0d7.jpg

    К тому же, если сузить окно браузера по ширине до минимального, то лого опускается ниже:
    http://s019.radikal.ru/i622/1207/ea/e67ab5d4f53f.jpg

    Еще видно, что при margin-top:-150px; «Поиск» в неактивном состоянии на самом деле не белый, а прозрачный, но при нажатии на него он становится таким как надо:
    http://s56.radikal.ru/i153/1207/3f/87cedb5bce2c.jpg

    Ясно. Тогда, если упростить процесс, стоит поступить так:

    1. В style.css добавить следующее:
      #branding > a {
          position: absolute;
          top: 0px;
          z-index: -1;
      }
    2. В style.css в строке 541, т.е. в селекторе #access изменить margin: 0 auto 6px; на margin: 120px auto 6px;
    3. В style.css в строку 626, в селектор #branding #searchform дописать background: white;

    Вот тут готовый файл style.css, замените им существующий у Вас.

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

    Все «колдования» пропадут после очередного обновления ) Используйте механизм дочерних Тем, намного проще, удобнее и практичнее. Вам придется создать одну папочку и два файла в ней — style.css и header.php с описанными shkodnik’ом изменениями.

    Да, спасибо, wikicms, я давно хотел попробовать, вот и повод.

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

Просмотр 5 ответов — с 1 по 5 (всего 5)
  • Тема «Twenty Eleven — объединение заголовка и лого» закрыта для новых ответов.