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 097

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

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


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

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

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


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

background-size: 100% 100%;

 

 

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

 

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

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


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

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

 

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

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


Ссылка на сообщение
Поделиться на другие сайты
Strelez    99
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%;

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

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


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

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

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

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

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

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

Войти

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

Войти


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

    • От 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
    • От kotelvaaleksandr
      Всем привет. И снова затертая тема, но под другим "углом". 
      Уважаемые знатоки! Хочу поставить фоновую картинку в header. Не получается. Вот ссылки на две темы по этому вопросу, перепробовал все!
      Бесполезно. Ниже на скиншоте выделен тот блок куда хочу вставить картинку с кодом страницы. Помогите разобраться
      Новый_рисунок.bmp
    • От Skunk


      Просмотреть файл Статьи в шапке Opencart 2.x
      Модификация дублирует статьи из подвала в шапку сайта.
      Языки: русский, english
      Установка стандартная - с помощью OcMod.
      Стили настраиваются индивидуально.
      Модуль распространяется "как есть". Поддержка осуществляется на коммерческой основе.
       
      = = =
      Техническая поддержка модулей здесь (Пн. - Пт. 10:00 - 17:00 GMT+2)
      = = =
      Автор Skunk Добавлен 22.11.2016 Категория Модули Работает на OpenCart Системные требования Работает на ocStore Сайт разработчика Работает на OpenCart.Pro, ocShop Старая цена Метод активации Ioncube Loader  
  • Последние посетители   0 пользователей онлайн

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