Категории

Редактирование сайта

Подскажите,в каком файле нужно редактировать,чтоб сровнять низ сайта по окну.Шаблон парадиз.

index.html
style.css

А в одном файле или в двух редактировать нужно?

если вы хотите, что бы ответы на это вам давали по картинке, то могу посоветовать редактировать в фотошопе

Только наверно не в style а в theme css. Код style css

@import url(css/engine.css);
@import url(css/theme.css);
@import url(css/blocks.css);
@import url(css/menu.css);

.newe{
-moz-border-radius: 10px;
background-color: #ffc1c1;
border: 1px solid red;
background-image: url(images/23.png);
background-repeat: no-repeat;
background-position: 10px 10px;
padding: 20px 10px 20px 60px;
}

#sliderBox{
width:855px;
height:310px;
background-color:#698B22;
position:absolute;
top:-400px;
left:-400px;
z-index:300;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 15px #000000;
}

#background{
position: absolute;
z-index: 200;
top: 0px;
left: 0px;
width: 100%;
opacity: .4;
filter: alpha(opacity=40);
background-color: #000000
}

#closeWelcomeBox {
background:#f2f2f2;
border-radius:3px;
border:2px solid #32CD32;
}

input.button4 {
position: relative;
display: inline-block;
font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
font-size: 1.5em;
font-weight: 700;
color: rgb(245,245,245);
text-shadow: 0 -1px rgba(0,0,0,.1);
text-decoration: none;
user-select: none;
padding: .3em 1em;
outline: none;
border: none;
border-radius: 3px;
background: #0c9c0d linear-gradient(#EF710B, #FF7409);
box-shadow: inset #FFA45A 0 -1px 2px, inset 0 1px 1px #FF6200, #FF882C 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
-webkit-animation: pulsate 1.2s linear infinite;
animation: pulsate 1.2s linear infinite;
}
input.button4:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
cursor: pointer;
}
input.button4:active {
top: 1px;
color: #fff;
text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}
@-webkit-keyframes pulsate {
50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}
@keyframes pulsate {
50% {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;}
}

.cross_seling_title{
padding: 7px 7px 7px 7px;
}

hr{
border: 0px;
height: 4px;
background: #8db819;
}
.BUTTON_BUY{
padding: 3px 3px 3px 3px;
}
.buy_now{
padding: 0;
margin: 0;
background: url(images/buy.gif) no-repeat top;
display: block;
width: 74px;
height: 54px;
}
.buy_now:hover{
padding: 0;
margin: 0;
background: url(images/buy.gif) no-repeat bottom;
display: block;
width: 74px;
height: 54px;
}
.buy_no{
padding: 0;
margin: 0;
background: url(images/buy_1.gif) no-repeat bottom;
display: block;
width: 74px;
height: 54px;
}
.buy_no:hover{
padding: 0;
margin: 0;
background: url(images/buy_1.gif) no-repeat top;
display: block;
width: 74px;
height: 54px;
}
.maintenance{
vertical-align: middle;
padding-top: 15%;
}
.productOldPrice{
background-color: #008801;
color: white;
}
.productNEWPrice{
color: red;
font-size: 120%;
}
.tel1{
background: url('images/telephone1.png') no-repeat left;
height: 60px;
width: 21px;
padding-left: 65px;
padding-right: 10px;
}
.tel{
background: url('images/telephone.png') no-repeat left;
height: 60px;
width: 21px;
padding-left: 65px;
padding-right: 0px;
}
.office{
background: url('images/building.png') no-repeat left;
height: 60px;
width: 21px;
padding-left: 90px;
padding-right: 15px;
}

.CatLevel1,.CatLevel2, .CatLevel3
{
background: url('img/tree1.gif') no-repeat;
background-position: 0px 0px;
}

#CatNavi{
padding: 0;
margin: 0;
}
.SubMenue{
background: url(img/tree3.gif) no-repeat top left;
}
.CurrentParent, .Current{
background: url(img/tree2.gif) no-repeat top left;
}

#CatNavi{

}

