CSS kódok: Nyíl rajzú komment/modul doboz CSS kóddal

Nyíl rajzú komment/modul


<style type="text/css">

.commentbox{
background-color: #ececec; /*háttérszín*/
width: 450px; /*szélesség*/
padding: 10px;
}

.commentfooter{
background: url(http://designgallery3.files.wordpress.com/2011/01/arrow.gif) 20px 0 no-repeat; /*20px 0 a vízszintes és vertikális pozícióját állítja be a nyílnak.*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%; /*betű méret %-ban*/
color: #4A4A4A; /*betűszín*/
}

</style>

Megjegyzés: 

Hogy előhív a dobozt így írd bele a kódodba a következőket:

<div class="commentbox">IDE JÖN A SZÖVEGED!</div>
<div class="commentfooter">IDE JÖN A DÁTUM,SZERZŐ,MEGJEGYZÉS,vagy amit épp gondolsz</div>

DEMO:

Ez egy próba szöveg. Ez egy próba szöveg. Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szöveg Ez egy próba szövegEz egy próba szöveg Ez egy próba szöveg

Írta: Sandalphon 2011.jan.18. 23:17

Ez egy próba szöveg
Ez egy próba szöveg
Ez egy próba szöveg

Írta: Sandalphon 2011.jan.18. 23:17

Leírás: SandalPhon