ФОРМА ВХОДА
В помощь начинающим вебмастерам CMS: DataLife Engine, Wordpress, Joomla и Ucoz.

Enginering.RU • Tехнологии создания личного сайта

Информация, уроки и материалы...

Адаптация шаблонов с DLE 9.2 до DLE 9.3

Информация к новости
  • 177 просмотров
  • Дата: 9-08-2011, 20:38
9-08-2011, 20:38

Адаптация шаблонов с DLE 9.2 до DLE 9.3

В данной статье речь пойдёт об адаптации шаблона с 9.2 на 9.3 Адаптация необходима из за некоторых отличий в функционале версий. Если вы всё сделаете согласно моей пошаговой инструкции, то адаптация не займёт у вас много времени и совместимость будет 100%!

1 шаг:

Открываем в текстовом редкторе например Notepad++, дефолтный шаблон сайта v.9.3 и копируем ниженаписанные картинки из его папки dleimages в папку dleimages вашего адаптируемого шаблона:

youtubepreview.jpg
delete.png
videopreview.jpg

Точно так же копируем файл из папки images в папку images вашего шаблона:

complaint.png

2 шаг:

После чего открываем ваш адаптируемый шаблон комментариев comments.tpl и ищем в нём код:

<li>[com -edit]Изменить[/com- edit]</li>

выше него ставим:

<li>[complaint]Жалоба[/complaint]</li>

Строительный шаблон сайта для DLE 9.2

Информация к новости
  • 372 просмотров
  • Дата: 9-08-2011, 10:23
9-08-2011, 10:23
Строительный шаблон сайта для DLE 9.2Шаблон для сайта строительной тематики, предназначен для движка DLE v9.2 Эта работа была сделана еще под более раннюю версию Dle v9.0, но автор его адаптировал и выложил для свободного скачивания. В архиве мы вложили шаблоны для версии 9.0 и v9.2. Вёрстка шаблона резиновая, код оптимизирован. В архиве вы найдёте логотипы сайта в формате PSD. Так что при определённом знании фотошопа, вы легко адаптируете индивидуальные детали шаблона dle под ваш сайт строительной тематики.

Автор: Belik

Скачать шаблон для сайта DLE строительной тематики, вы можете в полной версии данной новости...

Урок - атрибуты таблицы colspan и rowspan

Информация к новости
  • 104 просмотров
  • Дата: 9-08-2011, 04:23
9-08-2011, 04:23

Урок - атрибуты таблицы colspan и rowspan

Урок №4 - атрибуты таблицы colspan и rowspan

Иногда при вёрстке HTML страницы, необходимо объеденить некоторые ячейки в таблице, в одно целое. Ну например такая ситуация, в HTML коде страницы, какой либо объект дизайна располагается в 3х ячейках одной и той же строки HTML таблицы. Но вы ещё хотите добавить одну строку выше, но поместить в неё только одну ячейку. Если это попытаться реализовать обычными средствами вёрстки таблицы, то у нас получится следующее...

Это код таблицы в Notepad++ *где исходя из раннее пройденных нами уроков:

border="1" - толщина рамки таблицы

width="200px" - ширина таблицы (если не указана высота таблицы,то она по умолчанию автоматически устанавливается "по содержимому")

<table border="1" width="200px">
<tr>
<td>4 ячейка</td>
</tr>
<tr>
<td>1 ячейка</td>
<td>2 ячейка</td>
<td>3 ячейка</td>
</tr>
</table>

Это то что у нас получится в броузере исходя из вышенаписанного:

В броузере будет такой результат: СМОТРЕТЬ

 

Итог как видим, корявый внешний вид и не грамотное отображение таблицы. Так как же нам поступить в этой ситуации? Для этого есть теги ячеек таблицы, colspan и rowspan.

Урок - высота и ширина таблицы

Информация к новости
  • 155 просмотров
  • Дата: 9-08-2011, 01:19
9-08-2011, 01:19

Урок - высота и ширина таблицы

Урок №3 - высота и ширина таблицы

Для того что бы задать таблице определённые параметры ширины таблицы или ячейки используйте HTML атрибут width.

А для того, чтобы задать нужную вам высоту таблицы или ячеки, используйте атрибут HTML height.

Значения необходимо прописывать в абсолютных единицах, например 10px или 10%. Первое значение выражено в пикселах, а второе в процентном соотношении. Единственное ограничение значения ширины и высоты, это то, что оно не должно быть меньше размещаемого внутри содержимого.

При вёрстке можно задать один параметр для одного столбца ячейки и остальные будут автоматически подстраиваться под значение параметра этого столбца ячейки.

Рассмотрим это в примерах.

Набираем в Notepad++ этот код:

<table border="1px" cellspacing="0" cellpadding="15" width="90%" height="30px"> 
<tr>
<td>ячейка 1, первый ряд</td>
<td>ячейка 2, первый ряд</td>
<td>ячейка 3, первый ряд</td>
</tr>
<tr>
<td>ячейка 1, второй ряд</td>
<td>ячейка 2, второй ряд</td>
<td>ячейка 3, второй ряд</td>
</tr>
</table>

где свойства таблицы имеют следующие значения:

Перейти на страницу: