Посмотрите, как это вписывается в строку вкладок

Для этого нам необходимо сделать небольшие изменения в шаблоне блога. Для тех, кто пока не совсем уверен в своих действиях, сделайте резервное копирование шаблона. Нажимаем изменить HTML и в строке список виджетов выбираем CustomSearch1'.

Нас тут же перебросит в то место, где расположен код виджета. Нажимаем на 2 чёрные стрелочки слева и находим такую строчку
<h2 class='title'><data:title/></h2>. Аккуратно её удаляем.

Затем с помощью горячих клавиш Ctrl+F находим заветную и всеми любимую строчку ]]></b:skin> и сразу над ней вставляем следующие.
#sidebar-right-1{
position: relative;
top: -65px;
display: inline-block;
}
Небольшое пояснение. Мы задали позиционирование нашему элементу position: relative; и
и значение top: -65px; - эта величина и будет поднимать или опускать наше окно поиска на нужную высоту. Так что уменьшая её или увеличивая мы сможем добиться нужного результата. В моём случае в строку вкладок окно поиска встало при значении -65px.
При изменении этой цифры тут же в шаблоне можно просмотреть устраивает ли вас результат. Нажимаете предварительные просмотр и если что-то не так, как хотели, жмём изменить и правим снова. Пока не добьётесь нужного. В итоге не забудьте сохранить шаблон.
Так как вопросы о том где эта строка опять перенаправлю вас на этот пост. И пожелаю вам удачи во вех делах.
У меня на сегодня всё. Спасибо, что читаете мой блог.
оформите подписку на новые шпаргалки
Отличное решение Вика. Я думаю многим пригодится твоя шпаргалка.
ОтветитьУдалитьПривет Ольга. Вот сейчас сижу и думаю. надо было ещё поиграться с top: -65px; если в шапке никаких прибамбасов нет и туда встанет. Попробовать надо.
ОтветитьУдалитьЗдравствуйте, давно искал ответ на этот вопрос и наконец-то нашел, большое спасибо вам. Еще, вы не могли бы подсказать, как убрать рамку вокруг окна поиска?
ОтветитьУдалитьНе за что Сайхан. А у Вас поиск от Блоггер стоит или сторонний?
ОтветитьУдалитьот блоггер, но могу и сторонний поставить. Главное чтобы рамку убрать, а то с ней, весь вид пропадает.
ОтветитьУдалитьСайхан, если родной то я предложу вам перейти на этот блог http://www.magentawave.com/2013/01/change-search-form-on-blogger.html
УдалитьУ меня нет статью на эту тему.
Посоветую почитать этот пост про меню с окном поиска у меня. http://www.shpargalochki.ru/2014/10/prostoe-gorizontalnoe-menju.html
Хорошо, обязательно прочитаю. Спасибо вам большое.
ОтветитьУдалитьДа не за что. Забегай.
Удалить