Наверх
 

Навигация
Опрос
Какие виды уроков Вы хотите видеть на сайте?
Битрикс
DLE
CSS
Joomla
Wordpress
Все для хостинга
Все для фотошопа
Другое

База уроков » » » » Адаптирование шаблона dle 9.4 на 9.5

Адаптирование шаблона dle 9.4 на 9.5

16 янв 2013 | Комментариев: 0 | Просмотров: 745
Расскажу как сделать адаптирование шаблона dle c версии 9.4 на версию 9.5
 
1. Скопируйте файл картинки из стандартного шаблона /templates/Default/dleimages/no_image.jpg в папку вашего шаблона.

2. Скопируйте файлы print.tpl и static_print.tpl из общей папки /templates/ в папку вашего шаблона, например /templates/Default/

3. Откройте файл style/engine.css и в самый низ добавьте:
 
/*---Подсветка кода в теге---*/
	pre code {
	  display: block; padding: 0.5em;
	  background: #f9fafa; 
	  border: 1px solid #dce7e7;
	  overflow:auto;
	  white-space: pre;
	}
	
	pre .comment,
	pre .template_comment,
	pre .diff .header,
	pre .doctype,
	pre .lisp .string,
	pre .javadoc {
	  color: #93a1a1;
	  font-style: italic;
	}
	
	pre .keyword,
	pre .css .rule .keyword,
	pre .winutils,
	pre .javascript .title,
	pre .method,
	pre .addition,
	pre .css .tag,
	pre .lisp .title {
	  color: #859900;
	}
	
	pre .number,
	pre .command,
	pre .string,
	pre .tag .value,
	pre .phpdoc,
	pre .tex .formula,
	pre .regexp,
	pre .hexcolor {
	  color: #2aa198;
	}
	
	pre .title,
	pre .localvars,
	pre .function .title,
	pre .chunk,
	pre .decorator,
	pre .builtin,
	pre .built_in,
	pre .lisp .title,
	pre .identifier,
	pre .title .keymethods,
	pre .id {
	  color: #268bd2;
	}
	
	pre .tag .title,
	pre .rules .property,
	pre .django .tag .keyword {
	  font-weight: bold;
	}
	
	pre .attribute,
	pre .variable,
	pre .instancevar,
	pre .lisp .body,
	pre .smalltalk .number,
	pre .constant,
	pre .class .title,
	pre .parent,
	pre .haskell .label {
	  color: #b58900;
	}
	
	pre .preprocessor,
	pre .pi,
	pre .shebang,
	pre .symbol,
	pre .diff .change,
	pre .special,
	pre .keymethods,
	pre .attr_selector,
	pre .important,
	pre .subst,
	pre .cdata {
	  color: #cb4b16;
	}
	
	pre .deletion {
	  color: #dc322f;
	}
	
	pre .tex .formula {
	  background: #eee8d5;
	}
 
4. Создайте в папке своего шаблона файл .htaccess со следующим содержимым:
 
Order allow,deny
	Deny from all
	
	<FilesMatch "\.(css)$|^$">
	   Order deny,allow
	   Allow from all
	</FilesMatch>
 
5. Создайте в папке своего шаблона файл frame.css со следующим содержимым:
 
html,body{
	    height:100%;
	    margin:0px;
	    padding: 0px;
	    background: none;
	}
	hr {
	    color: #999;
	    border: 0px none;
	    border-top: dashed 1px #999;
	    height: 1px;
	}
	
	input,
	select,
	textarea {
	    outline:none;
	}
	
	form {
	    margin:0px;
	    padding: 0px;
	}
	
	table{
	    border:0px;
	}
	
	table td{
	    padding:0px;
	    font-size: 11px;
	    font-family: verdana;
	}
	
	a:active,
	a:visited,
	a:link {
	    color: #4b719e;
	    text-decoration:none;
	    }
	
	a:hover {
	    color: #4b719e;
	    text-decoration: underline;
	    }
	
	.navigation {
	    color: #999898;
	    font-size: 11px;
	    font-family: tahoma;
	}
	.edit {
	    border:1px solid #9E9E9E;
	    color: #000000;
	    font-size: 11px;
	    font-family: Verdana; BACKGROUND-COLOR: #ffffff 
	}
	select {
	    color: #000000;
	    font-size: 11px;
	    font-family: Verdana; 
	    border:1px solid #9E9E9E;
	}
	
	textarea {
	    border: #9E9E9E 1px solid;
	    color: #000000;
	    font-size: 11px;
	    font-family: Verdana; 
	    background-color: #ffffff 
	}
	
	#hintbox{ /*CSS for pop up hint box */
	    position:absolute;
	    top: 0;
	    background-color: lightyellow;
	    width: 150px; /*Default width of hint.*/ 
	    padding: 3px;
	    border:1px solid #787878;
	    font:normal 11px Verdana;
	    line-height:18px;
	    z-index:100;
	    border-right: 2px solid #787878;
	    border-bottom: 2px solid #787878;
	    visibility: hidden;
	}
	
	.hintanchor{ 
	    padding-left: 8px;
	}
	
	.xprofile textarea {
	    width: 100%; height:90px; font-family:verdana; font-size:11px; border:1px solid #9E9E9E;
	}
	.xprofile input {
	    width:250px; height:18px; font-family:verdana; font-size:11px; border:1px solid #9E9E9E;
	}
	
	.bk {
	    background:#fff url(images/fields.png) repeat-x;
	}
 
