Посмотрев через
FireBug как сделан дизайн поиска и авторизации в Яндексе (к краям модуля приделаны картинки
в виде углов такого же цвета как и фон модуля) и почитав различную инфу решил сделать так: добавить новую
позицию модуля и приделать к краю такие же картинки с готовыми уголками!
Привожу пример моих мохинаций с модулем поиска:
Добавил в файл Index.php код:
<?php if (mosCountModules( "left" )) { ?>
<div class="leftbox">
<div id="leftmenu" class="leftblock">
<?php mosLoadModules ( "left", -3 ); ?>
</div>
</div>
<?php } ?>
Добавил в файл template.css код:
div.leftblock div.module {
padding:0px 0px 0px 0px;
}
.leftblock#leftmenu div.module {
background: url('../images/box_b_l.png') no-repeat bottom left;
}
.leftblock#leftmenu div.module div div {
background: url('../images/box_t_l.png') no-repeat top left;
}
.leftblock#leftmenu div.module div {
background: url('../images/box_b_r.png') no-repeat bottom right;
}
.leftblock#leftmenu div.module div div div {
background: url('../images/box_t_r.png') no-repeat top right;
}
.leftblock#leftmenu div.module div div div h3{
display:block;
font-size: 10px;
}
.leftblock#leftmenu div.module div div div div {
background:none;
}
В итоге вот что получилось:
Проблема в том что созданная позиция размером со всю ширину страницы, и модуль прикрепляется
к левой части а картинка с нарисованным краем к правой части... А если начать уменьшать масштаб страницы
то модуль поиска уходит в самый левый край тогда как весь шаблон остается по центру(((
!Подскажите пожалуйста как решить данную проблему! В частности как уменьшить размер позиции модуля
и прикрепить ее к центру
БольшОЕ СпаСибо!
