NikeSupermen

Фон картинкой footer и header [РЕШЕНО]

Рекомендуемые сообщения

Уважаемые форумчане!

 

1) Очень хочется поставить фон хохломы в footer и header растягивающими картинками, фиксироваными на месте в image, как понял нужен код в Stylesheet!

 

Картинки не должны выходить из footer и header!

 

Сборка 1.5.4.1

На локальном сервере

post-668778-0-71085100-1370355628_thumb.jpg

post-668778-0-36687400-1370355629_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
afwollis    1 099

надо "растянуть" или "замостить"?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Растянуть, имею ввиду вставляю 2 картинки нужного размера, растягивается по футеру и хедеру

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sh2000v    15
background: url('../image/имя файла картинки.jpg') no-repeat;

background-size: 100% 100%;

 

 

Только проблема в том, что в IE 8 - не растягивает, а в остальных всё ОК!

 

Так что если кто знает как сделать отдельно для IE 8 ...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Благодарю, всё получилось, присоединяюсь!

 

Если кто знает как сделать отдельно для IE 8 ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Strelez    102
background: url('../image/имя файла картинки.jpg') no-repeat;
background-size: 100% 100%;
 
 
Только проблема в том, что в IE 8 - не растягивает, а в остальных всё ОК!
 
Так что если кто знает как сделать отдельно для IE 8 ...

Может пригодится

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Блин, header плохо встаёт, помогите убрать края, footer отлично встал.

 

/* header */
#header {
    height: 90px;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 7px;
    padding-bottom: 4px;
    position: relative;
    z-index: 99;
    background: url('../image/apes.jpg') no-repeat;
        background-size: 100% 100%;

post-668778-0-63826500-1370359597_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
sh2000v    15

Это поля и отступы. Поиграй с margin и padding.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Проблема окончательно решена

 

#header {
    height: 90px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3px;
    padding-bottom: 4px;
    position: relative;
    z-index: 99;
    background: url('../image/apes1.jpg') no-repeat;
        background-size: 100% 100%;

