Jump to content
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

Шапка сайи своя


Recommended Posts

Всем Привет помогите)

Подскажите как всивить свою шапку по ширине сайи, ггде и что изменять картинка имеется :rolleyes:

Link to comment
Share on other sites


Много спосопотому чтов есть, один из самых простых:

.div1 {
   background: url('путь_к_картинке.png') repeat-x;
}
Осильное нужно уточнять - как, что, куда.. Опишите то, что вам нужно.
Link to comment
Share on other sites


Много спосопотому чтов есть. . .

Если для Вас - это семечки, может и мой вопрос победите?

Вопрос икой: Как икое намутить?

Изображение

Сейчас вот ик.

Link to comment
Share on other sites


В иблиэто стилей поправить отступ от верха - padding-top: 20px; Отступ сам подбери

В гдефолтном шабе ик:

#footer {

width: 100%;

clear: both;

padding-top: 5px;

border-top: 1px solid #DDDDDD;

}

Если не ик понял, изъясняйся подробнее

Link to comment
Share on other sites


Если не ик понял, изъясняйся подробнее

Втыкаю предложеный реэтопт, изменений ноль!

Нужно точь в точь как вверху, но внизу, и примерно в два раза шире.

Link to comment
Share on other sites


Втыкаю предложеный реэтопт, изменений ноль!

Нужно точь в точь как вверху, но внизу, и примерно в два раза шире.

киньте свой css
Link to comment
Share on other sites


киньте свой css

Сим-се-ля-бим - и жмём "Показать"

