Наверх
 

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

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

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

19 янв 2014 | Комментариев: 0 | Просмотров: 839
Представляем список изменений в шаблонах между версиями DLE 9.7 и 9.8 которые нужно выполнить для обновления сайта под актуальную версию движка.
 
1. Скопируйте файлы изображений closemarker.png, marker.png, social-icons.png из стандартного шаблона из папки /templates/Default/dleimages/ в аналогичную папку вашего шаблона.

2. Откройте файл style/engine.css найдите и удалите:
 
.editor textarea {
	    font-family: Verdana;
	    word-spacing: 0.1em;
	    letter-spacing: 0;
	    line-height: 1.5em;
	    font-size: 11px;
	    color:#000;
	    background: #fff url("../images/fields.png") repeat-x;
	    border: 0 none;
	}
	
	.editor input[type="text"] {
	    padding: 2px;
	    background: #fff url("../images/fields.png") repeat-x;
	    border: 1px solid #bcc0c2;
	}
	
	.editor_button {
	    float: left;
	    cursor: pointer;
	    padding-left: 0;
	    padding-right: 0;
	}
	
	.editor_buttoncl {
	    float: left;
	    cursor: pointer;
	    padding-left: 1px;
	    padding-right: 1px;
	    border-left: 1px solid #bbb;
	    border-right: 1px solid #bbb;
	}
	
	.editbclose {
	    float: right;
	    cursor: pointer;
	    display: none;
	}
	
	.editor_button select {
	    font-size: 11px;
	}
	
	.editor_button img {
	    margin: 0;
	    padding: 0;
	}
	
	.editbclose img {
	    margin: 0;
	    padding: 0;
	}
	
	.editor_button_brk img {
	    margin: 0;
	    padding: 0;
	}
 
Далее в этом же файле найдите:

.xfields textarea, .xprofile textarea {
	    width: 98%;
	    height: 186px;
	    margin: 0px 1px 0px 0px;
	    padding: 0px;
	}


Замените на:

.xfields textarea, .xprofile textarea {
	    height: 186px;
	    margin: 0px 1px 0px 0px;
	    padding: 0px;
	}


Далее в этом же файле в самый конец добавьте:
 
.bb-pane { height: 1%; overflow: hidden; border: 1px solid #BBB; background-image: url("../bbcodes/bg.gif"); }
	.bb-btn, .bb-sep { height: 25px; float: left; display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; }
	.bb-sel { float: left; padding: 4px 2px 0 2px; }
	.bb-sel select { font-size: 11px; }
	.bb-sep { width: 5px; background-image: url("../bbcodes/brkspace.gif"); }
	.bb-btn { cursor: pointer; width: 23px; }
	
	#b_font { width: 118px;}
	#b_size { width: 65px;}
	#b_font select { padding: 0px;}
	#b_size select { padding: 0px;}
	#b_b { background-image: url("../bbcodes/b.gif"); }
	#b_i { background-image: url("../bbcodes/i.gif"); }
	#b_u { background-image: url("../bbcodes/u.gif"); }
	#b_s { background-image: url("../bbcodes/s.gif"); }
	#b_img { background-image: url("../bbcodes/image.gif"); }
	#b_up { background-image: url("../bbcodes/upload.gif"); }
	#b_emo { background-image: url("../bbcodes/emo.gif"); }
	#b_url { background-image: url("../bbcodes/link.gif"); }
	#b_leech { background-image: url("../bbcodes/leech.gif"); }
	#b_mail { background-image: url("../bbcodes/email.gif"); }
	#b_video { background-image: url("../bbcodes/mp.gif"); }
	#b_audio { background-image: url("../bbcodes/mp3.gif"); }
	#b_hide { background-image: url("../bbcodes/hide.gif"); }
	#b_quote { background-image: url("../bbcodes/quote.gif"); }
	#b_code { background-image: url("../bbcodes/code.gif"); }
	#b_left { background-image: url("../bbcodes/l.gif"); }
	#b_center { background-image: url("../bbcodes/c.gif"); }
	#b_right { background-image: url("../bbcodes/r.gif"); }
	#b_color { background-image: url("../bbcodes/color.gif"); }
	#b_spoiler { background-image: url("../bbcodes/spoiler.gif"); }
	#b_fla { background-image: url("../bbcodes/flash.gif"); }
	#b_yt { background-image: url("../bbcodes/youtube.gif"); }
	#b_tf { background-image: url("../bbcodes/typograf.gif"); }
	#b_list { background-image: url("../bbcodes/list.gif"); }
	#b_ol { background-image: url("../bbcodes/ol.gif"); }
	#b_tnl { background-image: url("../bbcodes/translit.gif"); }
	#b_br { background-image: url("../bbcodes/pbreak.gif"); }
	#b_pl { background-image: url("../bbcodes/page.gif"); }
	
	.bb-editor textarea { 
	    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	    padding: 2px; border: 1px solid #bcc0c2; width: 100%; background: #fff url("../images/fields.png") repeat-x;
	}
	.editorcomm .bb-editor { width: 465px;}
	.editorcomm .bb-editor textarea { height: 156px; }
	
	.clr {
	    clear: both;
	}
	
	/*---Выделение текста и всплывающее окно (поделиться ссылкой)---*/
	#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;
	}
 
