Все для DataLife Engine / DLE хаки / Убрать пробел внизу сайта DLE шаблонов 9.8-10.2

Убрать пробел внизу сайта DLE шаблонов 9.8-10.2


В этой статье вы узнаете, как убрать непонятный отступ, пробел внизу сайта, после обновления DLE шаблонов версии DataLife Engine движков DLE 9.8, DLE 10.0, DLE 10.1, DLE 10.2 и выше.

Если у вас старый шаблон, и вы многое в нем сделали или сделали его сами, но после обновления версии DLE внизу сайта постоянно видите какой-то непонятный пробел (иногда довольно большой отступ или задний фон), и хотите решить эту проблему, то я помогу вам это исправить с помощью хака "Убрать пробел внизу сайта DLE шаблонов 9.8-10.2".

Причина вот в чем, на всех сайтах чтобы обновить шаблон с 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;
}




Как видите причина пробела внизу сайта именно в новой функции поделится ссылкой, в полной новости при выделении текста. Найти отличия в чем ошибка думаю не стоит описывать, все и так видно. Вообще можете скачать шаблоны DLE Default 10.1 и убедиться что там уже в engine.css, все написано, как надо, хвала разработчикам.

Автор:FX-DENIS
  • 100

Комментарии 4

dle9.com от 11 октября 2014 06:00
Цитата: shirshov1
А как убрать такой же отступ только сверху? В мозиле нормально отображается, а вот в хроме сьезжает вниз.

Попробуйте найти методом тыка решение этим способом , а далее уже исправить шаблон. Просто не на все есть универсальное решение.
shirshov1 от 11 октября 2014 01:12
А как убрать такой же отступ только сверху? В мозиле нормально отображается, а вот в хроме сьезжает вниз.
FXDENIS от 18 июня 2014 12:55
Цитата: Karat7
Не всегда, но зазоры бывают частенько, полезно имхо smile

У самого была проблема такая,поэтому из личного опыта wink
Karat7 от 18 июня 2014 10:51
Не всегда, но зазоры бывают частенько, полезно имхо smile
Добавить комментарий

Оставить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent