Адаптация шаблонов DataLife Engine 8.х под 9.0
|
|
|
6-07-2013, 15:28 | автор: admin | категория: Создание сайтов | (комментариев: 0) |
|
1. Раскрываем 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; } /* ==================== Автозаполнение облака тегов */ .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 под названием 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 найти строчку на подобии
|
Похожие новости |
|