>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Необходимо сместить надпись при поиске.

голоса: 0
Когда на главной странице сайта в поиске по сайту что-либо находишь, например "виджет", открывается страница

http://sovmuseum.ucoz.net/search/?q=%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82

на которой строка поиска смещается ниже, а надпись поиск по сайту остаётся там же справа в верху сайта, необходимо чтобы надпись "Поиск по сайту:" тоже смещалась. И желательно сделать строку поиска на открывщейся странице такой же, как на главной странице, таким же зелёным цветом (#1abc9c).
Адрес сайта http://sovmuseum.ucoz.net
| Автор: | Категория: Поиск по сайту

Ответов: 1

Голоса: +1
 
Лучший ответ

Попробуйте в таблицу стилей CSS добавить следующие стили:

input.queryField {background:#1abc9c!important;color:#fff!important;}

| Автор:
Выбор ответа лучшим | | Автор: Иван Иванов #25

цвет зелёный появился, но текст не сместился, я его в своё время отдельно прописывал в верхней части сайта. Возможно там что-либо нужно изменить?

 

<header>

 <div class="wrapper">
 <div id="header">

 <div class="head-l">
 <img src="http://sovmuseum.ucoz.net/logotip.png" alt="" width="150px" height="130px" style="text-align: center; position: absolute; top: 15px"><div style="text-align: center;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<img src="http://sovmuseum.ucoz.net/fon/mbuk_krupno.png" alt="" width="118" height="46" style="text-align: start;"><img src="http://sovmuseum.ucoz.net/Zagolovok_new/2.png" alt="" width="486" height="46" style="text-align: start;"><br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img src="http://sovmuseum.ucoz.net/Zagolovok_new/3.png" alt="" width="349" height="46" style="text-align: start;"></div>
 </div>
 <div class="head-r"><div style="text-align: right;"><script src="http://101widgets.com/w1417296415-01027611&240&25" ></script>&nbsp;</div><br> Поиск по сайту:
 <?if($SEARCH_FORM$)?><div id="sch-box"><div class="search-box">$SEARCH_FORM$</div></div><?endif?>
 </div>
 <div class="clr"></div>
 <nav>
 <div id="catmenu">
 <!-- <sblock_nmenu> -->
<?if($NMENU_1$)?><!-- <bc> -->$NMENU_1$<!-- </bc> --><?endif?>
<!-- </sblock_nmenu> -->
 <div class="clr"></div> 
 </div>
 </nav>
 <div class="clr"></div>
 </div>
 </div>
</header>

| Автор:
Иван Иванов #25,

Это код верхней части, на странице поиска свой шаблон, удалите с кода выше вредоносный код виджета:

 <script src="http://101widgets.com/w1417296415-01027611&240&25" ></script>

Текст Поиск по сайту, вообще лучше завернуть в условие:

  <?ifnot($URI_ID$='seResults')?>здесь текст<?endif?>

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

| Автор:
Yuri_Geruk,

Получилось, виджет убирать не стал, его положение меня устраивает, вот только расстояние между надписью "Поиск по сайту:" и формой поиска великовато получается, когда выставляю один переход на новую строку (<br>) он не отображается, а когда 2 (<br><br>), то отображается, но расстояние получается великовато, как сделать поменьше?

 

  <div id="content" <?if($HIDE_CLEFTER$)?>class="wide-page"<?endif?>> &nbsp;Поиск по сайту:<br><br>
               <section><!-- <body> --><div style="padding:0 0 5px 0;">$SEARCHFORM$</div><div style="padding:4px 4px 0 4px;"><!--<s5248>-->Результаты <b>$NUM_SHOWN$</b> из <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b><!--</s>--></div><hr/>

 

| Автор:
Иван Иванов #25,

Что виджет не убрали, это зря так как эти виджеты вашим посетителям показывают свою рекламу и редиректят на сторонние сайты ну и возможное хищение паролей при авторизации пользователей.

Расстояние чтобы отрегулировать, как пример заверните строку - Поиск по сайту: в класс

<span class="tops">Поиск по сайту:</span>

 br по удаляйте вовсе и в стили добавьте:

span.tops {
    height: 25px;
    display: block;
}
| Автор:
...