С того времени, как я сделал первую версию уроков поменялось много версий движка. Было внесено огромное количество изменений и дополнений и т. д. И, хотя уроки остаются по прежнему актуальными, я решил переписать их исходя из последней версии движка -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>