На этот раз мы будем добавлять витжет поиска прямо справа от заголовка сайта. Для начала создадим зону в файле Theme.txt, назовем её Search. Определим её в разметке страницы Layout.cshtml, для этого вставим следующий код…
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
|
@if (Model.Header != null) { <header id="layout-header" class="group"> <div id="header"> @Zone(Model.Header) </div> </header> } @if (Model.Search != null) { <div id="Search" class="group"> @Zone(Model.Search) </div> } @if (Model.Navigation != null) { <div id="layout-navigation" class="group"> @Zone(Model.Navigation) </div> } |
Теперь добавим css-стиль для нашей зоны:
|
/* Search */ #Search { width:960px; margin:0 auto; padding: 20px 0 20px 0; } |
И изменим позиционирование…
Далее →