html {
margin : 0;
padding : 0;
}
* {
font-family : Arial, Helvetica, sans-serif;
}
body, td, th, li, input, textarea, select, a {
font-size : 12px;
}
input, textarea, select {
margin : 5px 0;
}
a, a:visited, a:hover {
text-decoration : none;
cursor : pointer;
}
li {
line-height : 175%;
}
img {
border : 0;
}
.clear {
width : 100%;
clear : both;
display : block;
overflow : hidden;
visibility : hidden;
width : 0;
height : 0;
}
a, a:visited {
color : #1b57a3;
}
a:hover {
font-weight : bold;
}
body {
background : #f0f0f0 url('../image/golub93.gif') repeat fixed;
}
#container { 
width : 940px;
margin-left : auto;
margin-right : auto;
text-align : left;
}
#middle {
text-align : left;
background : #f6f6f6;
margin-bottom : 10px;
padding : 8px 8px 8px 8px;
}
#header {
margin-top : 10px;
margin-bottom : 10px;
}
#header .left {
float : left;
text-align : left;
width : 48%;
}
#header .right {
float : right;
text-align : right;
width : 48%;
}
#header .logo img {
margin-top: 25px;
margin-left : 15px;
margin-bottom : 5px;
}
#header .right a {
margin-left : 15px;
padding : 1px 0 2px 20px;
background-repeat : no-repeat;
background-position : left center;
}
#header .right a:hover {
color : #003982;
font-weight : normal;
}
a.tr_login {
background : url(../image/login.png) no-repeat;
}
a.tr_logout {
background : url(../image/logout.png) no-repeat;
}
a.tr_special {
background : url(../image/dollar.png) no-repeat;
}
a.tr_bookmark {
background : url(../image/special.png) no-repeat;
}
a.tr_sitemap {
background : url(../image/sitemap.png) no-repeat;
}
#header_panel {
width : 100%;
clear : both;
}
#header_panel .panel_top .left {
background : url(../image/header_1_left.png) no-repeat;
width : 5px;
height : 34px;
float : left;
}
#header_panel .panel_top .right {
background : url(../image/header_1_right.png) no-repeat;
width : 5px;
height : 34px;
float : right;
}
#header_panel .panel_top .center {
background : url(../image/header_1_center.png) repeat-x;
height : 34px;
margin-left : 5px;
margin-right : 5px;
}
#header_panel .panel_bottom .left {
background : url(../image/header_2_left.png) no-repeat;
width : 5px;
height : 34px;
float : left;
}
#header_panel .panel_bottom .right {
background : url(../image/header_2_right.png) no-repeat;
width : 5px;
height : 34px;
float : right;
}
#header_panel .panel_bottom .center {
background : url(../image/header_2_center.png) repeat-x;
height : 34px;
margin-left : 5px;
margin-right : 5px;
}
#search {
width : 570px;
padding-top : 1px;
padding-left : 10px;
color : #222;
font-weight : bold;
float : left;
}
#search .div1 {
float : left;
margin-top : 10px;
}
#search .div2 {
float : left;
}
#search .div3 {
float : left;
margin-top : 4px;
}
#search select {
border : 1px solid #1b57a3;
padding : 1px;
}
#search a {
color : #666;
}
#search a:hover {
color : #1b57a3;
}
#search input {
border : 1px solid #1b57a3;
padding : 2px;
}
#lang_cur {
width : 350px;
float : right;
}
.switcher {
float : right;
margin-top : 6px;
margin-right : 10px;
line-height : 125%;
z-index : 100;
}
.switcher a {
text-decoration : none;
height : 15px;
display : block;
text-align : left;
}
.switcher .selected {
background : #fff url(../image/switcher.png) repeat-x;
}
.switcher .selected a {
border : 1px solid #ccc;
background : url(../image/arrow_down.png) no-repeat 116px center;
color : #666;
padding : 2px 5px 2px 5px;
width : 121px;
}
.switcher .selected a:hover {
background : #f0f0f0 url(../image/arrow_down.png) no-repeat 116px center;
}
.switcher .option {
position : absolute;
z-index : 3;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
background-color : #eee;
display : none;
width : 131px;
}
.switcher .option a {
color : #000;
padding : 3px 5px 3px 5px;
}
.switcher .option a:hover {
background : #d0eff3;
}
.switcher img {
position : relative;
margin-top : 2px;
vertical-align : top;
}
#breadcrumb {
float : left;
margin-left : 5px;
margin-bottom : 8px;
color : #444;
}
#column_left {
float : left;
width : 220px;
margin-right : 10px;
clear : left;
}
#column_right {
display : none !important ;
}
#content {
margin-left : 230px;
margin-right : 0;
margin-bottom : 10px;
}
#content .top .left {
background : url(../image/content_top_left.png) no-repeat;
width : 5px;
height : 32px;
float : left;
}
#content .top .right {
background : url(../image/content_top_right.png) no-repeat;
width : 5px;
height : 32px;
float : right;
}
#content .top .center {
background : url(../image/content_top_center.png) repeat-x;
height : 32px;
margin-left : 5px;
margin-right : 5px;
}
#content .top h1, .heading {
padding : 10px 7px 8px 7px;
}
#content h1, .heading {
color : #000;
font-size : 14px;
text-transform : uppercase;
margin : 0;
text-align : center;
}
#content .middle {
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
background : #fff;
padding : 5px 10px 5px 10px;
}
#content .bottom .left {
background : url(../image/content_bottom_left.png) no-repeat;
width : 5px;
height : 5px;
float : left;
}
#content .bottom .right {
background : url(../image/content_bottom_right.png) no-repeat;
width : 5px;
height : 5px;
float : right;
}
#content .bottom .center {
background : url(../image/content_bottom_center.png) repeat-x;
height : 5px;
margin : 0 5px 10px 5px;
}
#content .middle .box {
float : left;
margin : 0 6px 10px 6px;
min-height : 0;
}
#content .middle .box .middle {
width : 158px;
min-height : 0;
}
#s_content {
margin-left : 230px;
margin-right : 0;
margin-bottom : 10px;
}
#s_content .top .left {
background : url(../image/content_top_left.png) no-repeat;
width : 5px;
height : 32px;
float : left;
}
#s_content .top .right {
background : url(../image/content_top_right.png) no-repeat;
width : 5px;
height : 32px;
float : right;
}
#s_content .top .center {
background : url(../image/content_top_center.png) repeat-x;
height : 32px;
margin-left : 5px;
margin-right : 5px;
}
#s_content .top h1, .heading {
padding : 10px 7px 8px 7px;
}
#s_content h1, .heading {
color : #000;
font-size : 14px;
text-transform : uppercase;
margin : 0;
text-align : center;
}
#s_content .middle {
	font-family: Verdana, Geneva, sans-serif;
}
#s_content .middle {
	color: #666;
}
#s_content .middle {
	font-family: "Comic Sans MS", cursive;
}
#s_content .middle {
	font-size: 9px;
}
#s_content .middle {
	text-align: center;
}
#s_content .middle {
	font-size: 12px;
}
#s_content .middle {
	font-family: "Comic Sans MS", cursive;
}
#s_content .middle {
	font-size: 12px;
}
#s_content .middle strong {
}
#s_content .top .center h2 {
	color: #666;
	font-family: "Comic Sans MS", cursive;
	text-align: center;
}
#s_content .middle {
	font-size: 9px;
}
#s_content .middle {
	font-size: 10px;
}
#s_content .middle {
	text-align: left;
}
#s_content .middle div {
	font-family: "Comic Sans MS", cursive;
}
#s_content .middle {
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
background : #f6f6f6;
padding : 5px 10px 5px 10px;
}
#s_content .bottom .left {
background : url(../image/content_bottom_left.png) no-repeat;
width : 5px;
height : 5px;
float : left;
}
#s_content .bottom .right {
background : url(../image/content_bottom_right.png) no-repeat;
width : 5px;
height : 5px;
float : right;
}
#s_content .bottom .center {
background : url(../image/content_bottom_center.png) repeat-x;
height : 5px;
margin : 0 5px 10px 5px;
}
#s_content .middle .box {
float : left;
margin : 0 6px 10px 6px;
min-height : 0;
}
#s_content .middle .box .middle {
width : 158px;
min-height : 0;
}
#slider {
position: relative;
height: 240px;
width: 690px;
margin: 2px 0px 20px 2px;
background: #202834 url(../image/loading.gif) no-repeat 50% 50%;
-moz-box-shadow: 0px 0px 3px #333;
-webkit-box-shadow: 0px 0px 3px #333;
box-shadow: 0px 0px 3px #333;
z-index: 1;
}
#slider img {
position : absolute;
top : 0;
left : 0;
display : none;
z-index : 1;
}
#slider a {
border : 0;
display : block;
}
.nivo-controlNav {
position : absolute;
left : 47%;
bottom : -14px;
}
.nivo-controlNav a {
display : block;
width : 10px;
height : 10px;
background : url(../image/bullets.png) no-repeat;
text-indent : -9999px;
border : 0;
margin-right : 3px;
float : left;
}
.nivo-controlNav a.active {
background-position : -10px 0%;
}
.nivo-directionNav a {
display : block;
width : 30px;
height : 30px;
background : url(../image/arrows.png) no-repeat;
text-indent : -9999px;
border : 0;
}
a.nivo-nextNav {
background-position : -30px 0%;
right : 15px;
}
a.nivo-prevNav {
left : 15px;
}
.box {
margin-bottom : 10px;
background : url(../image/box_top.png) no-repeat;
}
.box .top {
padding : 9px 7px 7px 7px;
color : #000;
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
}
.box .top img {
float : left;
margin-top : -1px;
margin-right : 5px;
}
.box .middle {
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
background : #fff;
padding : 6px;
}
.box .middle td {
padding : 5px 0 0 10px;
vertical-align : top;
}
.box .bottom {
height : 5px;
background : url(../image/box_bottom.png) no-repeat;
}
#three_module {
width : 690px;
display : block;
}
.box2 {
float : left;
margin : 0 5px 10px 5px;
background : url(../image/box_top.png) no-repeat;
}
.box2 .top {
padding : 9px 7px 7px 7px;
color : #000;
font-size : 14px;
font-weight : bold;
text-transform : uppercase;
}
.box2 .top img {
float : left;
margin-top : -1px;
margin-right : 5px;
}
.box2 .middle {
width : 198px;
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
background : #fff;
padding : 10px;
}
.box2 .middle td {
padding : 5px 0 0 10px;
vertical-align : top;
}
.box2 .bottom {
height : 5px;
background : url(../image/box_bottom.png) no-repeat;
}
.success {
padding : 5px 0;
margin-bottom : 10px;
background : #e4f1c9;
border : 1px solid #a5bd71;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.warning {
padding : 5px 0;
margin-bottom : 10px;
background : #ffdfe0;
border : 1px solid #ff9999;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.wait {
padding : 5px 0;
margin-bottom : 10px;
background : #fbfaea;
border : 1px solid #efebaa;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.required {
color : #ff0000;
font-weight : bold;
}
.error {
color : #ff0000;
display : block;
}
.help {
cursor : pointer;
}
.tooltip {
border : 1px solid #fdda5c;
background : #fbff95;
padding : 5px;
font-size : 11px;
width : 250px;
}
.button {
padding-left : 8px;
display : inline-block;
margin-right : 5px;
background : url(../image/button_left.png) no-repeat left top;
text-decoration : none;
color : #fff;
}
.button span {
color : #fff;
display : block;
padding : 4px 12px 5px 5px;
background : url(../image/button_right.png) no-repeat right top;
font-weight : normal;
}
.button span:hover {
text-decoration : none;
font-weight : normal;
}
.buttons {
background : #f8f8f8;
border : 1px solid #ddd;
padding : 5px;
margin-bottom : 10px;
}
.buttons input {
padding : 0;
margin : 0;
}
.buttons table {
width : 100%;
border-collapse : collapse;
}
.buttons table td {
vertical-align : middle;
}
.content {
background : #f7f7f7;
border : 1px solid #ddd;
padding : 10px;
margin-top : 3px;
margin-bottom : 10px;
}
.list {
width : 100%;
}
.list td {
text-align : center;
vertical-align : top;
padding : 10px;
}
.list img {
border : 1px solid #dfdfdf;
}
.product_hover {
background-color : #eaeaea;
cursor : pointer;
}
.sort {
margin-bottom : 10px;
background : #ebebeb;
height : 30px;
width : 100%;
}
.sort .div1 {
float : right;
margin-left : 5px;
padding-top : 6px;
padding-right : 9px;
}
.sort .div2 {
text-align : right;
padding-top : 9px;
}
.sort select {
font-size : 11px;
margin : 0;
padding : 0;
}
.pagination {
display : inline-block;
width : 100%;
background : #f8f8f8;
margin-bottom : 10px;
}
.pagination .links, .pagination .results {
padding : 7px;
}
.pagination .links {
float : left;
}
.pagination .links a {
border : 1px solid #ccc;
padding : 4px 7px;
text-decoration : none;
color : #000;
}
.pagination .links b {
border : 1px solid #ccc;
padding : 4px 7px;
text-decoration : none;
color : #000;
background : #fff;
}
.pagination .results {
float : right;
}
.tabs {
width: 100%;
height: 31px;
margin-bottom: 0px;
}
.tabs a {
float: left;
display: block;
padding: 6px 15px 7px 15px;
margin-right: 2px;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
background: #FFFFFF url('../image/tab_3.png') repeat-x;
color: #000000;
font-weight: bold;
font-size: 13px;
text-decoration: none;
z-index: 1;
position: relative;
top: 1px;
}
.tabs a.selected {
background: #FFFFFF url('../image/tab_3.png') repeat-x;
border-bottom: 0px;
padding-bottom: 8px;
z-index: 3;
}
.tab_page {
border: 1px solid #DDDDDD;
background: #FFFFFF;
padding: 10px;
display: block;
z-index: 2;
margin-bottom: 10px;
}
#category ul {
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#category {
width : 218px;
margin : 0;
padding : 0 0 0 0;
list-style-type : none;
}
#category li a {
height : 32px;
height : 23px;
text-decoration : none;
}
#category li a:link, #category li a:visited {
color : #3a75c4;
display : block;
background : url('../image/menu.png');
z-index : 0;
padding : 8px 0 0 5px;
}
#category li a:hover, #category li a #information {
color : #080808;
background : url('../image/menu.png') 0% -32px;
padding : 8px 0 0 5px;
}
#information ul {
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
padding-left : 0;
list-style-type : none;
}
#information {
width : 218px;
margin : 0;
padding : 0 0 0 0;
list-style-type : none;
}
#information li a {
height : 32px;
height : 23px;
text-decoration : none;
}
#information li a:link, #information li a:visited {
color : #3a75c4;
display : block;
background : url('../image/menu.png');
z-index : 0;
padding : 8px 0 0 5px;
}
#information li a:hover, #information li a #information {
color : #080808;
background : url('../image/menu.png') 0% -32px;
padding : 8px 0 0 5px;
}
.cart {
border-collapse : collapse;
width : 100%;
border : 1px solid #eee;
margin-bottom : 10px;
}
.cart th {
background : #eee;
padding : 5px;
font-weight : normal;
vertical-align : middle;
height : 35px;
}
.cart td {
padding : 5px;
vertical-align : middle;
}
.sitemap ul {
margin-left : 10px;
list-style : url(../image/bullet.png);
}
.tags, .tags a {
font-style : italic;
font-size : x-small;
}
#module_cart .middle {
padding : 5px;
}
.cart_module_total {
padding : 0 3px 0 3px;
font-size : 0.9em;
color : #222;
}
.cart_remove {
margin-top : 3px;
background : transparent url(../image/list_remove_btn.gif) no-repeat left center;
padding-right : 10px;
cursor : pointer;
}
.cart_remove_loading {
margin-top : 3px;
background : transparent url(../image/ajax_load.gif) no-repeat;
padding-right : 10px;
}
.button_add_small, a.button_add_small:visited {
margin-top : 3px;
background : transparent url(../image/button_add_small.png) no-repeat left center;
padding : 16px;
text-decoration : none;
}
#provided {
width : 100%;
margin-top : -22px;
margin-bottom : 25px;
text-align : center;
}
#provided p, #provided a {
color : #01285a;
font-size : 11px;
}
#provided a:hover {
color : #fff;
font-weight : normal;
}
.box.middle.centr {
background-color : #fff;
}
.nivoSlider {
position : relative;
}
.nivoSlider img {
position : absolute;
top : 0;
left : 0;
}
.nivoSlider a.nivo-imageLink {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
border : 0;
padding : 0;
margin : 0;
z-index : 60;
display : none;
}
.nivo-slice {
display : block;
position : absolute;
z-index : 50;
height : 100%;
}
.nivo-caption {
position : absolute;
left : 0;
bottom : 0;
background : #000;
color : #fff;
width : 100%;
z-index : 89;
}
.nivo-caption p {
padding : 5px;
margin : 0;
}
.nivo-directionNav a {
position : absolute;
top : 45%;
z-index : 99;
cursor : pointer;
}
.nivo-prevNav {
left : 0;
}
.nivo-nextNav {
right : 0;
}
.nivo-controlNav a {
position : relative;
z-index : 99;
cursor : pointer;
}
.nivo-controlNav a.active {
font-weight : bold;
}
#TB_window {
font : 12px Arial, Helvetica, sans-serif;
color : #333333;
}
#TB_secondLine {
font : 10px Arial, Helvetica, sans-serif;
color : #666666;
}
#TB_window a:link {
color : #666666;
}
#TB_window a:visited {
color : #666666;
}
#TB_window a:hover {
color : #000;
}
#TB_window a:active {
color : #666666;
}
#TB_window a:focus {
color : #666666;
}
#TB_overlay {
position : fixed;
z-index : 100;
top : 0;
left : 0;
background-color : #000;
height : 100%;
width : 100%;
}
* html #TB_overlay {
position : absolute;
}
#TB_window {
position : fixed;
background : #ffffff;
z-index : 102;
color : #000000;
display : none;
border : 4px solid #525252;
text-align : left;
top : 50%;
left : 50%;
}
* html #TB_window {
position : absolute;
}
#TB_window img#TB_Image {
display : block;
margin : 15px 0 0 15px;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
border-top : 1px solid #666;
border-left : 1px solid #666;
border : 0;
}
#TB_caption {
height : 25px;
padding : 7px 30px 10px 25px;
float : left;
}
#TB_closeWindow {
height : 25px;
padding : 11px 25px 10px 0;
float : right;
}
#TB_closeAjaxWindow {
padding : 7px 10px 5px 0;
margin-bottom : 1px;
text-align : right;
float : right;
}
#TB_ajaxWindowTitle {
float : left;
padding : 7px 0 5px 10px;
margin-bottom : 1px;
}
#TB_title {
background-color : #e8e8e8;
height : 27px;
}
#TB_ajaxContent {
clear : both;
padding : 2px 15px 15px 15px;
overflow : auto;
text-align : left;
line-height : 1.4em;
}
#TB_ajaxContent.TB_modal {
padding : 15px;
}
#TB_ajaxContent p {
padding : 5px 0 5px 0;
}
#TB_load {
position : fixed;
display : none;
height : 13px;
width : 208px;
z-index : 103;
top : 50%;
left : 50%;
margin : -6px 0 0 -104px;
}
* html #TB_load {
position : absolute;
}
#TB_HideSelect {
z-index : 99;
position : fixed;
top : 0;
left : 0;
background-color : #fff;
border : none;
height : 100%;
width : 100%;
}
* html #TB_HideSelect {
position : absolute;
}
#TB_iframeContent {
clear : both;
border : none;
margin-bottom : -1px;
margin-top : 1px;
}
#header #header_panel .panel_bottom .center .soc_icons a {
text-align : right;
}
#header #header_panel .panel_top .center .pt_menu {
text-align : center;
}
body {
text-align : right;
}
#articles ul {
padding: 0 15px;
margin: 0;
}
.box .top a {
color: #000000;
font-family: Arial,Helvetica,sans-serif;
font-size: 14px;
}

