empty gold
Posting Codes - Druckversion

+- empty gold (https://emptygold.de)
+-- Forum: the start (https://emptygold.de/forumdisplay.php?fid=1)
+--- Forum: Notification Board (https://emptygold.de/forumdisplay.php?fid=3)
+--- Thema: Posting Codes (/showthread.php?tid=348)



Posting Codes - Nugget - 17.04.2016

Posting Code #1



you are not the one for me
i can't go back to her
For @"Louise Haig"
Words: 500

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.

Code:
[short1 img=https://placehold.it/100x100 title=you are not the one for me<br /> i can't go back to her tag=@"Louise Haig" words=500]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.
[/short1]

Posting Code #2



WHERE // WHO / WHEN ...

Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte!

Er hörte leise Schritte hinter sich. Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte!


Code:
<div class="spring-wrapper">
    <div class="spring-content-box">
        <div class="spring-info-box t01"><img src="https://placehold.it/100x100" align="left" hspace="5" style="margin-left:-10px" /> WHERE // WHO / WHEN ...
        </div>
        <p class="spring-text-box b01">
        Er hörte leise <b>Schritte hinter sich</b>. Das bedeutete nichts <i>Gutes</i>. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte!
        
        Er hörte leise <b>Schritte hinter sich</b>. Das bedeutete nichts <i>Gutes</i>. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel? Gerade jetzt, wo er das Ding seines Lebens gedreht hatte und mit der Beute verschwinden wollte!
        </p>
    </div>
    </div>

Threadstartvorlage




➳ Titel
Untertitel
with; @"Vorname Nachname" where; ort
when; datum style;  outfit

Hier den Post zwischen

Code:
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Basic' rel='stylesheet' type='text/css'>
<style type="text/css">/*
*/.egtitel { font-family: 'Oswald'; font-size: 30px; margin: auto; font-weight: bold; letter-spacing: 2px; text-transform: lowercase; margin-bottom: 12px; } /*
*/.egutitel { font-family: 'Basic'; font-size: 10px; letter-spacing: 5px; font-style: italic; line-height: 8px; margin-top: -5px; margin-bottom: 10px; } /*
*/.eguntertitel { font-family: 'Basic'; font-size: 10px; text-transform: uppercase; letter-spacing: 2px; margin: auto; line-height: 11px; }/*
*/.egpost { margin: auto; padding: 20px; }/*
</style>

<center><div class="egtitel">➳ Titel</div>
<div class="egutitel">Untertitel</div>
<div class="eguntertitel"><b>with</b>; @"Vorname Nachname" <b>where</b>; ort
<b>when</b>; datum <b>style</b>;  <a href="Link" target="blank">outfit</a></div></center>
<div class="egpost">
Hier den Post zwischen
</div>



RE: Posting Codes - Nugget - 25.06.2018

Posting Code #3



› I was a king under your control ‹
All that I've compromised ♠ to feel another high ♠ I've got to keep it down tonight ♠ so let me go
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,

Farbanpassungen im Code
Mittels CSS-Variablen könnt ihr schnell und einfach den Code farblich anpassen. Dazu muss im Prinzip lediglich diese Code-Stelle angepasst werden:

Code:
:root{--borders: #7c1e3b; --background: #fff8eea1; --title: #f6e7ce; --fonts: #421930; --textbox: #f6e7ce75; --highlight: #7c1e3b; --italic: #b44346;}

Die Bezeichnungen stehen für folgende Bestandteile des Templates
borders » Gesamt-Umrandung, dicker Balken unten, dicker Balken über Textfeld
background » Hintergrundfarbe für die Basis
title » Hintergrundfarbe für den Überschriftenbereich & Icon-Umrandung
fonts » Die Farbe der Schrift
textbox » Hintergrundfarbe der Textbox
highlight » Hervorgehobene / Gehighlightete Schrift
italic » Hervorgehobene <*i>-Formatierung

Farbbeispiele via Farbanpassungen der CSS-Variablen
Wenn ihr die o.g. Änderungen durchführt, könnte euer Code also zum Beispiel heller oder dunkler aussehen. Wenn ihr (Verständnis)fragen dazu habt, dann meldet euch gerne. :3


Code:
<link href="https://fonts.googleapis.com/css?family=Basic|Playfair+Display:400,400i,700,700i,900,900i" rel="stylesheet"> <style type="text/css"> /*
FARBEN
*/:root{--borders: #262e27; --background: #a2a6a2; --title: #616760; --fonts: #262e27; --textbox: #dadbda; --highlight: #a2a6a2; --italic: #798879;}/*

BASICS
*/#king {width: 550px;outline: 1px solid var(--borders); background: var(--background); border-bottom: 15px solid var(--borders);overflow: hidden;padding-bottom: 40px;margin: 0 auto;}/*

HEADER-BEREICH
*/#king > .topheader {width: 550px;height: 120px;background: var(--title);}/*
*/#king > .topheader .toptitle {font-family: 'Playfair Display';font-weight: 800;font-size: 28px;text-transform: lowercase;padding-top: 30px;width: 500px;background: var(--title);color: var(--fonts);line-height: 30px;border-bottom: 0.5px solid var(--fonts);padding-bottom: 5px;margin: auto;text-align: center;letter-spacing: 1px;}/*
*/#king > .topheader .topundertitle {font-family: 'Basic';font-weight: 400;font-size: 8px;margin-top: 10px;height: 50px;color: var(--fonts);line-height: 10px;letter-spacing: 1px;text-align: center; text-transform: uppercase; }/*

TEXTBOX
*/#king > .textbox {font-family: 'Basic';font-size: 12px;width: 400px;background: var(--textbox);color: var(--fonts);line-height: 1.6em;text-align: justify;margin: auto;padding: 25px;border-top: 15px solid var(--borders); margin-top: 20px;}/*

ICON
*/#king > .icon {margin-top: 10px;width: 50px;height: 50px;background: url('URL ZUM BILD 50x50px'); background-size: 75px;outline: 15px solid var(--title);border: 2px solid var(--highlight);transform: rotate(45deg);margin: auto;margin-bottom: 5px; margin-top: 10px;}/*

FORMATIERUNG
*/#king high {color: var(--highlight);}/*
*/#king i {color: var(--italic);}/*
*/#king b {color: var(--highlight); font-weight: bold;}/*
*/</style>
<div id="king">
<div class="topheader">
<div class="toptitle">&rsaquo; I was a <high>king</high> under your control &lsaquo;</div>
<div class="topundertitle">All that I've <i>compromised</i> &spades; to feel another <b>high</b> &spades; I've got to keep it <i>down</i> tonight &spades; so let me <b>go</b></div>
</div>
<div class="textbox">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar,  

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, </div>
<div class="icon"></div>
</div>
<div style="font-family: 'Basic'; font-size: 8px; margin: auto; width: 500px; text-align: center"><a href="https://storming-gates.de/member.php?action=profile&uid=75" target="blank">&hearts;</a></div>



RE: Posting Codes - Nugget - 25.06.2018

Posting Code #4

!! Farben passen sich je Style automatisch an !!


Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,


Code:
<div class="geo_pattern_holder">
    <div class="geo_pattern_bg">
        <div class="geo_pattern_textbox">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</div>
    </div>
</div>