9 дек. 2012 г.

Строка поиска в гаджете Страницы

Дорогие друзья, если у вас структура блога подобна моей (сайтбар находится справа), то для экономии места можно чуть-чуть приподнять сайтбар и строка поиска будет отображаться на одной линии с гаджетом Страницы. Как это выглядит и что для этого необходимо сделать смотрите в видеоуроке.



Теперь подробное описание процесса.

Добавьте гаджет Окно поиска, установите его над всеми гаджетами в правом сайтбаре. Теперь идите во вкладку Шаблон - Изменить HTML, ставьте Расширить шаблоны виджета.

Находите в гаджете Окно поиска и удаляете строчку:
<h2 class='title'><data:title/></h2>

перед ]]></b:skin> добавляете:
#sidebar-right-1{
position: relative;
top: -43px;
display: inline-block;
}

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

9 комментариев

sebyatin

Здравствуйте!Подскажите,я в строку добавил right: -60px; чтобы по горизонтали вправо подвинуть гаджет.Все ниже стоящие тоже перекосились вправо.Как бы эти цифры установить только для "Поиска"?Спасибо заранее.

Светлана Ковалева Светлана Ковалева

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

sebyatin

Понятно.Спасибо.

sebyatin

Здравствуйте!Гаджет поставил.Поиск не работает.Может есть решение?Спасибо.

Светлана Ковалева Светлана Ковалева

Здравствуйте, Николай! А до того как вы начали что-то менять Поиск работал?

sebyatin

Все заработало!Чуток напортачил в HTML,помогли люди добрые подправить.Все работает.Спасибо.Вот что получилось. www.anapa-home.com Спасибо Вам!

Светлана Ковалева Светлана Ковалева

Пожалуйста, получилось симпатично!

Unknown

Здравствуйте хотелось бы уточнить сейчас в blogger шаблон HTML изменили я не могу найти строчку ]]> не могли бы подсказать как все таки можно поднять строчку поиска ??? заранее благодарю

Светлана Ковалева Светлана Ковалева

Sofi Gazzati, ищите с помощью сочетания клавиш Ctrl+F.

Отправить комментарий