Наверх
 

Навигация
Опрос
Есть ли на этом сайте что-нибудь полезное для Вас?
Да, конечно есть
Нет
Пока еще не нашел

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

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

18 янв 2013 | Комментариев: 0 | Просмотров: 892
Представляем список изменений в шаблонах между версиями DLE 9.6 и 9.7 которые нужно выполнить для обновления сайта под актуальную версию движка.
 
1. Скопируйте файл картинки из стандартного шаблона /templates/Default/dleimages/noavatar.png в папку вашего шаблона.
2. Откройте файл style/engine.css и в самый низ добавьте:
 
/*---Вывод результатов голосования на сайте---*/
	.voteprogress {
	  overflow: hidden;
	  height: 15px;
	  margin-bottom: 5px;
	  background-color: #f7f7f7;
	  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
	  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	}
	
	.voteprogress span {
	  color: #ffffff;
	  text-align: center;
	  text-indent: -2000em;
	  height: 15px;
	  display: block;
	  overflow: hidden;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background: #0e90d2;
	  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	  background-image: -o-linear-gradient(top, #149bdf, #0480be);
	  background-image: linear-gradient(top, #149bdf, #0480be);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
	}
	
	.voteprogress .vote2 {
	  background-color: #dd514c;
	  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
	  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: linear-gradient(top, #ee5f5b, #c43c35);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	}
	
	.voteprogress .vote3 {
	  background-color: #5eb95e;
	  background-image: -moz-linear-gradient(top, #62c462, #57a957);
	  background-image: -ms-linear-gradient(top, #62c462, #57a957);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
	  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	  background-image: -o-linear-gradient(top, #62c462, #57a957);
	  background-image: linear-gradient(top, #62c462, #57a957);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	}
	
	.voteprogress .vote4 {
	  background-color: #4bb1cf;
	  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
	  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: linear-gradient(top, #5bc0de, #339bb9);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	}
	
	.voteprogress .vote5 {
	  background-color: #faa732;
	  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	  background-image: -o-linear-gradient(top, #fbb450, #f89406);
	  background-image: linear-gradient(top, #fbb450, #f89406);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
	}
	
	/*---Вывод результатов опросов в новостях---*/
	.pollprogress {
	  overflow: hidden;
	  height: 18px;
	  margin-bottom: 5px;
	  background-color: #f7f7f7;
	  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
	  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
	  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	}
	
	.pollprogress span {
	  color: #ffffff;
	  height: 18px;
	  display: block;
	  overflow: hidden;
	  font-size: 12px;
	  text-align: center;
	  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	  background: #0e90d2;
	  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	  background-image: -ms-linear-gradient(top, #149bdf, #0480be);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	  background-image: -o-linear-gradient(top, #149bdf, #0480be);
	  background-image: linear-gradient(top, #149bdf, #0480be);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
	}
	
	.pollprogress .poll2 {
	  background-color: #dd514c;
	  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
	  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	  background-image: linear-gradient(top, #ee5f5b, #c43c35);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	}
	
	.pollprogress .poll3 {
	  background-color: #5eb95e;
	  background-image: -moz-linear-gradient(top, #62c462, #57a957);
	  background-image: -ms-linear-gradient(top, #62c462, #57a957);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
	  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	  background-image: -o-linear-gradient(top, #62c462, #57a957);
	  background-image: linear-gradient(top, #62c462, #57a957);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	}
	
	.pollprogress .poll4 {
	  background-color: #4bb1cf;
	  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
	  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	  background-image: linear-gradient(top, #5bc0de, #339bb9);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	}
	
	.pollprogress .poll5 {
	  background-color: #faa732;
	  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
	  background-image: -ms-linear-gradient(top, #fbb450, #f89406);
	  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
	  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
	  background-image: -o-linear-gradient(top, #fbb450, #f89406);
	  background-image: linear-gradient(top, #fbb450, #f89406);
	  background-repeat: repeat-x;
	  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
	}
 
 
3. Откройте файл feedback.tpl и найдите:
 
</tr>[/recaptcha]
 
Ниже добавьте:
 
[question]
		            <tr>
		                <td class="label">
		                    Вопрос:
		                </td>
		                <td>
		                    <div>{question}</div>
		                </td>
		            </tr>
		            <tr>
		                <td class="label">
		                    Ответ:<span class="impot">*</span>
		                </td>
		                <td>
		                    <div><input type="text" name="question_answer" id="question_answer" class="f_input" /></div>
		                </td>
		            </tr>
		            [/question]
 
4. Откройте файл pm.tpl и найдите:
 
</tr>
		        [/recaptcha]
 
Ниже добавьте:
 
[question]
		            <tr>
		                <td class="label">
		                    Вопрос:
		                </td>
		                <td>
		                    <div>{question}</div>
		                </td>
		            </tr>
		            <tr>
		                <td class="label">
		                    Ответ:<span class="impot">*</span>
		                </td>
		                <td>
		                    <div><input type="text" name="question_answer" id="question_answer" class="f_input" /></div>
		                </td>
		            </tr>
		        [/question]
 
5. Откройте файл userinfo.tpl и найдите:
 
<span class="small">{edituser}</span>
 
Замените на:
 
<span class="small">[not-logged] [ {edituser} ] [/not-logged]</span>



Теги: адаптация

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

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

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

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

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

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

Ссылки на следующую и предыдущую новость для DLE

  Небольшой Хак ссылка на следующую и предыдущую новость для DLE. Ссылки на следующую и предыдущую новости, будет полезен для перелинковки внутренних
Обрезание количество символов в TITLE в блоке Популярные новости

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

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

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

Небольшой хак позволяет сделать на сайте чередование заднего фона краткой новости.
Авторизация на сайте через Логин и Email для DLE

Авторизация на сайте через Логин и Email для DLE

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