<style type="text/css">
/*<![CDATA[*/
.sticky {
  position: relative;
  background-color: #F4F39E;
  border-color: #DEE184;
  text-align: center;
  margin: 2.5em 0px;
  padding: 1.5em 1em;
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  box-shadow: 0px 1px 3px rgba(0,0,0,0.25);
  font-family: Chalkboard, 'Comic Sans';
}
.sticky.taped:after {
  display: block;
  content: ' ';
  position: absolute;
  width: 110px;
  height: 30px;
  top: -21px;
  left: 30%;    
  border: 1px solid #fff;
  background: rgba(254, 254, 254, .6);
  -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.1);
  box-shadow: 0px 0 3px rgba(0,0,0,0.1);
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
/*]]>*/
</style>

<p class="sticky taped" style="width: 250px;">
    <strong>The Little Turtle</strong>.<br />
    There was a little turtle.<br />
    He lived in a box.<br />
    He swam in a puddle.<br />
    He climbed on the rocks.<br />
    —Vachel Lindsay
</p>

http://konigi.com/tools/css-sticky-notes

http://konigi.com/tools/css-techniques-horizontal-rules

http://konigi.com/tools/css-tooltips-and-speech-bubbles

Loading

Best view in firefox.

Excel-Formeln etc. *
zum Forum *

* in Bearbeitung

Feedback

∂ιє νєяgαηgєηнєιт нαт мι¢н zυ ∂єя ρєяѕση gємα¢нт ∂ιє ι¢н нєυтє вιη.