FAQ по адаптации шаблонов с DLE 8.x под DLE 9.x

Изменяем некоторые стили и переменные для того чтоб старые шаблоны смогли нормально использовать новые функции AJAX "честно спижно" Открываем файл /templates/{THEME}/css/engine.css и там в любое место вставляйте: Показать / Скрыть текст/* ======= ========== === Информационное окно загрузки AJAX * / #loading-layer { display:none; font-family:Verdana;font-size:11px; background:#000;padding:10px; text-align:center;border:1px solid #000; color:#FFF; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } Тут же находим #dropmenudiv { и из этих стилей удаляем: opacity: 0.95;     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3)";     filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3); Так же удаляем этот кусок кода: /* ==================== Уведомление о получении новых PM */ #newpm {     position: absolute;     width: 400px;     padding: 4px;     background-color: #fdfdfd;     border: 1px solid #bbbbbb;     font-family: verdana;     color: #757575;     line-height: 135%; } #newpmheader {     padding-left: 5px;     padding-right: 5px;     padding-top: 2px;     height: 20px;     color: #ffffff;     font-weight: bold;     background-color: #4972D3;     font-family: verdana;     cursor: move; } #newpm a {     background: transparent;     color: #4d6a8a;     text-decoration: none; } #newpm a:hover {     background: transparent;     color: #4d6a8a;     text-decoration: underline; } Опускаемся еще ниже и удаляем такие стили: .highslide-html-content {     display: none; } и .highslide-footer {     height: 11px; } .highslide-footer .highslide-resize {     float: right;     height: 12px;     width: 11px;     background: url(../dleimages/resize.gif); } .highslide-resize {     cursor: nw-resize; } А теперь в самый низ данного файла вставляем: Показать / Скрыть текст/* ==================== Автозаполнение облака тегов */ .autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { font-size: 11px;font-family: verdana;padding:2px 5px; white-space:nowrap; } .autocomplete strong { font-weight:normal; color:#3399FF; } /* ==================== Быстрый поиск на сайте */ #searchsuggestions { border-width:1px; border-color:#919191; border-style:solid; width:300px; background-color:#5c9ccc; font-size:10px; line-height:14px; } #searchsuggestions a { padding:5px;display:block; background-color:#ffffff; clear:left; height:70px; text-decoration:none; } #searchsuggestions a:hover { background-color:#fdd08b; color:#ffffff; } #searchsuggestions a span.searchheading { background: #5c9ccc; display:block; font-weight:bold; padding:5px; color:#ffffff; } #searchsuggestions a:hover span.searchheading { color:#ffffff; } #searchsuggestions a span {color:#555555; } #searchsuggestions a:hover span { color:#0000; } #searchsuggestions span.seperator { float:right; padding-right:15px; margin-right:5px;} #searchsuggestions span.seperator a { background-color:transparent; display:block; height:auto; color:#ffffff; } #searchsuggestions span.notfound {  padding:5px;background-color:#ffffff; display:block; height:auto; color:#00000; } /* ==================== Диалоговые и всплывающие окна jQuery UI */ .ui-helper-clearfix:after {     clear: both;     content: ".";     display: block;     height: 0;     visibility: hidden; } .ui-helper-clearfix {     display: inline-block; } * html .ui-helper-clearfix {     height: 1%; } .ui-helper-clearfix {     display: block; } .ui-icon {     background-repeat: no-repeat;     display: block;     overflow: hidden;     text-indent: -99999px; } .ui-widget {     font-family: Tahoma, Lucida Sans, Arial, sans-serif;     font-size: 11px; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {     font-family: tahoma, Arial, sans-serif;     font-size: 11px; } .ui-widget-content {     background: #fcfdfd 50% bottom repeat-x;     border: 1px solid #a6c9e2;     color: #222222; } .ui-widget-content a {     color: #222222; } .ui-widget-header {     background: #5c9ccc url(../images/ui-bg_gloss-wave.png) 50% 50% repeat-x;     border: 1px solid #4297d7;     color: #ffffff;     font-weight: bold; } .ui-widget-header a {     color: #ffffff; } .ui-state-default, .ui-widget-content .ui-state-default {     background: #dfeffc url(../images/ui-bg_glass_85.png) 50% 50% repeat-x;     border: 1px solid #c5dbec;     color: #2e6e9e;     font-weight: bold; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {     color: #2e6e9e;     text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {     background: #d0e5f5 url(../images/ui-bg_glass_75.png) 50% 50% repeat-x;     border: 1px solid #79b7e7;     color: #1d5987;     font-weight: bold; } .ui-state-hover a, .ui-state-hover a:hover {     color: #1d5987;     text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active {     background: #f5f8f9 50% 50% repeat-x;     border: 1px solid #79b7e7;     color: #e17009;     font-weight: bold; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {     color: #e17009;     text-decoration: none; } .ui-widget :active {     outline: none; } .ui-state-error {     background: #fef1ec 50% 50% repeat-x;     border: 1px solid #cd0a0a;     color: #cd0a0a; } .ui-widget-header .ui-icon {     background-image: url(../images/ui-icons.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {     background-image: url(../images/ui-icons_h.png); } .ui-icon-close {     background-position: -80px -128px; } .ui-icon-closethick {     background-position: -96px -128px; } .ui-button .ui-button-text {     display: block;     line-height: 1.4; } .ui-button-text-only .ui-button-text {     padding: .4em .8em; } input.ui-button {     padding: .4em 1em; } .ui-button-set {     margin-right: 7px; } .ui-button-set .ui-button {     margin-left: 0;     margin-right: -.3em; } button.ui-button::-moz-focus-inner {     border: 0;     padding: 0; } .ui-dialog {     overflow: hidden;     padding: .2em;     position: absolute;     width: 300px; } .ui-dialog .ui-dialog-titlebar {     padding: .5em 1em .3em;     position: relative; } .ui-dialog .ui-dialog-title {     float: left;     margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close {     height: 18px;     margin: -10px 0 0 0;     padding: 1px;     position: absolute;     right: .3em;     top: 50%;     width: 19px; } .ui-dialog .ui-dialog-titlebar-close span {     display: block;     margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {     padding: 0; } .ui-dialog .ui-dialog-content {     background: none;     border: 0;     overflow: hidden;     padding: .5em 1em;     position: relative;     zoom: 1; } .ui-dialog .ui-dialog-buttonpane {     background-image: none;     border-width: 1px 0 0 0;     margin: .5em 0 0 0;     padding: .3em 1em .5em .4em;     text-align: left; } .ui-dialog .ui-dialog-buttonpane button {     cursor: pointer;     float: right;     line-height: 1.4em;     margin: .5em .4em .5em 0;     overflow: visible;     padding: .2em .6em .3em .6em;     width: auto; } .ui-dialog .ui-resizable-se {     bottom: 3px;     height: 14px;     right: 3px;     width: 14px; } .ui-draggable .ui-dialog-titlebar {     cursor: move; } Все, со стилями закончили. Теперь можно перейти к шаблонам.

Источник:dle.in.ua - Всё для DLE