HEADER
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?$APPLICATION->ShowPanel()?>
<?$APPLICATION->ShowHead()?>
<title><?$APPLICATION->ShowTitle()?></title>
</head>
<body>
<div id="wrapper">
<div id="header1"><img alt="main" src="<?=SITE_TEMPLATE_PATH?>/images/hdr_logo.jpg" width="325" longdesc="http://da-baby.ru" height="115" /> </div>
<div id="header2"><img alt="kinder-schminder" src="<?=SITE_TEMPLATE_PATH?>/images/hdr_ban.jpg" /> </div>
<div id="header3"></div>
<div id="menu1"></div>
<div id="menu2"><?$APPLICATION->IncludeComponent(
"bitrix:menu",
"horizontal_multilevel",
Array(
"ROOT_MENU_TYPE" => "top",
"MAX_LEVEL" => "3",
"CHILD_MENU_TYPE" => "left",
"USE_EXT" => "N",
"ALLOW_MULTI_SELECT" => "N",
"MENU_CACHE_TYPE" => "N",
"MENU_CACHE_TIME" => "3600",
"MENU_CACHE_USE_GROUPS" => "Y",
"MENU_CACHE_GET_VARS" => array()
)
);?> </div>
<div id="box_basket_top"></div>
<div id="box_search">
<div id="box_search1"><?$APPLICATION->IncludeComponent(
"bitrix:catalog.filter",
"",
Array(
"IBLOCK_TYPE" => "xmlcatalog",
"IBLOCK_ID" => "8",
"FILTER_NAME" => "",
"FIELD_CODE" => array("NAME"),
"PROPERTY_CODE" => array("CML2_ARTICLE"),
"PRICE_CODE" => array("Розничная"),
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600",
"CACHE_GROUPS" => "Y",
"LIST_HEIGHT" => "5",
"TEXT_WIDTH" => "20",
"NUMBER_WIDTH" => "5",
"SAVE_IN_SESSION" => "N"
)
);?> </div>
</div>
<div id="box_basket"><?$APPLICATION->IncludeComponent(
"bitrix:sale.basket.basket.line",
"",
Array(
"PATH_TO_BASKET" => "/personal/cart/index.php",
"PATH_TO_PERSONAL" => "/personal/",
"SHOW_PERSONAL_LINK" => "Y"
)
);?></div>
<div id="box3"></div>
<div id="sideLeft"><? /* $APPLICATION->IncludeComponent(
"bitrix:catalog.section.list",
"tree",
Array(
"IBLOCK_TYPE" => "xmlcatalog",
"IBLOCK_ID" => "8",
"SECTION_ID" => $_REQUEST["SECTION_ID"],
"SECTION_CODE" => "",
"SECTION_URL" => "",
"COUNT_ELEMENTS" => "Y",
"TOP_DEPTH" => "3",
"DISPLAY_PANEL" => "N",
"ADD_SECTIONS_CHAIN" => "Y",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600",
"CACHE_GROUPS" => "Y"
)
);*/?> <?$APPLICATION->IncludeComponent(
"bitrix:menu",
"tree",
Array(
"ROOT_MENU_TYPE" => "shop",
"MAX_LEVEL" => "4",
"CHILD_MENU_TYPE" => "left",
"USE_EXT" => "Y",
"ALLOW_MULTI_SELECT" => "N",
"MENU_CACHE_TYPE" => "N",
"MENU_CACHE_TIME" => "3600",
"MENU_CACHE_USE_GROUPS" => "Y",
"MENU_CACHE_GET_VARS" => array()
)
);?></div>
<div id="work_ar">
CSS
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 990px;
margin: 0 auto;
height: auto !important;
}
/* Header
-----------------------------------------------------------------------------*/
#header1 {
height: 115px;
float: left;
width: 325px;
position: relative;
background: #FFE680;
}
#header2 {
height: 115px;
float:left;
width: auto;
position: relative;
background: #FFE680;
}
#header3 {
height: 115px;
float: right;
width: 180px;
position: relative;
background: #FFE680;
}
#menu1 {
margin-bottom:12px;
height: 27px;
float: left;
width: 515px;
position: relative;
background-image: url(images/blu_line1x5.gif);
background-position:left;
background-repeat:repeat-x;
}
#menu2 {
margin-bottom:12px;
height: 27px;
float: left;
width: 475px;
position: relative;
background: #B5E3FF;
}
#box_basket_top {
height: 30px;
float:left;
width: 316px;
position: relative;
background-image:url(images/basket_top.jpg) ;
}
#box_basket {
height: 78px;
float:left;
width: 316px;
position: relative;
background-image:url(images/basket_spread.jpg);
}
#box3 {
height: 31px;
float: left;
width: 316px;
position: relative;
clear:left;
background-image:url(images/catalog_top.jpg) ;
}
#box4 {
height: 111px;
float: right;
width: 660px;
position: relative;
background: #FFF;
}
#box_search {
height: 125px;
float: right;
width: 660px;
position: relative;
background-image:url(images/seach_box.jpg);
}
#box_search1 {
position: relative;
float:left;
padding-left:35px;
padding-top: 45px;
}
#middle {
width: 100%;
padding: 0 0 100px;
height: 1%;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 660px;
float: left;
clear:left;
overflow: hidden;
}
#content {
height: 380px;
float: right;
width: 660px;
position: relative;
background: #FFE680;
}
#adr1 {
height: 52px;
float:right;
width: 250px;
position: relative;
background-image:url(images/adr_sev.jpg) ;
}
#adr2 {
height: 52px;
float:right;
width: 250px;
position: relative;
background-image:url(images/adr_set.jpg) ;
}
#adr3 {
height: 52px;
clear:right;
float:right;
width: 250px;
position: relative;
background-image:url(images/adr_plaza.jpg) ;
}
#adr4 {
height: 52px;
float:right;
width: 250px;
position: relative;
background-image:url(images/adr_olimp.jpg) ;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
clear:left;
float: left;
height: 600px;
width: 316px;
background-image:url(images/catalog_bkg.jpg) ;
background-position:top
background-position:left;
background-repeat:repeat-x;
position: relative;
}
#work_ar {
position: relative;
width: 650px;
background: #ffffff;
float: left;
height: auto;
margin-left: 10px
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
clear:left;
float:left;
position:relative;
background:#BFF08E;
width:100%;
height: 100px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?$APPLICATION->ShowPanel()?>
<?$APPLICATION->ShowHead()?>
<title><?$APPLICATION->ShowTitle()?></title>
</head>
<body>
<div id="wrapper">
<div id="header1"><img alt="main" src="<?=SITE_TEMPLATE_PATH?>/images/hdr_logo.jpg" width="325" longdesc="http://da-baby.ru" height="115" /> </div>
<div id="header2"><img alt="kinder-schminder" src="<?=SITE_TEMPLATE_PATH?>/images/hdr_ban.jpg" /> </div>
<div id="header3"></div>
<div id="menu1"></div>
<div id="menu2"><?$APPLICATION->IncludeComponent(
"bitrix:menu",
"horizontal_multilevel",
Array(
"ROOT_MENU_TYPE" => "top",
"MAX_LEVEL" => "3",
"CHILD_MENU_TYPE" => "left",
"USE_EXT" => "N",
"ALLOW_MULTI_SELECT" => "N",
"MENU_CACHE_TYPE" => "N",
"MENU_CACHE_TIME" => "3600",
"MENU_CACHE_USE_GROUPS" => "Y",
"MENU_CACHE_GET_VARS" => array()
)
);?> </div>
<div id="box_basket_top"></div>
<div id="box_search">
<div id="box_search1"><?$APPLICATION->IncludeComponent(
"bitrix:catalog.filter",
"",
Array(
"IBLOCK_TYPE" => "xmlcatalog",
"IBLOCK_ID" => "8",
"FILTER_NAME" => "",
"FIELD_CODE" => array("NAME"),
"PROPERTY_CODE" => array("CML2_ARTICLE"),
"PRICE_CODE" => array("Розничная"),
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600",
"CACHE_GROUPS" => "Y",
"LIST_HEIGHT" => "5",
"TEXT_WIDTH" => "20",
"NUMBER_WIDTH" => "5",
"SAVE_IN_SESSION" => "N"
)
);?> </div>
</div>
<div id="box_basket"><?$APPLICATION->IncludeComponent(
"bitrix:sale.basket.basket.line",
"",
Array(
"PATH_TO_BASKET" => "/personal/cart/index.php",
"PATH_TO_PERSONAL" => "/personal/",
"SHOW_PERSONAL_LINK" => "Y"
)
);?></div>
<div id="box3"></div>
<div id="sideLeft"><? /* $APPLICATION->IncludeComponent(
"bitrix:catalog.section.list",
"tree",
Array(
"IBLOCK_TYPE" => "xmlcatalog",
"IBLOCK_ID" => "8",
"SECTION_ID" => $_REQUEST["SECTION_ID"],
"SECTION_CODE" => "",
"SECTION_URL" => "",
"COUNT_ELEMENTS" => "Y",
"TOP_DEPTH" => "3",
"DISPLAY_PANEL" => "N",
"ADD_SECTIONS_CHAIN" => "Y",
"CACHE_TYPE" => "A",
"CACHE_TIME" => "3600",
"CACHE_GROUPS" => "Y"
)
);*/?> <?$APPLICATION->IncludeComponent(
"bitrix:menu",
"tree",
Array(
"ROOT_MENU_TYPE" => "shop",
"MAX_LEVEL" => "4",
"CHILD_MENU_TYPE" => "left",
"USE_EXT" => "Y",
"ALLOW_MULTI_SELECT" => "N",
"MENU_CACHE_TYPE" => "N",
"MENU_CACHE_TIME" => "3600",
"MENU_CACHE_USE_GROUPS" => "Y",
"MENU_CACHE_GET_VARS" => array()
)
);?></div>
<div id="work_ar">
CSS
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 990px;
margin: 0 auto;
height: auto !important;
}
/* Header
-----------------------------------------------------------------------------*/
#header1 {
height: 115px;
float: left;
width: 325px;
position: relative;
background: #FFE680;
}
#header2 {
height: 115px;
float:left;
width: auto;
position: relative;
background: #FFE680;
}
#header3 {
height: 115px;
float: right;
width: 180px;
position: relative;
background: #FFE680;
}
#menu1 {
margin-bottom:12px;
height: 27px;
float: left;
width: 515px;
position: relative;
background-image: url(images/blu_line1x5.gif);
background-position:left;
background-repeat:repeat-x;
}
#menu2 {
margin-bottom:12px;
height: 27px;
float: left;
width: 475px;
position: relative;
background: #B5E3FF;
}
#box_basket_top {
height: 30px;
float:left;
width: 316px;
position: relative;
background-image:url(images/basket_top.jpg) ;
}
#box_basket {
height: 78px;
float:left;
width: 316px;
position: relative;
background-image:url(images/basket_spread.jpg);
}
#box3 {
height: 31px;
float: left;
width: 316px;
position: relative;
clear:left;
background-image:url(images/catalog_top.jpg) ;
}
#box4 {
height: 111px;
float: right;
width: 660px;
position: relative;
background: #FFF;
}
#box_search {
height: 125px;
float: right;
width: 660px;
position: relative;
background-image:url(images/seach_box.jpg);
}
#box_search1 {
position: relative;
float:left;
padding-left:35px;
padding-top: 45px;
}
#middle {
width: 100%;
padding: 0 0 100px;
height: 1%;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 660px;
float: left;
clear:left;
overflow: hidden;
}
#content {
height: 380px;
float: right;
width: 660px;
position: relative;
background: #FFE680;
}
#adr1 {
height: 52px;
float:right;
width: 250px;
position: relative;
background-image:url(images/adr_sev.jpg) ;
}
#adr2 {
height: 52px;
float:right;
width: 250px;
position: relative;
background-image:url(images/adr_set.jpg) ;
}
#adr3 {
height: 52px;
clear:right;
float:right;
width: 250px;
position: relative;
background-image:url(images/adr_plaza.jpg) ;
}
#adr4 {
height: 52px;
float:right;
width: 250px;
position: relative;
background-image:url(images/adr_olimp.jpg) ;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
clear:left;
float: left;
height: 600px;
width: 316px;
background-image:url(images/catalog_bkg.jpg) ;
background-position:top
background-position:left;
background-repeat:repeat-x;
position: relative;
}
#work_ar {
position: relative;
width: 650px;
background: #ffffff;
float: left;
height: auto;
margin-left: 10px
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
clear:left;
float:left;
position:relative;
background:#BFF08E;
width:100%;
height: 100px;
}