Вход • Регистрация

Помогите немного с фоном..

  •
  • 27 марта 2012 г. , редакция: 19 июля 2012 г.
  • В общем есть 2 картинки левая и правая.. поставил _ можно посмотреть тут..

    Используемый код..
    в общем надо подправить фоновые картинки так что бы они прилегали к краям основного сайта.. т.е сместить правую левее, а левую правее =) Подскажите, что подправить..
    Код
    <style type="text/css">
    HTML {
    background: url(/img/meimei1.gif) no-repeat;
    height: 100%;
    }
    BODY {
    background: url(/img/meimei2.gif) no-repeat 100% 0;
    margin: 0;
    height: 100%;
    }
    </style>
    •
    • 27 марта 2012 г. , редакция: 27 марта 2012 г.
    • сделайте ОДНУ вот такую картинку и разместите ее в фоне по центру
      все.

      Код

      BODY {
      background: url(/img/meimei1-2.gif) no-repeat center top;
      margin: 0;
      height: 100%;
      }



      соответственно, для HTML фон больше не нужен

      Код

      HTML {
      height: 100%;
      }
      • 27 марта 2012 г.
      • Спасибо, почти получилось.. осталось убрать маленький пробел слева
        •
        • 27 марта 2012 г.
        • Либо в фоне фотошопом подвиньте белый промежуток правее, либо основное тело сайта сдвиньте левее, пикселей на 10
          Для стиля BODY (который Вы прям в шаблоне прописали)
          margin: 0px 0 0 -10px;
          •
          • 28 марта 2012 г.
          • Извращенцы - большой белый кусок по середине хавает не мало байтнадо его вырезать левую и правую картинку друг под дружкой вставляем 2 дива и прописываем у правого отрицательный position равный высоте левой картинки. В итоге
            1 Экономим байты.
            2 Увеличиваем скорость загрузки.
            3 Располагаем к сайту роботов (yandex, google ...)
            Оптимизируйте.
            •
            • 28 марта 2012 г.
            • байт там некритично больше (или вы на дайалапе сидите? : ))

              про отрицательные позишны.. кто из нас извращенец, батенька? : ))

              расположение к сайту роботов. какая им разница в фоне картинка или вытащена отрицательным позиционированием?

              и вообще - вы предлагаете вставить уже КАРТИНКИ, к которым, по идее надо альты, тайтлы прописать, иначе те же роботы будут их считать мусором всяким непонятным (привет, оптимизация и роботы), а в моем же случае - это ФОН, что более правильно.
              •
              • 29 марта 2012 г. , редакция: 29 марта 2012 г.
              • Евгений - просвещайтесь здесь.
                Не совсем на диалапе - на пчелайн модеме и часто бывает что трафик заканчивается по середине месяца а работать надо. Так выбешивают не оптимизированные сайты.
        •
        • 27 марта 2012 г.
        • конечно картинку надо было абсолютно-симметричную делать, тогда ничего никуда двигать не надо было
  •
  • 27 марта 2012 г.
  • Такой еще вопрос.. вот на сайте сверху есть блок

    КОРЗИНА
    Товаров в корзине 0
    На сумму 0 руб.

    Как его можно сместить правее и поставить слева картинку? пробовал, но картинка то выше получалась то ниже.. Поройтесь в исходнике кому не лень, спасибо..
    •
    • 27 марта 2012 г.
    • Поставьте уже Chrome и пользуйтесь инструментом "Показать код элемента", там все видно.
      style.css
      строка 769
      Код
      .basket_block {
      padding-left: 85px;
      margin-top: -20px;
      }
      •
      • 27 марта 2012 г.
      • _http://www.meitan-meitan.ru все равно что-то не то.. картинка или ниже или выше..
  •
  • 27 марта 2012 г. , редакция: 27 марта 2012 г.
  • Может картинку не в то место вставляю (в главный шаблон..) или что-то задать еще для нее надо?
  •
  • 31 марта 2012 г. , редакция: 31 марта 2012 г.
  • Такой вопрос..

    На сайте есть вот такой вот класс..
    Код
    <div class="header">
    </div>

    .header
    {
    background: transparent url(../img/header.jpg) no-repeat top right;
    height: 181px;
    width: 920px !important;
    margin: 3px auto 0px auto !important;
    text-align: left;


    Как вместо него вставить картинку? Просто если стереть класс и вставлять свои картинки (скрипт ротации картинок), то получается, что картинки наезжают на половину контента..

    Скрипт ротации изображений
    Код
    <script language="JavaScript" type="text/javascript">
    var image_count = 3;
    var interval = 3000;
    var time_out = 10;
    var i = 0;
    var timeout;
    var opacity = 100;

    function change_image() {
    opacity--;
    var j = i + 1;
    var current_image = 'img_' + i;
    if (i == image_count) j = 1;
    var next_image = 'img_' + j;
    document.getElementById(current_image).style.opacity=opacity/100;
    document.getElementById(current_image).style.filter='alpha(opacity='+opacity+')';
    document.getElementById(next_image).style.opacity=(100-opacity)/100;
    document.getElementById(next_image).style.filter='alpha(opacity='+(100-opacity)+')';
    timeout = setTimeout("change_image()", time_out);
    if (opacity==1) {
    opacity = 100;
    clearTimeout(timeout);
    }
    }

    setInterval (function() {i++; if (i>image_count) i=1; change_image();}, interval);
    </script>


    Код
    <img src='image/img_11.png' id="img_1" style="position: absolute;">
    <img src='image/img_12.png' id="img_2" style="opacity: 0; filter: alpha(opacity=0);
    position: absolute;">
    <img src='image/img_13.png' id="img_3" style="opacity: 0; filter: alpha(opacity=0);
    position: absolute;">
    •
    • 31 марта 2012 г.
    • Нельзя ответить на этот вопрос, не поковырявшись в коде. А по факту у вас там сейчас полная чехарда.

      http://clip2net.com/s/1L0Km

      сейчас же настораживают
      height: 181px; у дива
      position: absolute; (у картинки) и отсутствие position: relative; у дива

      ну и как видно сформированыый код - картинки НЕ внутри div class="header"


      а дальше - надо копать..
      • 31 марта 2012 г.
      • а вообще, применяйте проверенные, хорошие слайдеры : )) - например sliderkit и сделайте слайдер на основе фотолагереи, сделав для слайдера отдельный шаблон, и выведя его обычным инсертом с параметром - template
  •
  • 31 марта 2012 г. , редакция: 31 марта 2012 г.
  • я просто сижу.. химичу.. Вроде что-то получилось.. осталось каким то образом немного к меню подвинуть шапки, и косяк появился не видно подпункты меню..

    Подскажите что подправить? =)
    •
    • 02 апреля 2012 г.
    • "осталось каким то образом немного к меню подвинуть шапки"
      Какие шапки подвинуть? Вроде все нормально

      "и косяк появился не видно подпункты меню.."
      У меня вроде все видно, использую FF11. Подпункты есть только в пункте "Информация".

Новости

  • Вышла очередная сборка DIAFAN.CMS 7.2.2
  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • Не пропустите сборку DIAFAN.CMS 7.1.4
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • Сборка DIAFAN.CMS 7.1.3
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 
Все новости

Форум

Перейти на форум