/**
* This <div> element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/
.jcarousel-container {
position: relative;
}

.jcarousel-clip {
z-index: 2;
padding: 0;
margin: 0;
overflow: hidden;
position: relative;
}

.jcarousel-list {
z-index: 1;
overflow: hidden;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
float: left;
list-style: none;
/* We set the width/height explicitly. No width/height causes infinite loops. */
width: 75px;
height: 75px;
}

/**
* The buttons are added dynamically by jCarousel before
* the <ul> list (inside the <div> described above) and
* have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
z-index: 3;
display: none;
}

.jcarousel-prev {
z-index: 3;
display: none;
}

.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.ui-progressbar-value { background-image: url(images/pbar-ani.gif); }

.statusbar{
padding: 10px 10px 10px 10px;
}
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-right { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all { -moz-border-radius: 4px/*{cornerRadius}*/; -webkit-border-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; }

.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/;}

.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; }

.jcarousel-skin-tango .jcarousel-container {
-moz-border-radius: 10px;
background: #edfaf1;
border: 1px solid #228b22;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 480px;
padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
width: 75px;
height: 480px;
padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 480px;
height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
width: 75px;
height: 480px;
}

.jcarousel-skin-tango .jcarousel-item {
width: 75px;
height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: 4px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
background: #fff;
color: #000;
}

/**
* Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 43px;
right: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 43px;
left: 5px;
width: 32px;
height: 32px;
cursor: pointer;
background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}

И код theme.css,как сделать низ сайта,как на фото 2

:link { color: #387543; text-decoration: none; }

:visited { color: #387543; text-decoration: none; }

:link:hover,
:visited:hover { color: #8db819;text-decoration: none;}

/*Настройка заголовков*/
h1 { font-size: 160%; font-weight: normal; }
h2 { font-size: 1.2em; line-height: 139%; font-weight: bold;}
h3 { font-size: 1.1em; line-height: 139%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0;}
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; font-weight: normal; text-align: center;}
h6 { font-size: 1.3em; font-weight: bold; }

h1, h4, h5, h6 {
font-family: Tahoma, Verdana, Helvetica, sans-serif;
margin: 0.5em 0 0.2em 0;
line-height: 139%;
}

body, td, div {
color: #6d6a65;
font-size: 11px;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
line-height: 139%;
}

body {
height: 100%;
padding: 0; margin: 0;
background: #FFFFFF;
text-align: center;
vertical-align: top;
}

#page_bg {
background: url(../images/body_bg.jpg) repeat; #fffcf8;
height: auto;
width: auto;
}

#pbg1 { background: url(../images/page_bg1.png) 8% 19px no-repeat; }
#pbg2 { background: url(../images/page_bg2.png) 15% 48px no-repeat; }
#pbg3 { background: url(../images/page_bg3.png) 24% 38px no-repeat; }
#pbg4 { background: url(../images/page_bg4.png) 20% 15px no-repeat; }

p { margin: 3px 0; }
a img { border: 0; }
html { height: 100%; margin: 0; padding: 0; }
form { padding: 0; margin: 0;}
.clr {clear:both;}

/*UL, LI*/
ul {
margin: 1px 0;
padding: 0 0 0 1px;
text-align: center;
}

ul li {
margin: 1px 0; padding: 0px 0px 10px 0px;
list-style-type: none;

}

li {
margin: 1px 0; padding: 0px 0 0px 17px;
list-style-type: none;

}

/*Линия стили для HR*/
hr {
height: 1px;
border: solid #d8d8d8 0px;
border-top-width: 1px;
}

/*Формы*/
input, textarea, select {
color: #777;
font-size: 1em;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/*===== ОБЩЕЕ ОФОРМЛЕНИЕ =====*/
/*WRAPPERS*/
.wrapper {
margin: auto;
width: 1263px;
padding-bottom: 5px;
text-align: left;
}

/*dleft, dright*/
.dleft, .dright { background-position: left; background-repeat: repeat-y; background-color: transparent; }
.dright { background-position: right; }

/*TOPHEAD*/
#tophead {
height: 69px;
position: relative;
background: transparent url(../images/tollbar_sun.png) left top no-repeat;
}

/*TOOLBAR*/
.toolbar {
width: 430px; height: 62px;
position: relative;
float: none;
left: 65%;
background: #FFFFFF url(../images/toolbar_bg.png) left top no-repeat;
}

/*SEARCHFORM*/
div.searchform {
position: relative;
width: 405px;
float: left;
padding: 6px 0 0 10px;
}

div.searchform input {
float: left;
width: 330px;
padding: 3px;
margin-right: 4px;
border: 1px solid #d2d2d2;
background: #FFFFFF url(../images/baseline.png) top repeat-x;
}

div.searchform input.btn {
float: left;
width: 53px; height: 22px;
line-height: 21px;
color: #fff;
background: #039816 url(../images/search_btn.png) left top no-repeat;
text-align: center;
border: none;
vertical-align: top;
}

div.searchform input.btn:hover {
color: #fff;
background: #70c47b url(../images/search_btn.png) left -22px no-repeat;
}

/*HEADER*/
#header, #header .dleft, #header .dright { height: 90px; position: relative; }

#header {
background: #FFF url(../images/header_bg.png) top repeat-x;
}

#header .dleft {
background-image: url(../images/header_left.png);
}

#header .dright {
background-image: url(../images/header_right.png);
padding-right: 17px;
}

/*Other*/
#logotype {
position: absolute;
width: 800px; height: 113px;
top: -43px;
left: 22px;
outline: none;
background-position: right bottom; background-repeat: no-repeat; background-color: transparent;
}

#logotype img {
display: block;
}

.register {
position: absolute;
top: 38px;
right: 10px;
}

.register img { display: none; }
.register, .register a:link, .register a:visited { color: #fff; }
.register a:hover { color: #fff; text-decoration: underline; }

#banner {
position: relative;
margin-top: 17px;
float: right;
width: 468px; height: 60px;
}

/*SHADOWS*/
.s-left, .s-right, .s-top, .s-bottom { width: 100%; float: left; }

.s-left { background: #FFFFFF url(../images/shadow_left.png) left top repeat-y; }
.s-right { background: url(../images/shadow_right.png) right top repeat-y; }

.s-top { background: url(../images/shadow_top.png) left top no-repeat; }
.s-bottom { background: url(../images/shadow_bottom.png) left bottom no-repeat; }

#container {
float: left;
width: 967px;
padding-left: 12px;
}

/* IE hack */
* html #container {width: 979px;}
/* END IE hack */

/*FOOTER*/

#footer, #footer .dleft, #footer .dright { height: 83px; }

#footer {
position: relative;
background: #FFF url(../images/footer_bg.png) top repeat-x;
}

#footer .dleft {
background-image: url(../images/footer_left.png);
padding-left: 19px;
}

#footer .dright {
background-image: url(../images/footer_right.png);
padding-right: 204px;
}

/*COPYRIGHT*/
.copyright {
position: relative;
float: left;
color: #939393;
display: inline;
padding-top: 10px;
}

.copyright a:link, .copyright a:visited {
color: #939393;
}

.copyright a:hover {
color: #454545;
}

/*COUNTS*/
div.count {
position: relative;
float: right;
display: inline;
padding-top: 11px;
width: 360px;
}

div.count span {
display: block;
float: left;
width: 88px; height: 31px;
margin-right: 2px;
}

.navi {
background: url(../images/navibar_bg.png) left bottom no-repeat;
height: 25px;
overflow: hidden;
}

.navi a:link, .navi a:visited {
height: 25px;
line-height: 14px;
padding: 0 8px;
background: url(../images/navi_link.png) center -100px repeat-x;
display: block;
float: left;
color: #828282;
outline: none;
}

.navi a:hover {
background: url(../images/navi_link.png) center bottom repeat-x;
color: #3ca20e;
}

Фото 1 и Фото 2

Подскажите где нужно редактировать,файлы style и theme css.и фото как нужно скинул выше ?

адрес дайте! кто вам по картинкам что скажет???

Извиняюсь,вот адрес сайта : http://ekonom-shop.com/,
Низ сайта растягивается на весь экран.
_______________________________________________________
А нужно сделать как на этом сайте : http://shop-paradise.com.ua/

в index.html загони блок "footer" и "menufoot" в блок "wrapper"

Всё есть,в index.html.Но не помогает.

Источник