Harper Grove
Postingcodes - Druckversion

+- Harper Grove (https://harper-grove.de)
+-- Forum: behind the scenes (https://harper-grove.de/forumdisplay.php?fid=1)
+--- Forum: blackbox (https://harper-grove.de/forumdisplay.php?fid=5)
+--- Thema: Postingcodes (/showthread.php?tid=800)



Postingcodes - The Manager - 23.04.2021

Hier findet ihr Postingcodes, die ihr frei verwenden könnt. Natürlich werden immer wieder welche hinzugefügt. Ihr habt einen, den ihr mit uns teilen wollt? Dann gebt uns Bescheid.
Bitte veröffentlicht nur Codes, die von euch sind oder ihr vermerkt denjenigen, der ihn geschrieben hat.

Code 1 by ***


a nice scene title
Teilnehmer 1 & Teilnehmer 2
Ort, Datum, Zeit
Code:
<link href="https://fonts.googleapis.com/css2?family=Merienda&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap" rel="stylesheet">
<div style="text-align:center; font-size:35px; letter-spacing:2px; font-family: 'Merienda', cursive; margin-bottom: -8px;">a nice scene title</div>
<div style="text-align:center; font-size:18px; letter-spacing:3px; font-family: 'Amatic SC', cursive; margin-top:0px;">Teilnehmer 1 & Teilnehmer 2 <br>Ort, Datum, Zeit</div>

Code 2 by ***



Ich bin ein Subtext, den man für eine Songzeile nutzen kann!
ich bin ein toller szenentitel!
» Vorname Nachname & Vorname Nachname
» Ort der Szene » Zeitpunkt
Code:
<link href="https://fonts.googleapis.com/css2?family=BenchNine:wght@300&display=swap" rel="stylesheet">
<style type="text/css">#fots01_body {  width:500px;  margin:auto;color:#333;    background:#fff;}.fots01_head {font-family: 'BenchNine', sans-serif;  text-transform:uppercase;  font-size:50px;  color:#061a40;  letter-spacing:6px;  text-align:center;  line-height:1;  font-weight:600;}.fots01_sub {  font-family: 'BenchNine', sans-serif;  text-transform:uppercase;  font-size:12px;  letter-spacing:3px;  text-align:center;  margin:10px 0;}.fots01_trenn {  background: #061a40;  height:4px;  width:100%;  margin:10px 0;}.fots01_facts {  font-family: 'Calibri', sans-serif;  text-transform:uppercase;  font-size:12px;  text-align:center;  padding:2px;}.fots01_trenn1 {  background: #061a40;  height:10px;  width:100%;  margin:10px 0;}.fots01_gifs {  text-align:center;  margin:10px auto;} .fots01_gifs img {  margin:0 10px;  width:150px;  height:100px;}</style>
<div class="fots01_sub">Ich bin ein Subtext, den man für eine Songzeile nutzen kann!</div>
<div class="fots01_head">ich bin ein toller szenentitel!</div>
  <div class="fots01_trenn"></div>
  <div class="fots01_facts">&raquo; Vorname Nachname & Vorname Nachname</div>
  <div class="fots01_facts">&raquo; Ort der Szene &raquo; Zeitpunkt</div>
    <div class="fots01_gifs"><img src="http://placehold.jp/150x100.png" /><img src="http://placehold.jp/150x100.png" /></div>

Code 3 by anyone


Hier der Titel
der Subtitel
Wer mit wem | wann | wo | Outfit


Hier fließt der Text um das schöne Bildchen. Egal wie groß es ist, es passt. Durch den Wert width kann man das skalieren oder ändern.
Die Schriftart könnt ihr ändern, in dem ihr die <*link href=""> rauslöscht und euch bei Google fonts eine schöne aussucht. Den Link dann an der Stelle rein und die font-family: ändern und schon könnt ihr euren eigenen Code gestalten.
Code:
<center><link href="https://fonts.googleapis.com/css?family=Caveat&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Bangers&display=swap" rel="stylesheet">
<div style="line-height: 25px; font-family: 'Caveat', cursive; letter-spacing: 2px; font-size: 40px;">Hier der Titel</div><div style="font-family: 'Crete Round', serif;; text-transform: uppercase; font-size: 9px; letter-spacing: 5px;">der Subtitel</div>
<div style="text-transform: lowercase; font-family: white rabbit; font-size: 9px; letter-spacing: 2px; line-height: 10px;">Wer mit wem | wann | wo | <a href="XXX">Outfit</a></div></center>

<img src="http://placehold.jp/150x120.png" align="left" width ="150pxl" style="padding: 7px 3px 0px 0px">Hier fließt der Text um das schöne Bildchen. Egal wie groß es ist, es passt. Durch den Wert <i>width</i> kann man das skalieren oder ändern.
Die Schriftart könnt ihr ändern, in dem ihr die <i><*link href=""></i> rauslöscht und euch bei Google fonts eine schöne aussucht. Den Link dann an der Stelle rein und die <i>font-family:</i> ändern und schon könnt ihr euren eigenen Code gestalten.