Перейти к публикации

подвал в новой 9.8 версии


Рекомендованные сообщения

В моем шаблоне после обновления на версию 9.8 (с 9.7) подвал на новостных страницах немного поднялся вверх. Та же картина маслом и на Вашей демо-версии (шаблон pisces) http://demo.dle-news.ru/main/4-post4.html. Так было задумано?

Ссылка на сообщение
Поделиться на других сайтах

В свой шаблон нужно вносить изменения согласно списку изменений http://dle-news.ru/extras/diffs/98/ а не копировать CSS из стандартного шаблона.

Ссылка на сообщение
Поделиться на других сайтах

Я ссылку на Ваш демо для чего запостил?

по ссылке на демо другие стили, не такие как на странице http://dle-news.ru/extras/diffs/98/ и если сделать все правильно именно по ссылке http://dle-news.ru/extras/diffs/98/ то никаких отсупов в подвале не будет.

Ссылка на сообщение
Поделиться на других сайтах

То есть как это на демо - http://demo.dle-news.ru/main/4-post4.html другие стили? И почему в демо подвал подвисший ?

И где в приведенной Вами ссылке на изменения 9.7.-9.8 код css, отвечающий за позиционирование подвала?

Насколько я вижу, в демо именно версия 9.8, т.к. присутствует возможность ссылки на фрагмент текста...стили ессно все новые. Так что у Вас там со шаблоном-то? Почему подвал висит?

Ссылка на сообщение
Поделиться на других сайтах

То есть как это на демо - http://demo.dle-news...in/4-post4.html другие стили?

Да.

И почему в демо подвал подвисший ?

Потому что там не финальный релиз, а предварительный.

И где в приведенной Вами ссылке на изменения 9.7.-9.8 код 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;
background:url(../dleimages/marker.png) -0px -0px no-repeat;
}
#txtselect_marker:hover {
background-position: -0px -32px;
}
#marker-bar{
border: 1px solid #ccc;
border-radius: 15px;
background: #fff;
padding: 5px 10px;
cursor: default;
box-shadow: 0px 0px 4px #ccc;
}
#marker-bar.show {
-webkit-transition: opacity .4s, visibility 0s;
-moz-transition: opacity .4s, visibility 0s;
-o-transition: opacity .4s, visibility 0s;
transition: opacity .4s, visibility 0s;
opacity: 1;
visibility: visible;
}
#txtselect_marker.show {
/* XXX make a common css fadeIn/fadeOut classes */
visibility: visible;
width: 32px;
height: 32px;
-webkit-transition: opacity .4s, visibility 0s;
-moz-transition: opacity .4s, visibility 0s;
-o-transition: opacity .4s, visibility 0s;
transition: opacity .4s, visibility 0s;
opacity: 1;
}
#marker-bar .masha-social,
#marker-bar .masha-marker{
cursor: pointer;
display: block;
margin: 0 5px;
float: left;
}
#marker-bar .masha-marker{
line-height: 1em;
color: #aaa;
border-bottom: 1px dotted #aaa;
margin-right: 10px;
}
#marker-bar .masha-marker:hover {
color: #ea3e26;
border-color: #ea3e26;
}
.user_selection, .user_selection_true {
background: #c4f47d;
padding: 2px 0;
}
.user_selection a.txtsel_close, .user_selection_true a.txtsel_close {
display:none;
}
.user_selection .closewrap, .user_selection_true .closewrap {
position: relative;
}
.user_selection.hover a.txtsel_close, .user_selection_true.hover a.txtsel_close {
display: inline-block;
position: absolute;
top: -7px;
left: -5px;
width: 33px;
height: 33px;
background: url(../dleimages/closemarker.png) -0px -0px no-repeat;
}
.user_selection.hover a.txtsel_close:hover, .user_selection_true.hover a.txtsel_close:hover {
background-position: -0px -33px;
}

#share-popup {
background: #fff;
border: 1px solid #aaa;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
position: absolute;
width: 414px;
display:none;
z-index: 100;
padding: 10px 0;
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;
}
#share-popup.show {
display:block;
opacity: 1;
-webkit-transition: opacity .4s, visibility 0s;
-moz-transition: opacity .4s, visibility 0s;
-o-transition: opacity .4s, visibility 0s;
transition: opacity .4s, visibility 0s;
opacity: 1;
}
#share-popup .social {
padding: 0 0 10px 17px;
height: 40px;
}
#share-popup .social p {
padding-bottom: 10px;
margin: 0;
font-weight: bold;
}
#share-popup .social ul {
list-style: none;
margin: 0;
padding: 0;
}
#share-popup .social ul li {
float: left;
margin-right: 20px;
padding-top: 2px;
position: relative;
}
#share-popup .social ul a {
text-decoration: none;
font-size: 11px;
display: inline-block;
color: #aaa;
padding-left: 25px;
}
#share-popup .social ul a:hover {
text-decoration: underline;
color: #ea3e26;
}
#share-popup .social a span{
cursor: pointer;
width: 20px;
height: 20px;
background: url(../dleimages/social-icons.png) 20px 20px no-repeat;
position: absolute;
left: 0;
top: 0;
}
#share-popup .social .tw span{
background-position: 0 -20px;
}
#share-popup .social .tw:hover span{
background-position: 0 0;
}
#share-popup .social .fb span{
background-position: -20px -20px;
}
#share-popup .social .fb:hover span {
background-position: -20px 0;
}
#share-popup .social .vk span{
background-position: -40px -20px;
}
#share-popup .social .vk:hover span {
background-position: -40px 0;
}
#share-popup .social .gp span{
background-position: -60px -20px;
}
#share-popup .social .gp:hover span {
background-position: -60px 0;
}
#share-popup .link {
clear: both;
border-top: 1px solid #d9d9d9;
padding: 10px 5px 0 10px;
line-height: 1.2;
overflow: hidden;
margin: 0 7px;
}
#share-popup .link p {
font-weight: bold;
padding: 0 0 3px 0;
margin: 0;
}
#share-popup .link span {
color: #999;
font-size: 10px;
display: block;
padding-top: 3px;
}
#share-popup .link a {
display: block;
}
[/CODE]

Ссылка на сообщение
Поделиться на других сайтах

Эти http://dle-news.ru/extras/diffs/98/ исправления ничего в плане решения проблемы с подвалом не дали.

Хотелось бы увидеть в демо-шаблоне 9.8 pisces НЕ зависший подвал и конкретный css код который это исправляет.

Ссылка на сообщение
Поделиться на других сайтах

MLaw,

Пожалуйста. Скопировал стили которые на странице http://dle-news.ru/extras/diffs/98/ Можете заходить на страницу http://demo.dle-news.ru/main/4-post4.html. предварительно очистив кеш браузера, чтобы новые стили загрузились с сервера. Как видно на демо сайте все корректно отображается.

Ссылка на сообщение
Поделиться на других сайтах
  • 3 недели спустя...

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...