/* Горизонильное меню */
#MainMenu 
{
background:#626262;
border:0;
margin:0;
}
#tab 
{
top:0;
height:0;
background:repeat-x top;
margin:0 auto;
width:785px;
}
#tab ul 
{
list-style:none;
float:left;
margin:0;
margin-top:2px;
padding:0;
}
#tab li 
{
display:inline;
float:left;
margin:0 2px;
padding:0;
}
#tab a 
{
background:#626262 url(../image/bright_099.png) no-repeat right top;
text-decoration:none;
border:0;
display:block;
float:left;
margin:0;
padding:0;
}
#tab a span 
{
display:block;
background:url(../image/bleft_099.png) no-repeat left top;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
font-weight:700;
line-height:31px;
padding:0 13px;
}
#tab a:hover,#tab li.item_active a 
{
background-position:right bottom;
border-color:#626262;
}
#tab a:hover span,#tab li.item_active a span 
{
background-position:left bottom;
color:#fce700;
font-weight:700;
font-style:normal;
text-decoration:none;
}
.dropmenudiv,.dropmenudiv ul,.dropmenudiv li ul 
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border:0 #626262;
background:#626262;
color:#ffffff;
z-index:100;
text-decoration:none;
margin:0;
padding:0;
}
.dropmenudiv ul 
{
list-style:none;
margin:0;
padding:0;
}
.dropmenudiv li 
{
list-style:none;
margin:0;
padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
width:180px;
display:block;
border:0 #626262;
color:#ffffff;
background:url(../image/bleft_099.png) no-repeat left top;
font-weight:700;
font-style:normal;
text-decoration:none;
margin:0 2px;
padding:0;
}
.dropmenudiv a span 
{
display:block;
line-height:31px;
background:url(../image/bright_099.png) no-repeat right top;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffffff;
float:none;
padding:0 13px;
}
.dropmenudiv a:hover 
{
border:0 #626262;
background-position:left bottom;
font-weight:700;
font-style:normal;
text-decoration:none;
color:#fce700;
}
.dropmenudiv a:hover span 
{
background-position:right bottom;
color:#fce700;
font-weight:700;
}
/* Горизонильное меню конец */

/* Крыша сайи */
.top_line .right1 { padding-right:30px; }
.top_line .right1 a { color:#fff; margin-left:17px; }
.top_line_text
{
  background: #333;
  padding: 8px 0px 10px 0px; /* 5px 0*/
  color: #fff;
  margin: 0;
  height: 12px;
  position: absolute; z-index: 1;
  top: 0px; left: 0px;
  width: 100%;
  border-bottom: 1px solid #333;
  font-size: 11px;
}
.top_line_text div { padding-left: 30px; }
.top_line_text span { color: #fce700; }
.left1 { float:left;  clear: left;  }
.right1 { float:right; clear: right; }
/* Крыша сайи конец */

/* Низ сайи */
#footer {
width: 100%;
font-size: 11px;
line-height: 125%;
padding-top: 10px;
padding-bottom: 10px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #dddddd;
clear: both;
}
#footer .left {
width : 49%;
float : left;
text-align : left;
}
#footer .right {
width : 49%;
float : right;
text-align : right;
}
#footer .div1 {float: left;text-align: left;}
#footer .div1 ul{padding:0px;}
#footer .div1 li{display:inline; padding:0px 5px; list-style:none;}
#footer .div2 {float: right; text-align: right; padding-bottom:20px;}
#footer .right {
font-family : Verdana, Geneva, sans-serif;
color : #666;
text-align : right;
}
#footer img {
text-align : left;
}
/* Низ сайи конец */

