Container mit Eselsohren

Beispiel:

Lorem ipsum
Lorem ipsum dolor sit amet Semper lobortis risus sem
eros eu sollicitudin tellus Vestibulum elit feugiat a
malesuada volutpat lobortis in in felis tellus
Morbi tempus Aliquam Vestibulum ipsum at nulla.

Quelltext:

ohr_ro.gif
21 x 17 Pixel
99 Byte
<style> .container1{ border: 1px solid #B8B8B8; width: 370px; } .container1 .rechts_oben{ background: transparent url(ohr_ro.gif) top right no-repeat; position: relative; left: 2px; top: -1px; padding: 15px 4px 5px 5px; } </style> <div class=container1> <div class=rechts_oben> Lorem ipsum dolor ... </div> </div>

Beispiel:

Lorem ipsum
Lorem ipsum dolor sit amet Semper lobortis risus sem
eros eu sollicitudin tellus Vestibulum elit feugiat a
malesuada volutpat lobortis in in felis tellus
Morbi tempus Aliquam Vestibulum ipsum at nulla.

Quelltext:

ohr_ru.gif
21 x 17 Pixel
98 Byte
papier.jpg
67 x 60 Pixel
1.5 KB
<style> .container2 { border: 1px solid #B8B8B8; width: 370px; background-image: url(papier.jpg); } .container2 .rechts_unten{ background: transparent url(ohr_ru.gif) bottom right no-repeat; position: relative; left: 2px; top: 2px; padding: 1px 4px 15px 5px; } </style> <div class="container2"> <div class="rechts_unten"> Lorem ipsum dolor ... </div> </div>

Bausteine

Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Blinkende Inhalte mit Keyframes

PHP - Eine Ziffer entfernen

JavaScript - Formulareingabe nur mit Großbuchstaben

MySQL - Den nächsten und vorherigen Datensatz ermitteln