Status Updates Box

Pergi Template. Pastekan kod bawah sebelum </style>

/* Codes by AyemRawi - http://ayemrawi.blogspot.com */
@font-face{
font-family:tinytots;
src:url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf')
}
.bubble {
align:right;
background: #eee;
margin:7px 0px 5px 66px;
padding:10px;
position: relative;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.bubble p {
margin:1px 0px;
}
.bubble span {
display:block;
position:absolute;
width:1px;
height:1px;
font-size: 0;
line-height: 1px;
left:-10px;
top:10px;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
border-right:10px solid #eee;
}
.askborder {
float: left;
margin: 1px 4px 0 0;
padding: 2px;
background: #eee
}

<img src="URL IMAGE" align="left" class="askborder">
<div class="bubble"><span></span><div style="font-size: 8px;font-family:tinytots;">Status Updates</div> <div style="font-size: 10px;font-family:consolas;">WRITE YOUR STATUS HERE. DON'T FORGET TO CHANGE IT.</div></div>

2 Comments:

 Anonymous said...

ThankYou. ;)

6 October 2012 at 00:39  

 ayemrawi said...

welcome =)

27 October 2012 at 00:22  

Post a Comment