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

Блок на сайте

  •
  • 14 декабря 2016 г.
  • Подскажите, пожалуйста!
    Создаю новый блок на сайте. В файле site_start.php прописываю <insert name="show_block" module="site" id="11"> (Вывожу этот блок).
    Он выводится, но почему то перекрывает остальную информацию. Вот ссылка на сайт http://modulink.ru/ (в самом низу).
    •
    • 14 декабря 2016 г.
    • Код
      <img style="position: absolute;" src="http://s014.radikal.ru/i327/1612/4b/ae2c2f226601.png">

      Цитата
      absolute - Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет.

      Уберите этот стиль и картинка не будет перекрывать информацию.
  •
  • 14 декабря 2016 г.
  • К сожалению, ничего не изменилось. Мне нужно, чтобы одна картинка была наложена на другую, при этом по ней была ссылка. Может есть другие варианты это осуществить?
    •
    • 14 декабря 2016 г.
    • Наложить картинку на картинку в фотошопе и получившуюся новую картинку вставить как баннер на сайт и там же указать ссылку.
      В нужном месте вывести блок типа <insert name="show_block" module="bs">
      • 14 декабря 2016 г.
      • Спасиб, не догадался что так можно извратиться (положительно =) )
        •
        • 15 декабря 2016 г.
        • Пожалуйста) я предпочитаю через модуль баннеры картинки выводить на сайте. Но можно, конечно и в блоках просто.
  •
  • 14 декабря 2016 г.
  • Нужно, чтобы на картинке было, что-то вроде кнопки (оставить заявку). Вот так хотелось, бы
    •
    • 14 декабря 2016 г.
    • А вы точно больше ничего не меняли?
      Ваша картинка "Оставить заявку" ускакала вверх.

      Код
      <img style="position: absolute;top: 100px;left: 100px;" src="http://rp-glass.ru/lp/p1.png">

      Вот она строчкой ниже.
      Если убрать в стилях top: 100px;, то она будет наложена на нижний баннер. Останется пошаманить со стилями, чтобы было красиво и вставить ссылку под нее.
  •
  • 15 декабря 2016 г. , редакция: 15 декабря 2016 г.
  • Что-то получается, как Дмитрий предложил через z-index. Картинки наложил все получилось. Теперь добавляю текст еще сверху 3 слоем, но не получается, он внизу. Конечно можно прописать и через фотошоп. Может что-то не так пишу?


    Код
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>z-index</title>
    <style>
    #layer1, #layer2 #layer3 {
    position: relative; /* Относительное позиционирование */
    }
    #layer1 {

    bottom: -110px; /* Сдвигаем текст вниз */
    left: 105px; /* Сдвигаем текст вправо */
    }
    #layer2 {
    top: -55px; /* Сдвигаем текст вверх */
    left: 5px; /* Сдвигаем текст вправо */

    }
    #layer3 {
    font-size: 10px; /* Размер шрифта в пикселах */
    color: #000080; /* Синий цвет текста */
    top: -310px; /* Сдвигаем текст вниз */
    left: 105px; /* Сдвигаем текст вправо */
    }
    #layer1 { z-index: 2; }
    #layer2 { z-index: 1; }
    #layer3 { z-index: 3; }
    </style>
    </head>
    <body>

    <div id="layer1"><img src="http://modulink.ru/userfiles/upload/cd70b1b08e0479938d1d5c6efa229a6f.png"></div>
    <div id="layer2"><img src="http://modulink.ru/userfiles/upload/0ad8327711957e9acce121b17d7196fe.png"></div>
    <div id="layer3">Хотите заказать модульную картину по Вашей фотографии?</div>

    </body>
    </html>
    •
    • 15 декабря 2016 г.
    • Код

      <div style="position:relative">
      <div id="layer1"><img src="http://modulink.ru/userfiles/upload/cd70b1b08e0479938d1d5c6efa229a6f.png"></div>
      <div id="layer2"><img src="http://modulink.ru/userfiles/upload/0ad8327711957e9acce121b17d7196fe.png"></div>
      <div id="layer3" style="position:absolute; top:50%; margin-left:105px" >Хотите заказать модульную картину по Вашей фотографии?</div>
      </div>

      Так попробуйте.
      И вот эта часть абсолютно лишняя:
      Цитата
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title>z-index</title>
      • 15 декабря 2016 г. , редакция: 15 декабря 2016 г.
      • Все спасибо большое получилось, осталось ссылку добавить на картинку и дальше только буду красоту наводить (шрифт, цвет и т.д).
        Еще такой вопрос, где можно убрать это пространство, вверху то я убрал, подвинув всю картинку, а внизу нет.
        •
        • 15 декабря 2016 г.
        • А это место у вас как раз занимает #layer3. Поэтому и нужно абсолютное позиционирование для него. Но чтобы он хорошо пропозиционировался надо все блоки обернуть в див с position:relative.
          • 15 декабря 2016 г.
          • Прописал, как Вы сказали. Результат есть, расстояние чуть уменьшилось. А еще больше нельзя?
            Код
            <div style="position:relative">
            <div id="layer1"><a href="http://modulink.ru/feedback/" ><img src="http://modulink.ru/userfiles/upload/cd70b1b08e0479938d1d5c6efa229a6f.png" ></a></div>
            <div id="layer2"><img src="http://modulink.ru/userfiles/upload/0ad8327711957e9acce121b17d7196fe.png"></div>
            <div id="layer3" style="position:absolute; top:50px; margin-left:20px" >Модульная картина по фото <br> Хотите заказать модульную картину по Вашей фотографии<br>или понравившейся картинке?Оставьте заявку и прикрепите <br>файл, и мы пришлем Вам несколько вариантов модулей.</div>
            •
            • 15 декабря 2016 г. , редакция: 15 декабря 2016 г.
            • Сделайте для layer1:
              Код

              #layer1 {
              position:absolute;
              margin-top: 200px
              }

              A у #layer2 уберите "top: -100px"
              •
              • 15 декабря 2016 г.
              • Спасибо все получилось, результатом доволен
  •
  • 15 декабря 2016 г.
  • Всё решил запятую пропустил. #layer1, #layer2 #layer3 {
  •
  • 09 февраля 2017 г.
  • Стандатный блок. Всего в категории 5 картинок, а выводится почему то 6 , и одна пустая - почему? На скрине видно что точек на слайдере 6
    • 09 февраля 2017 г.
    • У вас скорее всего в слайдер попадают не только картинки, но и другой элемент. Например счетчик показов и кликов (если используется модуль Баннеры)
  •
  • 10 февраля 2017 г.
  • Каким образом что то может попасть, если блок стандартный и в коде никто не лазил
    •
    • 10 февраля 2017 г.
    • а категория в баннерах одна?
      возможно не одна, а слайдер выводит все подряд, а не только категорию, которая для слайдеров
    •
    • 10 февраля 2017 г. , редакция: 10 февраля 2017 г.
    • Если в коде никто не лазил это совершенно не означает что в коде все правильно...)
      А вообще совсем непонятно на что вы рассчитываете задавая такого рода вопроса.
      В каком коде?.. Где в коде? Адрес сайта?..

Новости

  • Вышла очередная сборка 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 уже доступна к установке. 
Все новости

Форум

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