|
|
| Zeile 3: |
Zeile 3: |
| __NOTOC__ __NOEDITSECTION__ | | __NOTOC__ __NOEDITSECTION__ |
|
| |
|
| <!-- Button-Container -->
| | [[Datei:Arkenkraut.jpg|160px|link=Seitename1|class=buttonpic|center|test]] |
| <div style="display:flex; flex-wrap:wrap; gap:10px;">
| |
| | |
| <!-- Button 1 -->
| |
| <div style="position:relative; width:160px; height:70px; border-radius:8px; overflow:hidden; text-align:center;">
| |
| <a href="Ilturien" style="display:block; width:100%; height:100%; color:white; font-weight:bold; text-decoration:none;">
| |
| <img src="https://tolkiengateway.net/w/images/thumb/1/11/Turner_Mohan_-_Helm_Hammerhand.jpg/480px-Turner_Mohan_-_Helm_Hammerhand.jpg" style="position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:0.6;" />
| |
| <span style="position:relative; z-index:1; line-height:70px;">Titel 1</span>
| |
| </a>
| |
| </div>
| |
| | |
| <!-- Button 2 -->
| |
| <div style="position:relative; width:160px; height:70px; border-radius:8px; overflow:hidden; text-align:center;">
| |
| <a href="Seitename2" style="display:block; width:100%; height:100%; color:white; font-weight:bold; text-decoration:none;">
| |
| <img src="https://example.com/bild2.jpg" style="position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:0.6;" />
| |
| <span style="position:relative; z-index:1; line-height:70px;">Titel 2</span>
| |
| </a>
| |
| </div>
| |
| | |
| <!-- Button 3 -->
| |
| <div style="position:relative; width:160px; height:70px; border-radius:8px; overflow:hidden; text-align:center;">
| |
| <a href="Seitename3" style="display:block; width:100%; height:100%; color:white; font-weight:bold; text-decoration:none;">
| |
| <img src="https://example.com/bild3.jpg" style="position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; opacity:0.6;" />
| |
| <span style="position:relative; z-index:1; line-height:70px;">Titel 3</span>
| |
| </a>
| |
| </div>
| |
| | |
| </div>
| |
