CSS - Sprechblasen erstellen

Sprechblasen für Gästebücher, Kommentare oder Gedichte.

David
Ich denk' nicht positiv, doch bin ich.
"Denk" nicht negativ, doch sinnig.
Ich schätze mal, du Optimist,
Du schriebst mal wieder ganz schön Mist. 😁
Mike A.
Wenn ich sterbe, möchte ich lächelnd im Schlaf sterben, wie mein Opa,
nicht schreiend und weinend wie sein Beifahrer.
Werner
Liebesgedicht
Wenn meine Hände deinen Hals berührn,
wenn ich deinen Mund an meinem spür,
dann weiß ich du bist hier -
mein geliebtes Flaschenbier.
Andrea P. - 28.01.2023 - ⭐⭐⭐
Ich für meinen Teil lehne das Teufelszeug Internet *strikt* ab. Nur Pornos und
geraubte Kopien oder kopierte Räuber und nichts erbauliches, es verderbt die Jugend.
Hinfort, hinfort, leider brennen PCs schlecht ...

<style>

dt.name {
 
margin-left25px;
 
margin-bottom20px;
}

dd.sprechblase {
 
positionRelative;
 
margin0 Auto;
 
padding1rem;
 
border-radius15px;
 
background-color#D6EBEB;
}

dd.sprechblase:before {
 
content' ';
 
positionAbsolute;
 
width0;
 
height0;
 
left28px;
 
top: -17px;
 
border-left14px Solid Transparent;
 
border-right14px Solid Transparent;
 
border-bottom17px Solid #D6EBEB;
}
</
style>

<
dl>
 <
dt class="name"> Name </dt>
 <
dd class="sprechblase"> Inhalt </dd>
</
dl>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<label> Etikett

CSS - Eingabefelder und Buttons formatieren

PHP - Eine Query String Variable entfernen

JavaScript - Beim Anklicken einer Checkbox den dazugehörenden Text hervorheben

MySQL - Datenbankinhalte mit AES verschlüsseln und auslesen

Hintergründe
Der Hintergrund sollte nicht zu grell sein. Grelle Hintergründe belasten das Auge stark und machen Text schwer lesbar. Falls man ein Hintergrundbild verwendet, sollte es den Besucher nicht zu stark ablenken (keinesfalls: Steinkacheln, 3D-Reliefs, Holzmaserungen, Linienmuster... verwenden). Wichtig ist ein ausreichender Kontrast zwischen Text und Hintergrund. Gut ist zum Beispiel schwarze Schrift auf einem weißen oder pastellfarbenen Hintergrund. Hellgrün auf Gelb ist indiskutabel.