<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:
Leírás: Sandalphon
|