How to make different pages on DLE?

Question

CMS

Imagine that you have a page design.
- main page
- other pages
The difference is only in the header of the site.
1) On the main page , for example, a header 300px high with one background , logo, search form, profile.
2) On other pages , a header, for example , 100px high with a different background , logo, etc. is in place.
How to make everything work correctly? To change only the hat?
So far I only had an idea with the tag: available main. Are there any other options?

Answer 1

So far I only had an idea with the tag: available main. Are there any other options?

The most normal idea, it was invented for this.
Depending on the page , change just redefine classes.

<header class="header[available="main"] header--main[/available]">header</header>
<style>
.header { height: 100px; }
.header--main { height: 300px; }
</style>

Eh, I haven’t worked with DLE for a long time, I’m bored right already)))