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. - 14.06.2021 - ⭐⭐⭐
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 Bausteinen (Codeschnipsel) aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<picture>

CSS - Button Glas-Effekte

PHP - Datum ab einem bestimmten Tag ausgeben

JavaScript - Bei der Eingabe eines Datums die Punkte automatisch hinzufügen

MySQL - Spalte löschen