6. Откройте файл preview.css и в самый низ добавьте:

pre code {
	  display: block; padding: 0.5em;
	  background: #f9fafa; 
	  border: 1px solid #dce7e7;
	  overflow:auto;
	  white-space: pre;
	}
	
	pre .comment,
	pre .template_comment,
	pre .diff .header,
	pre .doctype,
	pre .lisp .string,
	pre .javadoc {
	  color: #93a1a1;
	  font-style: italic;
	}
	
	pre .keyword,
	pre .css .rule .keyword,
	pre .winutils,
	pre .javascript .title,
	pre .method,
	pre .addition,
	pre .css .tag,
	pre .lisp .title {
	  color: #859900;
	}
	
	pre .number,
	pre .command,
	pre .string,
	pre .tag .value,
	pre .phpdoc,
	pre .tex .formula,
	pre .regexp,
	pre .hexcolor {
	  color: #2aa198;
	}
	
	pre .title,
	pre .localvars,
	pre .function .title,
	pre .chunk,
	pre .decorator,
	pre .builtin,
	pre .built_in,
	pre .lisp .title,
	pre .identifier,
	pre .title .keymethods,
	pre .id {
	  color: #268bd2;
	}
	
	pre .tag .title,
	pre .rules .property,
	pre .django .tag .keyword {
	  font-weight: bold;
	}
	
	pre .attribute,
	pre .variable,
	pre .instancevar,
	pre .lisp .body,
	pre .smalltalk .number,
	pre .constant,
	pre .class .title,
	pre .parent,
	pre .haskell .label {
	  color: #b58900;
	}
	
	pre .preprocessor,
	pre .pi,
	pre .shebang,
	pre .symbol,
	pre .diff .change,
	pre .special,
	pre .keymethods,
	pre .attr_selector,
	pre .important,
	pre .subst,
	pre .cdata {
	  color: #cb4b16;
	}
	
	pre .deletion {
	  color: #dc322f;
	}
	
	pre .tex .formula {
	  background: #eee8d5;
	}
 
7. Откройте файл profile_popup.tpl и найдите:

<li><span class="grey">Публикаций:</span> {news_num} [ {news} ] [rss]<img src="{THEME}/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li>
	<li><span class="grey">Комментариев:</span> <b>{comm_num} [ {comments} ]</b></li>


Замените на:

<li><span class="grey">Публикаций:</span> {news-num} [ {news} ] [rss]<img src="{THEME}/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li>
	<li><span class="grey">Комментариев:</span> <b>{comm-num} [ {comments} ]</b></li>


8. Откройте файл userinfo.tpl и найдите:

<li><span class="grey">Количество публикаций:</span> <b>{news_num}</b> [{news}][rss]<img src="{THEME}/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li>
	<li><span class="grey">Количество комментариев:</span> <b>{comm_num}</b> [{comments}]</li>


Замените на:

<li><span class="grey">Количество публикаций:</span> <b>{news-num}</b> [{news}][rss]<img src="{THEME}/images/rss.png" alt="rss" style="vertical-align: middle; margin-left: 5px;" />[/rss]</li>
	<li><span class="grey">Количество комментариев:</span> <b>{comm-num}</b> [{comments}]</li>
 
Вот и все. Удачки


Ссылка на новость:

    html-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию

ЕЩЕ НА ЭТУ ТЕМУ:

Адаптирование шаблона dle 9.5 на 9.6

Адаптирование шаблона dle 9.5 на 9.6

Произведем адаптирование шаблона dle с версии 9.5 на 9.6
Список изменений в шаблонах между версиями 10.0 и 10.1

Список изменений в шаблонах между версиями 10.0 и 10.1

Предлагаемый список изменений в шаблонах между версиями 10.0 и 10.1
Автоматическая проверка логина при регистрации

Автоматическая проверка логина при регистрации

Автоматическая проверка логина при регистрации    
Количество непрочитанных писем в favicon.ico

Количество непрочитанных писем в favicon.ico

  Данный ХАК DLE выводит в favicon количество не прочитанных новых сообщений.
Ссылки на полную новость для DLE с выводом в Fullstory.tpl в формате

Ссылки на полную новость для DLE с выводом в Fullstory.tpl в формате

Небольшой Хак, который выводит в детальной новости fullstory.tpl несколько видов ссылок на эту новость.  
Убрать лишний title для DataLife Engine

Убрать лишний title для DataLife Engine

В полной новости или же на странице категории, кроме самого названия страницы в title присутствует название сайта, это не хорошо влияет на индексацию сайтов.
Адаптирование шаблона dle 9.6 на 9.7

Адаптирование шаблона dle 9.6 на 9.7

Представляем список изменений в шаблонах между версиями DLE 9.6 и 9.7 которые нужно выполнить для обновления сайта под актуальную версию движка.
Похожие новости в 2 колонки для DLE

Похожие новости в 2 колонки для DLE

Данный хак выводит похожие новости в 2 колонки, Выглядит очень красиво.
Обрезание количество символов в TITLE в блоке Популярные новости

Обрезание количество символов в TITLE в блоке Популярные новости

  Я вам расскажу как в блоке популярные новости ограничить количество символов в названии новости (TITLE).
Чередование фона для краткой новости для DLE

Чередование фона для краткой новости для DLE

Небольшой хак позволяет сделать на сайте чередование заднего фона краткой новости.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.