/* Часть для новостей и производителей */
.brands_logo { margin-left:-15px; }
.brands_logo img { border-radius:5px 5px; -moz-border-radius:5px 5px; }
.box .brands_logo { margin-top:5px; }
.box .brands_logo ol,ul { list-style:none; }
ul#brands_slide li img{ padding: 0px; margin-left:0; }
/* Часть для новостей и производителей конец */

/* Loginza */
.loginza {
	text-align: center;
}
/* Loginza конец */

/* Коникты */
#content .middle #contact .content {
	text-align: center;
}
#content .middle #contact .content iframe {
	text-align: center;
}
#content .middle #contact .content {
	text-align: left;
}
#content .middle #contact {
	text-align: center;
}
#content .middle #contact .content {
	text-align: center;
}
.w2w2 {
	text-align: center;
}
/* Коникты конец */
Link to comment
Share on other sites


Вот и я тыкаю, как и потому чтольшая часть, лиителе этого замечательного форума пальэтом в непотому что Изображение и пока не угадал ггде выход.

Блин уже б давно решил, ну зациклился сука на шапке, которую привинтил с перепугу и теперьь не знаю, как оторваться, есть кто реально в теме и дружит с css, ОТЗОВИСЬ?Изображение

Link to comment
Share on other sites


Сим-се-ля-бим - и жмём "Показать"

У Вас сейчас икая структура

Изображение

т.е. <div id='footer'> внутри <div id='middle'> а он еещё и в диве <div id='container'>

а Вам нужна икая структура

Изображение

т.е. Вам нужно исправлять файл footer.tpl и сгделать ик чтобы <div id='footer'>лялялкакой-то код<div> был у Вас в самом низу

перед

<?php echo $google_analytics; ?>

</body>

ну а потом в стилях футера дописать ширину,фоновую картинку если нада и если еещё что нужно тоже пишите


#footer {
    
	width: 100%;
	   background:  url('../image/footer_left.png') no-repeat ;

}


правда оно все растягивает но поигдее вам отступы помогут :)

Link to comment
Share on other sites


У Вас сейчас . . .

Спасипотому что за отзывливость, с Вашей помощью и с горем пополам, насилу вымулил свои бигуди. (Ещё один эксперимент позади :) .)

. . . если еещё что нужно тоже пишите

Да-а, неплохо б было б серебра и злаи - пуда два:).
Link to comment
Share on other sites


Спасипотому что за отзывливость, с Вашей помощью и с горем пополам, насилу вымулил свои бигуди. (Ещё один эксперимент позади :) .)

только ваша кнопочка "назад" теперьь футером закрывается,

можете попропотому чтовать вернуть структуру дивов как была , но <div id='footer'> за клюлить в тег спан

вот ик:

<span>
<div id='footer'>
....
</div>
</span>

может поможет

Да-а, неплохо б было б серебра и злаи - пуда два:).

это Вы у меня просите :)?
Link to comment
Share on other sites


можете попропотому чтовать вернуть структуру дивов как была

Мне кажется я им столько наплуил, что домой дороги точно не найду.

это Вы у меня просите :)?

Да нет, мысли вслух :) .

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.