Вторник, 17.06.2025, 11:22
Приветствую Вас, Гость
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Адаптация шаблонов dle 8.x в dle 9.0
Kvarcs Дата: Воскресенье, 03.10.2010, 15:30 | Сообщение # 1

Генералиссимус
Сообщений: 401
Награды
[ 9 ]
Описание: Статья о том, как адаптировать шаблоны dle 8.x в dle 9.0.
1. Открываем engine.css и в самый конец вставляем

Code
/* ==================== Информационное оконо загрузки 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;  
}  
/* ==================== Автозаполнение облака тегов */  
.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;  
}

2. Копируем файл profile_popup.tpl с версии dle 9.0 с шаблона Default и кидаем в шаблон который адаптируете.
3. Также с версии dle 9.0 с шаблона Default найти картинки в папке images под названием

Code
ui-bg_glass_75.png  
ui-bg_glass_85.png  
ui-bg_gloss-wave.png  
ui-icons.png  
ui-icons_h.png

и кидаем в шаблон который адаптируете.
4. Для того что бы работала фича с поиском откроем шаблон который адаптируете файл main.tpl
найти строку на подобии

Code
и добавить туда

Code
id=»story»

должно получится что то на подобии

Code
<input id=»story» name=»story» value=»Поиск по сайту…» onblur=»if(this.value==»)

Вот и все.


Administrator

  • Страница 1 из 1
  • 1
Поиск: