Wonderland
Vorlage für das Tagebuch - Druckversion

+- Wonderland (https://wonderland.stecktvollergeheimnisse.de)
+-- Forum: Die einzelnen Mini-Boards (/forumdisplay.php?fid=7)
+--- Forum: .Comics & Spiele. (/forumdisplay.php?fid=1169)
+---- Forum: A neverending bad dream (/forumdisplay.php?fid=177)
+----- Forum: Bewerbungen (/forumdisplay.php?fid=236)
+----- Thema: Vorlage für das Tagebuch (/showthread.php?tid=5149)



Vorlage für das Tagebuch - Storyteller - 24.04.2018 13:09

Mein Tagebuch
Achtung Spoiler!!!
Hier finden sich Hinweise auf die Geschehnisse in der Traumwelt, die dein Charakter vielleicht noch nicht raus gefunden hat.
Verdirb dir nicht selbst den Spaß an der Suche nach der Lösung ;)

Datum
… … … … …


TRASHkind




Code:
<div class="masterpiece-boderbox">
    <table cellspacing="0" cellpadding="0">
        <tr>
                        <td class="masterpiece-mainbox">
                <div class="masterpiece-maintext">
                    <div class="masterpiece-border1"></div>
                    <div class="masterpiece-title1">Mein Tagebuch</div>
                    <div class="masterpiece-border2"></div>
                    <div class="text flexme">
[align=center][size=x-large][color=#FF0000]Achtung Spoiler!!![/color][/size]
Hier finden sich Hinweise auf die Geschehnisse in der Traumwelt, die dein Charakter vielleicht noch nicht raus gefunden hat.
Verdirb dir nicht selbst den Spaß an der Suche nach der Lösung ;)[/align]

                    <div class="masterpiece-border1"></div>
                    <div class="masterpiece-title2">Datum</div>
                    <div class="masterpiece-border2"></div>
                   … … … … …


                </div>
            </td>
        </tr>
    </table>
</div><a href="https://storming-gates.de/member.php?action=profile&uid=66" target="_blank"><div class="masterpiece-credit"><span class="fa fa-heart"></span> TRASHkind</div></a>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700|Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>
<style type="text/css">/*
    

// HINTERGRUNDBOX MIT PATTERN    
    */ .masterpiece-boderbox { position: relative; box-sizing: border-box; width: 470px; height: 640px; margin: auto; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/bad/3da7921ff4ab1f885844c1b5ad3b6ce9.jpg'); border: 15px solid #401313; padding: 20px; } /*

// ÄUSSERE BOX FÜR SEITENTABELLE MIT TITEL, BILD, KURZTEXT    
    */ .masterpiece-factbox-out { position: relative; width: 200px; height: 570px; margin: auto; background-color: rgba(47, 3, 3, 0.72); text-align: center; } /*

// INNERE BOX MIT TITEL, BILD, KURZTEXT    
    */ .masterpiece-factbox-in { width: 190px; height: auto; margin: auto; text-align: center; } /*

// GROSSE TEXTBOX    
    */ .masterpiece-mainbox { width: 415px; height: 530px; margin: auto; background-color: #040000; padding: 15px; } /*

// TEXT DEFINITION + SCROLLBOX    
    */ .masterpiece-maintext { width: 415px; height: 520px; font-family: 'Open Sans', serif; font-size: 10px; color: #b98585; text-align: justify; line-height: 13px; padding: 0px 10px 0px 0px; overflow: auto; } /*

// TEXTLICHE HERVORHEBUNGEN    
    */ .masterpiece-maintext bg1 { width: auto; height: auto; margin: auto; background-color: #401313; color: #d2c2c7; font-family: 'Open Sans'; font-size: 8px; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; padding: 1px; } /*
    */ .masterpiece-maintext bg2 { width: auto; height: auto; margin: auto; background-color: #969488; color: #401313; font-family: 'Open Sans'; font-size: 8px; letter-spacing: 0.5px; text-transform: uppercase; text-align: center; padding: 1px; } /*    
    */ .masterpiece-maintext b1 { font-family: 'Open Sans'; font-size: 8px; color: #d2c2c7; letter-spacing: 0.5px; text-transform: uppercase; text-shadow: 2px 1px 0px #401313; } /*
    */ .masterpiece-maintext b2 { font-family: 'Open Sans'; font-size: 8px; color: #969488; letter-spacing: 0.5px; text-transform: uppercase; font-weight: bold; } /*
  
// DEFINITION DER SCROLLBAR IN DER TEXTBOX    
    */ .masterpiece-maintext::-webkit-scrollbar { width: 6px; background: #e7e6e6; border-left: 1px solid #d2c2c7; } /*
    */ .masterpiece-maintext::-webkit-scrollbar-track { background-color: #e7e6e6; border-left: 1px solid #d2c2c7; } /*
    */ .masterpiece-maintext::-webkit-scrollbar-thumb { background-color: #401313; border-left: 1px solid #d2c2c7; } /*  
  
// BILD IN DER SEITENTABELLE    
   */ .masterpiece-sideimg { border:#e7e6e6 solid 6px; border-radius: 50%; width: 130px; height: 130px; background-image: url('https://placehold.it/130x130'); margin: 20px; } /*

// BILD IN DER SEITENTABELLE    
   */ .masterpiece-sideimg2 { border:#e7e6e6 solid 6px; border-radius: 50%; width: 130px; height: 130px; background-image: url('https://placehold.it/130x130'); margin: 20px; } /*

// ÜBERSCHRIFTEN SOWOHL SEITENTABELLE ALS AUCH TEXTBOX    
    */ .masterpiece-title1 { font-family: 'Roboto Condensed', sans-serif; font-size: 11px; color: #f17e7e; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; text-align: center; } /*  
    */ .masterpiece-title2 { font-family: 'Roboto Condensed', sans-serif; font-size: 11px; color: #bd8383; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; text-align: center; } /*
  
// PATTERN-BORDER BEI DEN TITELN IN TEXTBOX    
    */ .masterpiece-border1 { width: 100%; height: 40px; align: center; background-image: url('https://wonderland.stecktvollergeheimnisse.de/images/boards/bad/relabd.png'); border-top: 2px solid #401313; margin: 0px 0px 5px 0px; } /*
    */ .masterpiece-border2 { width: 100%; height: 4px; border-bottom: 2px solid #401313; margin: 5px 0px 10px 0px; } /*    

// TEXTBLOCK IN DER SEITENTABELLE FÜR ZUSAMMENFASSUNG ETC.    
    */ .masterpiece-facts { width: 135px; color: #a06d6d; font-family: 'Open Sans', sans-serif; font-size: 9px; text-transform: uppercase; text-align: left; border-left: #774646 solid 3px; padding: 0px 5px 0px 5px; } /*
    
// CREDIT
    */ .masterpiece-credit { width: 500px; height: auto; margin: auto; font-size: 10px; color: #401313; font-family: 'Oswald'; font-weight: bold; letter-spacing: 1px; line-height: 110%; margin-top: 2px; text-align: right; } /*
</style>