Hallo, Gast
Sie müssen sich registrieren bevor Sie auf unserer Seite Beiträge schreiben können.

Benutzername
  

Passwort
  





Durchsuche Foren

(Erweiterte Suche)

Foren-Statistiken
» Mitglieder: 4
» Neuestes Mitglied: Ameise
» Foren-Themen: 1
» Foren-Beiträge: 1

Komplettstatistiken

Benutzer Online
Momentan sind 2 Benutzer online
» 0 Mitglieder
» 1 Gäste
Google

Aktive Themen
Workshop Code
Forum: Unterforum
Letzter Beitrag: Administrator
13.07.2019, 20:53
» Antworten: 0
» Ansichten: 18
Testthema 2
Forum: Prosperos Dream
Letzter Beitrag: Testbot
07.07.2019, 13:39
» Antworten: 0
» Ansichten: 17
Testthema
Forum: Prosperos Dream
Letzter Beitrag: Testbot
07.07.2019, 13:38
» Antworten: 0
» Ansichten: 11
Steckbrief Test
Forum: Testboard 2
Letzter Beitrag: Testbot
07.07.2019, 13:04
» Antworten: 0
» Ansichten: 19
Probesteckbrief
Forum: Prosperos Dream
Letzter Beitrag: Testbot
07.07.2019, 12:48
» Antworten: 0
» Ansichten: 21
Testthema
Forum: Prosperos Dream
Letzter Beitrag: Administrator
07.07.2019, 12:41
» Antworten: 0
» Ansichten: 12
Code test
Forum: Testboard 2
Letzter Beitrag: Administrator
10.04.2019, 10:30
» Antworten: 0
» Ansichten: 51
Testthema
Forum: My Forum
Letzter Beitrag: Administrator
22.03.2019, 13:29
» Antworten: 5
» Ansichten: 230

 
  Workshop Code
Geschrieben von: Administrator - 13.07.2019, 20:53 - Forum: Unterforum - Keine Antworten

<div id="gesuch">
  <div class="gesuch-header">
    <div class="gesuch-titel">Titel</div>    
    <div class="gesuch-untertitel">Untertitel</div>
  </div>
  <div class="gesuch-informationen">
    <div class="gesuch-informationen-text">
    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>
  <div class="gesuche-suche">
    <div class="gesuche-suche-titel">Gesuchter</div>
    <div class="gesuch-untertitel">Alter | Beruf | Sonstiges</div>
     <div class="gesuch-suche-inhalt">
       <div class="gesuche-img">
         <img src="https://via.placeholder.com/150x150"> 
       </div>
       <div class="gesuche-suche-text">
         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>
  </div>
  <div class="frei">frei</div>
  <div class="gesuche-suche">
    <div class="gesuche-suche-titel">Gesuchter</div>
    <div class="gesuch-untertitel">Alter | Beruf | Sonstiges</div>
     <div class="gesuch-suche-inhalt">
       <div class="gesuche-img">
         <img src="https://via.placeholder.com/150x150"> 
       </div>
       <div class="gesuche-suche-text">
         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>
  </div>
  <div class="vergeben">vergeben</div>
  <div class="gesuch-informationen">
    <div class="gesuche-suche-titel">Informationen</div>
    <div class="gesuch-informationen-text2">      
    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>
  <div class="gesuche-fusszeile">    
  </div> 
</div>
<link href="https://fonts.googleapis.com/css?family=Great+Vibes|Roboto&display=swap" rel="stylesheet">
<style type="text/css">#gesuch {
 width: 450px;
 background: #393939; 
 margin: auto; 
 color: #fff;
 font-family: 'Roboto'; 
 padding: 10px; 
}

/* Header Block */

.gesuch-header {
  height: 200px;
  background: linear-gradient(
      rgba(126, 77, 77, 0.6), 
      rgba(126, 77, 77, 0.6)
    ), url('https://images.unsplash.com/photo-1556909114-9375e78a2305?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80');
  background-size: cover;
}

.gesuch-titel {
  text-align: center;
  padding-top: 50px;
  font-size: 40px;
  text-transform: uppercase;
}

.gesuch-untertitel {
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
}

/* Informationsblock */

.gesuch-informationen {
  background: #7E4D4D;
  margin-top: 15px;
  padding: 20px;
  text-align: justify;
  font-size: 12px;
}

.gesuch-informationen-text {
  height: 100px;
  overflow: auto;
  padding-right: 5px;
}

/* Gesuchterblock */

.gesuche-suche {
  background: #7E4D4D;
  margin-top: 15px;
  padding: 20px;
}

.gesuche-suche-titel {
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
}

.gesuch-suche-inhalt {
 margin-top: 20px; 
}

.gesuche-img {
  float: left;
}

.gesuche-suche-text {
  height: 150px;
  overflow: auto;
  padding-right: 5px;
  padding-left: 5px;
  text-align: justify;
  font-size: 13px;
}

.frei {
  background: #aeaeae;
  text-align: center;
  padding: 5px;
  color: #2a2a2a;
  text-transform: uppercase;
  font-weight: bold;
}

.vergeben {
  background: #C39595;
  text-align: center;
  padding: 5px;
  color: #7E0202;
  text-transform: uppercase;
  font-weight: bold;
}

/* Information unten */

.gesuch-informationen-text2 {
  padding-right: 5px;
}

/* Fusszeile */

.gesuche-fusszeile {
  height: 100px;         
  margin-top: 15px;
  background: linear-gradient(
      rgba(126, 77, 77, 0.45), 
      rgba(126, 77, 77, 0.9)
    ),        
    url('https://images.unsplash.com/photo-1556909114-9375e78a2305?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80');
  background-size: cover;
}

/* Scroll Bar */

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}</style>

Drucke diesen Beitrag

  Testthema 2
Geschrieben von: Testbot - 07.07.2019, 13:39 - Forum: Prosperos Dream - Keine Antworten

Noch ein Testthema

Drucke diesen Beitrag

  Testthema
Geschrieben von: Testbot - 07.07.2019, 13:38 - Forum: Prosperos Dream - Keine Antworten

Das hier ist ein Probepost

Drucke diesen Beitrag

  Steckbrief Test
Geschrieben von: Testbot - 07.07.2019, 13:04 - Forum: Testboard 2 - Keine Antworten

Das hier ist ein Testpost für einen Steckbrief.

Drucke diesen Beitrag

  Probesteckbrief
Geschrieben von: Testbot - 07.07.2019, 12:48 - Forum: Prosperos Dream - Keine Antworten

Das ist mein Steckbrief


Test test test test

Drucke diesen Beitrag

  Testthema
Geschrieben von: Administrator - 07.07.2019, 12:41 - Forum: Prosperos Dream - Keine Antworten

Um zu sehen, wie es hier so aussieht!

Drucke diesen Beitrag

  Code test
Geschrieben von: Administrator - 10.04.2019, 10:30 - Forum: Testboard 2 - Keine Antworten

<div class="info_box">
<div class="info_box_title">Credits</div>
Auf diesem Wege bedanken wir uns bei allen, die uns geholfen haben, dieses Forum auf die Beine zu stellen und bei all denjenigen, die viel Arbeit in ihre Tutorials, Plugins und Codes gesteckt haben, die es uns ermöglichen, dass Forum schön darzustellen.

Ein besonderer Dank geht an all diejenigen, die wir unten verlinken, deren Tutorials, Plugins und Codes wir verwenden.

Danke <3

Plugins:
» <a href="https://storming-gates.de/">Stormborn</a> Jobliste - <i>storming gates</i>


</div>
<link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">

<style type="text/css">.info_box{width:450px;padding:20px;background:#5e615e;opacity:.7;color:#efefef;border:5px solid #32311b;margin:auto;text-align:justify;font-family:'Open Sans';font-size:13px;position:relative}.info_box:before{background:0;border:2px solid #32311b;content:"";display:block;position:absolute;top:4px;left:4px;right:4px;bottom:4px}.info_box_title{text-align:center;font-size:30px;font-family:'Megrim';text-transform:uppercase;margin-bottom:5px}</style>

Drucke diesen Beitrag

  Testthema
Geschrieben von: Administrator - 06.12.2018, 22:22 - Forum: My Forum - Antworten (5)

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.

Drucke diesen Beitrag