Техно-мир

Если у вас адаптированный шаблон с более ранних версий DLE, и вы внизу сайта постоянно видите какой-то непонятный пробел (иногда довольно большой отступ или задний фон), и хотите решить эту проблему, сейчас вам предоставляется такая возможность.Причина вот в том, что в инструкции по обновлению шаблоно с DLE 9.7 до DLE 9.8 написано

Откройте файл style/engine.css и внизу добавьте:

/*---Выделение текста и всплывающее окно (поделиться ссылкой)---*/
#marker-bar,
#txtselect_marker {
        display: block;
        visibility: hidden;
    position: absolute;
    z-index: 1200;
    opacity: 0;
    -webkit-transition: opacity .4s, visibility .1s linear .4s;
    -moz-transition: opacity .4s, visibility .1s linear .4s;
    -o-transition: opacity .4s, visibility .1s linear .4s;
    transition: opacity .4s, visibility .1s linear .4s;
}
#txtselect_marker {
    cursor: pointer;
    width: 32px;
    height: 32px;
    background:url(../dleimages/marker.png) -0px -0px no-repeat;
}

На самом деле код должен выглядеть так:

/*---Выделение текста и всплывающее окно (поделиться ссылкой)---*/
#marker-bar,
#txtselect_marker {
        display: block;
        visibility: hidden;
    position: absolute;
    z-index: 1200;
    opacity: 0;
    -webkit-transition: opacity .4s, visibility .1s linear .4s;
    -moz-transition: opacity .4s, visibility .1s linear .4s;
    -o-transition: opacity .4s, visibility .1s linear .4s;
    transition: opacity .4s, visibility .1s linear .4s;
}
#txtselect_marker {
    cursor: pointer;
    background:url(../dleimages/marker.png) -0px -0px no-repeat;
}

Как видите причина пробела внизу сайта именно в новой функции поделится ссылкой, в полной новости при выделении текста. Ошибка закралась в 2-х строках.

    width: 32px;
    height: 32px;

Автор: FX-DENIS

Вернуться назад