As per soo many requests am going to develop this status message design with css .Already one month back i designed this
1)Status Message designing USING CSS AND JQUERY
But now i am posting with css only ,..............learn and enjoy it.
Live Demo
1)Status Message designing USING CSS AND JQUERY
But now i am posting with css only ,..............learn and enjoy it.
Step-1
html coding as
Html codeSTEP-2
<div class='divbody'>
<div id='divimg'>
</div>
<div id='divtext'>
<div id="time"></div>
</div>
</div>
CSS code:
.divbody
{
width:600px;
border:dashed 1px #eee;
min-height:80px;
padding:5px;
margin-left:333px;
}
#divimg
{
width:70px;
height:80px;
border:solid 1px #888;
padding:5x;
float:left;
}
#divtext
{
padding:5px;
float:left;
width:500px;
min-height:80px;
font-size:17px;
font-family:Articulate Light;
}
#time
{
font-family:'Georgia', Times New Roman, Times, serif;
color:#999;
}
Hack7 Training Blog
ReplyDeletemichael kors handbags sale
ReplyDeletefitflop
longchamp handbags
louboutin shoes uk
vapormax
kd 12
lebron 15
off white shoes
off white x jordan 1
yeezy
görüntülü show
ReplyDeleteücretlishow
7DGB