Удалена строчка отвечающая за ширину

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От studia55x5
      Подскажите пожалуйста как вывести другую шапку в корзине. То есть в файле cart.tpl нужно вывести другой header.tpl, я хотел этот вопрос решить путем копии header.tpl в файл корзины, однако не работает. Как подключить другой хедер например header-two.tpl вместо <?php echo $header; ?> который подрубает header.tpl
    • От buyshop
      Привет!
      Может быть тема была - я не нашёл...
      Как сделать что бы footer прилип к нижней строке браузера? Что бы не пропадал так сказать!
    • От giannirodari
      Недавно перестал отображаться логотип. 
      Шаблон стандартный, версия ocStore 2.1.0.1.
      Пробовал править site/catalog/view/theme/default/templaet/common/header.tpl
      После изменений сохранял файл на севере с заменой, в менеджере дополнений сбрасывал и обновлял список дополнений, чистил кэш на стороне сервера и клиента. 
       
      НИКАКИХ изменений не произошло. Как быть?
      p.s. надеюсь не ошибся разделом. Поиск юзал.
       
    • От akulukin
      Добрый день комрады!
      У меня последняя версия OcStore 2.3.0.2.1
      Задумался сегодня с правкой Footer (подвала)
      Как добавить стати и разместить их в колонке "Информация" - знаю, это просто, через админку делается.
      А вот с остальным - уже сложности посыпались...
       
      Не знаю как.
      В столбце "Служба поддержки" удалить навсегда ссылку "Возврат товара"?
      Как добавить новые ссылки на новые статьи?
       
      Пробовал комментировать эти ссылки в файле footer.tpl,
      который располагается по пути: /catalog/view/theme/default/template/common
      не выходит, они всё-равно выводятся на обозрение.
       
      Пожалуйста, 
      подскажите, есть какое нибудь решение?
       
      Заранее благодарен. 
    • От vescovood1
      Менял шаблон на тему Fastor, делал рип самостоятельно. Обнаружилась проблема, зависает корзина при продолжении... меняю header на default начинает работать... (даже не полностью header а только <head>... перепробовал кучу вариантов, удалял строки, прописывал js и скрипты... ничего не работает
      кто подскажет решение???
      <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title><?php echo $title; if (isset($_GET['page'])) { echo " - ". ((int) $_GET['page'])." ".$text_page;} ?></title> <base href="<?php echo $base; ?>" /> <?php if ($description) { ?> <meta name="description" content="<?php echo $description; if (isset($_GET['page'])) { echo " - ". ((int) $_GET['page'])." ".$text_page;} ?>" /> <?php } ?> <?php if ($keywords) { ?> <meta name="keywords" content= "<?php echo $keywords; ?>" /> <?php } ?> <meta property="og:title" content="<?php echo $title; if (isset($_GET['page'])) { echo " - ". ((int) $_GET['page'])." ".$text_page;} ?>" /> <meta property="og:type" content="website" /> <meta property="og:url" content="<?php echo $og_url; ?>" /> <?php if ($og_image) { ?> <meta property="og:image" content="<?php echo $og_image; ?>" /> <?php } else { ?> <meta property="og:image" content="<?php echo $logo; ?>" /> <?php } ?> <meta property="og:site_name" content="<?php echo $name; ?>" /> <?php foreach ($styles as $style) { ?> <link href="<?php echo $style['href']; ?>" type="text/css" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" /> <?php } ?> <script src="catalog/view/javascript/common.js" type="text/javascript"></script> <?php foreach ($links as $link) { ?> <link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" /> <?php } ?> <?php foreach ($scripts as $script) { ?> <script src="<?php echo $script; ?>" type="text/javascript"></script> <?php } ?> <?php foreach ($analytics as $analytic) { ?> <?php echo $analytic; ?> <?php } ?> <link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link href="catalog/view/theme/petway/files/icon.png" rel="icon"> <link href="http://petway.com.ua/" rel="canonical"> <link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet"> <!-- Google Fonts --> <link href="catalog/view/theme/petway/files/css" rel="stylesheet" type="text/css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/bootstrap.css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/animate.css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/stylesheet.css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/responsive.css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/menu.css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/filter_product.css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/petway.css"> <link rel="stylesheet" type="text/css" href="catalog/view/theme/petway/files/magnific-popup.css" media="screen"> <style type="text/css"> .standard-body .full-width .container { max-width: 2000px; } .main-fixed, .fixed-body-2-2, .standard-body .fixed2 .background { max-width: 2000px; } .standard-body .fixed .background { max-width: 1910px; } </style> <script type="text/javascript" src="catalog/view/theme/petway/files/jquery-2.1.1.min.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/jquery-ui.min.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/jquery-migrate-1.2.1.min.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/jquery.easing.1.3.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/bootstrap.min.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/twitter-bootstrap-hover-dropdown.js"></script> <style type="text/css">.dropdown-submenu:hover>.dropdown-menu{display:none}</style> <script type="text/javascript" src="catalog/view/theme/petway/files/common.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/tweetfeed.min.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/bootstrap-notify.min.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/owl.carousel.min.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/jquery-ui-1.10.4.custom.min.js"></script> <script type="text/javascript" src="catalog/view/theme/petway/files/jquery.magnific-popup.min.js"></script> <script type="text/javascript"> var responsive_design = 'yes'; </script> <style type="text/css"> .spoiler_body {display:none;} .spoiler_links {cursor:pointer;} </style> <!--[if lt IE 9]> <script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script> <script src="catalog/view/theme/fastor/js/respond.min.js"></script> <![endif]--> <style type="text/css">#megamenu_23557860 ul.megamenu > li > .sub-menu > .content {-webkit-transition: all 200ms ease-out !important;-moz-transition: all 200ms ease-out !important;-o-transition: all 200ms ease-out !important;-ms-transition: all 200ms ease-out !important;transition: all 200ms ease-out !important;}</style><style nonce="23D1E4DEC82F4BB68ABAA84EB93C5427" type="text/css"> /* /logo sprite */ </style></head> А ставлю упрощенную корзину (зип во вложении) так не работают почти все строки... помогите плз

      one+page+checkout+2.1.zip
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу