Фон только для контента, OC 2.1

Тема в разделе "Дизайн, оформление и шаблоны", создана пользователем 6yka, 26 ноя 2015.

  1. 6yka

    6yka Пользователь

    Сообщения:
    37
    Симпатии:
    1
    Товарищи!

    Поковырял, что-то не нашел тему.
    На другом сайте нашел красивый код css для создания блоков с тенью
    http://beloweb.ru/novichkam/kak-sdelat-krasivuyu-ten-dlya-bloka-s-pomoshhyu-css-8-primerov.html

    Хочу добавить фон картинкой и сделать центральный блок сверху от логотипа до футера белым с применением этого стиля.
    Куда правильно это прописать.
    Думал надо где-то в header.tpl добавить <div> с этим классом и закрыть в файле футера, да не вышло.
     
  2. Ален

    Ален Эксперт

    Сообщения:
    2.056
    Симпатии:
    640
    нарисуйте как должно быть.. по описанию не очень понятно..
     
  3. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    924
    Симпатии:
    240
    Походу он вот это хочет:
    Снимок экрана (178).png
     
  4. 6yka

    6yka Пользователь

    Сообщения:
    37
    Симпатии:
    1
    Вот, нарисовал
     

    Вложения:

  5. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    924
    Симпатии:
    240
    и в чем сложность? на скрине чётко видны и классы и дивы и иерархия....
    Контейнер находится относительно боди - вторым. Назначте этому классу свои стили, а боди изображение. Никакие шаблоны править не придется....
     
  6. 6yka

    6yka Пользователь

    Сообщения:
    37
    Симпатии:
    1
    Вот код после body

    Код:
    <body class="<?php echo $class; ?>">
    <nav id="top">
    <div class="container" >
    <!--    <?php echo $currency; ?>
    <?php echo $language; ?>
    -->
    
        <div id="top-links" class="nav pull-right" >
          <ul class="list-inline">
            <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li>
            <li class="dropdown"><a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_account; ?></span> <span class="caret"></span></a>
              <ul class="dropdown-menu dropdown-menu-right">
                <?php if ($logged) { ?>
                <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
                <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
                <li><a href="<?php echo $transaction; ?>"><?php echo $text_transaction; ?></a></li>
                <li><a href="<?php echo $download; ?>"><?php echo $text_download; ?></a></li>
                <li><a href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li>
                <?php } else { ?>
                <li><a href="<?php echo $register; ?>"><?php echo $text_register; ?></a></li>
                <li><a href="<?php echo $login; ?>"><?php echo $text_login; ?></a></li>
                <?php } ?>
              </ul>
            </li>
            <li><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li>
            <li><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a></li>
          <!--  <li><a href="<?php echo $checkout; ?>" title="<?php echo $text_checkout; ?>"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_checkout; ?></span></a></li> -->
          </ul>
        </div>
      </div>
    </nav>
    <header>
    <div class="container">
    
        <div class="row">
          <div class="col-sm-4">
            <div id="logo">
              <?php if ($logo) { ?>
              <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
    
              <?php } else { ?>
              <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
              <?php } ?>
            </div>
          </div>
          <div class="col-sm-5"><?php echo $search; ?>
          </div>
          <div class="col-sm-3"><?php echo $cart; ?></div>
        </div>
    <div>Наш сайт находится на Бета-тестировании. Каталог активно наполняется. Для просчета стоимости экипа, пишите нам <a href="/contact-us">в обратную связь</a></div>
    </header>
      </div>
    
    
    <?php if ($categories) { ?>
    <div class="container" >
      <nav id="menu" class="navbar">
        <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
          <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
        </div>
        <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav">
            <?php foreach ($categories as $category) { ?>
            <?php if ($category['children']) { ?>
            <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>
              <div class="dropdown-menu">
                <div class="dropdown-inner">
                  <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
                  <ul class="list-unstyled">
                    <?php foreach ($children as $child) { ?>
                    <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
                    <?php } ?>
                  </ul>
                  <?php } ?>
                </div>
                <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
            </li>
            <?php } else { ?>
            <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
            <?php } ?>
            <?php } ?>
          </ul>
        </div>
      </nav>
    </div>
    
    <?php } ?>
    я вставлял этот стиль
    Код:
    class="box effect2"
    вместо всех контейнеров. Но они относятся только к шапке.
    Я же хочу где-то правильно открыть "блок" <DIV> и закрыть перед футером, чтобы все что внутри уже с существующими стилями так и жило в моем новом блоке "подложке" в моем стиле
     
  7. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    924
    Симпатии:
    240
  8. 6yka

    6yka Пользователь

    Сообщения:
    37
    Симпатии:
    1
    Вот мне надо чтобы верх,низ страницы, правая и левая колонки попали в этот блок с моим оформлением
     

    Вложения:

  9. optimlab

    optimlab Продвинутый пользователь

    Сообщения:
    924
    Симпатии:
    240
    Вопрос на засыпку, ответ на который вас подтолкнет к пониманию что делать: где начинается тего body и где он закрывается?
     
  10. 6yka

    6yka Пользователь

    Сообщения:
    37
    Симпатии:
    1
    я с самого начала открываю после body
    Код:
    <div class="box effect2"> 
    в фалу header.tpl,
    закрываю </div> в файле footer.tpl

    но нифига не получается, т.е. все едет к чертям.

    Плюс к тому, что я хочу чтобы этот <div class="box effect2"> начинался только после меню категории в шапке. все плывет