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

saimon7 · 30 травня 2011

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

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

Avainta · 31 травня 2011

Тоже бы хотел знать))

EvzeNsx · 31 травня 2011

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

.div1 {
   background: url('путь_к_картинке.png') repeat-x;
}

Остальное нужно уточнять - как, что, куда.. Опишите то, что вам нужно.

gdi31 · 1 червня 2011

Много способов есть. . .

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

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

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

vavan1955 · 2 червня 2011

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

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

#footer {

width: 100%;

clear: both;

padding-top: 5px;

border-top: 1px solid #DDDDDD;

}

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

gdi31 · 2 червня 2011

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

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

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

Smallbear · 2 червня 2011

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

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

киньте свой css

gdi31 · 2 червня 2011

киньте свой 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;
}
/* Контакты конец */

gdi31 · 2 червня 2011

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

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

Smallbear · 2 червня 2011

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

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

т.е. <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 ;

}

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

gdi31 · 4 червня 2011

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

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

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

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

Smallbear · 4 червня 2011

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

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

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

вот так:

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

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

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

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

gdi31 · 4 червня 2011

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

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

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

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

Вхід

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

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information