Post

Tuto

Free

BG
Afiqah Junizan

Tutorial : Update Status (ii)
22/06/2012 | 4 comments

Assalamualaikum ! Hello ! Hai ! Bonjour !
Tutorial ni special sikit. Cuba tengok live priew dulu. Dah tengok ? Ok tak ? Kalau suka, follow step dekat bawah ni.

Preview :


Template Designer : Paste dekat Html/Javascript
Blogskins : Paste dekat bawah </style>
<style type="text/css">
.statusbox{
width:300px;
left:-35%;
bottom:-60px;
min-height:40px;
background:pink;
color:#000;
padding:5px;
position:relative;
word-wrap:break-word;
border-radius:5px;
margin-bottom:2em;
}
.statusbox:after{
display:block;
position:absolute;
top:10px;
left:100%;
border-color: transparent transparent transparent pink;
border-style: solid;
border-width: 10px;
}

</style>
<div class="statusbox">Status : This is the test.</div><img src="URL IMAGE" style="height:65px; width:70px; border:1px dashed #eee; padding:5px;">
OLDERNEWER