Ето едно интересно уроче в което ще се научим как да направим кутийка за коментари или каквото и да съдържание която в основата си да има стрелка.

за да не ви мъча да си го представите ще направим ето това

И така, какво ни трябва - малко CSS и два реда код.

CSS кода:

<style type=”text/css”>

.commentbox{
background-color: #ececec;
width: 450px;
padding: 10px;
}

.commentfooter{
background: url(media/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

</style>

И обикновен html код:

<div class=”commentbox”>
това е коментар<br />това е коментар<br />това е коментар
</div>
<div class=”commentfooter”>Автор: еди кой си, дата</div>

това е. нищо особенно нали