Урок номер 1

Урок номер 1С того времени, как я сделал первую версию уроков поменялось много версий движка. Было внесено огромное количество изменений и дополнений и т. д. И, хотя уроки остаются по прежнему актуальными, я решил переписать их исходя из последней версии движка -6.3

Свои уроки я пишу исходя из того, что вы УЖЕ знаете язык HTML и CSS, более вам ничего не потребуется. Если же вы этого не знаете - вам следует начать с изучения HTML CSS и основ верстки простейших страниц. Я не буду на протяжении уроков обьяснять простейшие азы веб, HTML и CSS - для этого полно учебников написанных куда более умными людьми чем я.

В версии 5.5 изменился дизайн..на мой взляд в худшую сторону, кода и графики стало больше, даже мне было сложновато вот так сразу с наскоку въехать во все тонкости. Ну ничего..я надеюсь вместе мы сможем во всем разобраться.

Сначала у меня была идея так же как и в первой версии уроков - просто менять участки кода оригинального дизайна. После 2 часов изменний я понял, что даже мне разобраться сложно, разработчики наворотили просто немерянно кода в новом шаблоне, тонны графики, таблиц и т. п. Если сложно с этим работать мне, то тем кто читает эти уроки разобраться будет вообще невозможно. Мне нравится шаблон стандартный который использовался во всех версиях, его изменили только в 5.5. Поэтому за основу я взял имненно его, внес небольшие изменения как показано здесь:

Изменения НЕ критические и НЕ сложные. Буквально 3 строки.

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

Что представляет собой блок в DLE?

В простейшем варианте это обычная таблица с двумя строками.

Выглядит это так

<table width="200" border="1">

</tr>

<tr>

<td>Содержимое блока</td>

</tr>

</table>

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

для оформления блока необходим бекгрунд для заголовка - как минимум+оформление border(границ) таблицы.

Я нарисовал оформление блоков+нашел немного разных стрелочек и иконок для оформления.

Как сделать бекграунд и оформление - учите css+html, я же привожу готовый код блока, все пути прописаны относительно

<table width="100%" height="32" cellpadding="0" cellspacing="0">

<tr>

<td class="navigation_box1">Заголовок блока </td>