Vorlage:Landingfeatures: Unterschied zwischen den Versionen
Aus Lost Dreams Of Tomorrow Wiki
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (5 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<templatestyles src="Vorlage:LandingFeatures/styles.css" /> | |||
<div class="landing-container"> | <div class="landing-container"> | ||
<!-- Tabs --> | <!-- Tabs (als DIVs statt Buttons) --> | ||
<div class="landing-tabs"> | <div class="landing-tabs"> | ||
< | <div class="tab-button active" data-tab="general">General Features</div> | ||
<button class="tab-button" data-tab=" | <div class="tab-button" data-tab="worlds">Worlds</div> | ||
<button class="tab-button" data-tab=" | <div class="tab-button" data-tab="classes">Classes</div> | ||
<div class="tab-button" data-tab="quests">Quests & NPCs</div> | |||
<div class="tab-button" data-tab="bestiary">Bestiary</div> | |||
<div class="tab-button" data-tab="bosses">Bosses</div> | |||
<div class="tab-button" data-tab="guilds">Guilds</div> | |||
</div> | </div> | ||
| Zeile 11: | Zeile 16: | ||
<div class="landing-grid-container"> | <div class="landing-grid-container"> | ||
<!-- General Features --> | |||
<div class="landing-grid active" id="general"> | <div class="landing-grid active" id="general"> | ||
<div class="landing-box"> | <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 1</div></div> | ||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 2</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 3</div></div> | |||
</div> | <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 4</div></div> | ||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 5</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Feature 6</div></div> | |||
</div> | </div> | ||
<div class="landing-grid" id=" | <!-- Worlds --> | ||
<div class="landing-box"> | <div class="landing-grid" id="worlds"> | ||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 1</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 2</div></div> | |||
</div> | <div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 3</div></div> | ||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 4</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 5</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">World 6</div></div> | |||
</div> | |||
<!-- Classes --> | |||
<div class="landing-grid" id="classes"> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 1</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 2</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 3</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 4</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 5</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Class 6</div></div> | |||
</div> | |||
<!-- Quests & NPCs --> | |||
<div class="landing-grid" id="quests"> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 1</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 2</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 3</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 4</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 5</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Quest/NPC 6</div></div> | |||
</div> | |||
<!-- Bestiary --> | |||
<div class="landing-grid" id="bestiary"> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 1</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 2</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 3</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 4</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 5</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Monster 6</div></div> | |||
</div> | |||
<!-- Bosses --> | |||
<div class="landing-grid" id="bosses"> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 1</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 2</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 3</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 4</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 5</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Boss 6</div></div> | |||
</div> | |||
<!-- Guilds --> | |||
<div class="landing-grid" id="guilds"> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 1</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 2</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 3</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 4</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 5</div></div> | |||
<div class="landing-box"><div class="landing-image">[[File:KittyNPC.png|64px]]</div><div class="landing-name">Guild 6</div></div> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
