|
|
| Zeile 8: |
Zeile 8: |
| | | | |
| | Viel Spaß beim Stöbern!</div> | | Viel Spaß beim Stöbern!</div> |
| − |
| |
| − | <br><br>
| |
| − | <html>
| |
| − | <style>
| |
| − | .container{
| |
| − | display: flex;
| |
| − | item-align: center;
| |
| − | flex-wrap: wrap;
| |
| − | justify-content: space-evenly;
| |
| − | }
| |
| − |
| |
| − | .bild_div{
| |
| − | width: 250px;
| |
| − | height:250px;
| |
| − | }
| |
| − |
| |
| − | .bild {
| |
| − | width: 150px;
| |
| − | height: 150px;
| |
| − | transition: .2s;
| |
| − | }
| |
| − |
| |
| − | .text {
| |
| − | position: relative;
| |
| − | left: 0%;
| |
| − | top: 0%;
| |
| − | color: #fff;
| |
| − | visibility: visible;
| |
| − | transition: .2s;
| |
| − | font-size: 0.8em;
| |
| − | }
| |
| − |
| |
| − | .bild_div:hover .text {
| |
| − | position: relative;
| |
| − | left: 0%;
| |
| − | top: -50%;
| |
| − | visibility: visible;
| |
| − | opacity: 1;
| |
| − | text-shadow: #000 1px 0 5px;
| |
| − | color: rgba(255, 255, 255, 1);
| |
| − | font-size: 1.2em;
| |
| − | }
| |
| − |
| |
| − | .bild_div:hover .bild{
| |
| − | transform: scale(1.2);
| |
| − | filter: blur(2px);
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <div class="container">
| |
| − | <a href="https://www.naivara.de/index.php/%C3%9Cbersicht:Charaktererstellung"><div class="bild_div"><img class="bild" src="/images/6/6a/Charaktererstellung.png">
| |
| − | <p class="text">Die Charaktererstellung</p></div></a>
| |
| − | <a href="https://www.naivara.de/index.php/%C3%9Cbersicht:Insel"><div class="bild_div"><img class="bild" src="/images/a/ab/HInsel.png">
| |
| − | <p class="text">Die Insel Naivara</p></div></a>
| |
| − | <a href=""><div class="bild_div"><img class="bild" src="/images/3/32/Magisches.png">
| |
| − | <p class="text">Die Magie dieser Welt</p></div></a>
| |
| − | <a href=""><div class="bild_div"><img class="bild" src="/images/d/da/Göttliches.png">
| |
| − | <p class="text">Glaube und Kirchen</p></div></a>
| |
| − | <a href=""><div class="bild_div"><img class="bild" src="/images/b/bc/Plot.png">
| |
| − | <p class="text">Die Handlung des RPs</p></div></a>
| |
| − | <a href=""><div class="bild_div"><img class="bild" src="/images/e/e5/Sammlung.png">
| |
| − | <p class="text">Tiere, Pflanzen und mehr</p></div></a>
| |
| − | </div>
| |
| − | </html></center>
| |
| | | | |
| | <br><br><br><br><br><br> | | <br><br><br><br><br><br> |
| | | | |
| | <htmlet>join</htmlet> | | <htmlet>join</htmlet> |