3. Откройте файл addnews.tpl и найдите:

<tr>
	            <td colspan="2">
	                <b>Вводная часть: <span class="impot">*</span></b> (Обязательно)
	                <div>
	                    [not-wysywyg]
	                    <div>{bbcode}</div>
	                    <textarea name="short_story" id="short_story" onfocus="setFieldName(this.name)" style="width:98%;" rows="15" class="f_textarea" >{short-story}</textarea>
	                    [/not-wysywyg]
	                    {shortarea}
	                </div>
	            </td>
	        </tr>
	        <tr>
	            <td colspan="2">
	                <b>Подробная часть:</b> (Необязательно)
	                <div>
	                    [not-wysywyg]
	                    <div>{bbcode}</div>
	                    <textarea name="full_story" id="full_story" onfocus="setFieldName(this.name)" style="width:98%;" rows="20" class="f_textarea" >{full-story}</textarea>
	                    [/not-wysywyg]
	                    {fullarea}
	                </div>
	            </td>
	        </tr>


Замените на:

      
 <tr>
	            <td colspan="2">
	                <b>Вводная часть: <span class="impot">*</span></b> (Обязательно)
	                [not-wysywyg]
	                <div class="bb-editor">
	                    {bbcode}
	                    <textarea name="short_story" id="short_story" onfocus="setFieldName(this.name)" rows="15" class="f_textarea" >{short-story}</textarea>
	                </div>
	                [/not-wysywyg]
	                {shortarea}
	            </td>
	        </tr>
	        <tr>
	            <td colspan="2">
	                <b>Подробная часть:</b> (Необязательно)
	                [not-wysywyg]
	                <div class="bb-editor">
	                    {bbcode}
	                    <textarea name="full_story" id="full_story" onfocus="setFieldName(this.name)" rows="20" class="f_textarea" >{full-story}</textarea>
	                </div>
	                [/not-wysywyg]
	                {fullarea}
	            </td>
	        </tr>
	

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

     
       <ul class="reset">
	                <li>[complaint]Жалоба[/complaint]</li>
	                <li>[com-edit]Изменить[/com-edit]</li>
	                <li>[com-del]Удалить[/com-del]</li>
	            </ul>


Замените на:

<ul class="reset">
	                <li>[spam]Спам[/spam]</li>
	                <li>[complaint]Жалоба[/complaint]</li>
	                <li>[com-edit]Изменить[/com-edit]</li>
	                <li>[com-del]Удалить[/com-del]</li>
	            </ul>
 
5. Откройте файл fullstory.tpl и найдите:

        
<h3 class="btl">{title}</h3>


Замените на:

        
<h3 class="btl"><span id="news-title">{title}</span></h3>


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

        
<h2 class="heading">{description}</h2>


Замените на:

        
<h2 class="heading"><span id="news-title">{description}</span></h2>


7. Откройте файл userinfo.tpl и найдите:
 
           
<tr>
	                <td class="label">Аватар:</td>
	                <td>
	                <input type="file" name="image" class="f_input" /><br />
	                <div class="checkbox"><input type="checkbox" name="del_foto" id="del_foto" value="yes" /> <label for="del_foto">Удалить фотографию</label></div>
	                </td>
	            </tr>


Замените на:

            
<tr>
	                <td class="label">Аватар:</td>
	                <td>Загрузить с комьютера: <input type="file" name="image" class="f_input" /><br /><br />
	                Сервис <a href="http://www.gravatar.com/" target="_blank">Gravatar</a>: <input type="text" name="gravatar" value="{gravatar}" class="f_input" /> (Укажите E-mail на данном сервисе)
	                <br /><br /><div class="checkbox"><input type="checkbox" name="del_foto" id="del_foto" value="yes" /> <label for="del_foto">Удалить аватар</label></div>
	                </td>
	            </tr>


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

<br /><div class="dpad basenavi">


Замените на:

<br /><div class="dpad basenavi ignore-select">
 
Вот и все. Удачки


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

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

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

Адаптирование шаблона dle 9.8 на 10.0

Адаптирование шаблона dle 9.8 на 10.0

Предлагаемый список изменений в шаблонах между версиями 9.8 и 10.0
Адаптирование шаблона dle 9.4 на 9.5

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

Расскажу как сделать адаптирование шаблона dle c версии 9.4 на версию 9.5
Адаптирование шаблона 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 несколько видов ссылок на эту новость.  
Адаптирование шаблона dle 9.6 на 9.7

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

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

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

Данный хак выводит похожие новости в 2 колонки, Выглядит очень красиво.
Чередование фона для краткой новости для DLE

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

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