0 Teammitglieder online
Zurzeit ist kein Teammitglied online!


Tagesprophet Vorlage
VORLAGE

Administrator


Es wurden bereits 2 Pergamente hinterlassen




<style>#zeitung {background-color:#ffffff;color:#000;width:500px;margin:auto auto;}/*
*/.zheadbereich{border:1px #000; border-bottom-style: double; margin:10px; }/*
*/.zheadline {font-size:45px;font-family: 'UnifrakturCook', cursive;text-align:center;margin:-5px;}/*
*/.ztitel {font-size:55px;font-family: 'UnifrakturCook', cursive;text-align:center;}/*
*/.zthe {font-size:18px;font-family: 'Miniver', cursive;text-align:center;margin-bottom: -9px;}/*
*/#zbild {width: 200px; height: 100px;float:right;margin-left: 10px;}/*
*/.zdatum {font-size:10px;text-align: right;font-family: 'Graduate', cursive;}/*
*/.zunderhead {font-size:10px;font-family: 'Graduate', cursive;text-align:center;margin-top: 15px;}/*
*/.zwerbung {font-size:11px; margin:15px; text-align: justify; -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;column-gap: 20px; text-transform: uppercase;}/*
*/.zbereich{margin:15px; text-align: justify; -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;column-gap: 20px;}/*
*/.zbereichhaupt{margin: 0px 15px 15px 15px; text-align: justify;border: 2px solid black;padding:10px;}/*
*/.zdouble {border-bottom: double 1px #000000;margin:10px 10px 10px 5px;}/*
</style>


The
DD.MM.YYYY
Daily Prophet
The Wizard World´s beguiling broadsheet of choice
Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann. Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann. Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann. Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann. Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann.

Ich bin der Titel
ich bin der Untertitel
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind.


Code:
<link href="https://fonts.googleapis.com/css?family=Graduate|Miniver|UnifrakturCook:700" rel="stylesheet"> <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<style>#zeitung {background-color:#ffffff;color:#000;width:500px;margin:auto auto;}/*
*/.zheadbereich{border:1px #000; border-bottom-style: double; margin:10px; }/*
*/.zheadline {font-size:45px;font-family: 'UnifrakturCook', cursive;text-align:center;margin:-5px;}/*
*/.ztitel {font-size:55px;font-family: 'UnifrakturCook', cursive;text-align:center;}/*
*/.zthe {font-size:18px;font-family: 'Miniver', cursive;text-align:center;margin-bottom: -9px;}/*
*/#zbild {width: 200px; height: 100px;float:right;margin-left: 10px;}/*
*/.zdatum {font-size:10px;text-align: right;font-family: 'Graduate', cursive;}/*
*/.zunderhead {font-size:10px;font-family: 'Graduate', cursive;text-align:center;margin-top: 15px;}/*
*/.zwerbung {font-size:11px; margin:15px; text-align: justify; -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;column-gap: 20px; text-transform: uppercase;}/*
*/.zbereich{margin:15px; text-align: justify; -webkit-column-count: 2;-moz-column-count: 2;column-count: 2;column-gap: 20px;}/*
*/.zbereichhaupt{margin: 0px 15px 15px 15px; text-align: justify;border: 2px solid black;padding:10px;}/*
*/.zdouble {border-bottom: double 1px #000000;margin:10px 10px 10px 5px;}/*
</style>

<div id="zeitung">
<div class="zheadbereich">

<div class="zthe">The</div> <div class="zdatum">DD.MM.YYYY</div>
<div class="zheadline">Daily <font style="text-shadow: 1px 1px 1px orange;">P</font>rophet</div>
<div class="zunderhead"><i class="fa fa-star" aria-hidden="true"></i> The Wizard World´s beguiling broadsheet of choice <i class="fa fa-star" aria-hidden="true"></i></div></div><div class="zbereich"><i class="fa fa-hand-o-right" aria-hidden="true"></i> Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann. Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann. Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann. Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann. Ich bin ein Text in dem irgendein Blödsinn, wie zum Beispiel eine kurze Beschreibung, stehen kann. </div>

<div class="ztitel">Ich bin der Titel</div>
<div class="zunderhead"><i class="fa fa-star" aria-hidden="true"></i> ich bin der Untertitel <i class="fa fa-star" aria-hidden="true"></i></div><div class="zbereichhaupt"><img src="https://via.placeholder.com/200x100" id="zbild">  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. </div>
<div class="zdouble"></div><div class="zwerbung">Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. Wir lieben Wolken, weil sie so schön flauschig sind. </div>

</div>
03.04.2018, 11:32
Offline


Gehe zu:


Benutzer, die gerade dieses Thema anschauen: 2 Gast/Gäste