Demo: http://demo.maxrom.net/index/0-21
Compatibil pentru:
Creem un informer http://maxrom.net/forum/16-996-1
In CSS adaugam:
Cod
#newTags {
position:relative;
z-index:1;
}
#newTags div {
background:url(http://i.imgur.com/lNx164w.png) no-repeat;
color:#3f3f3f;
float:left;
height:25px;
line-height:1;
margin:5px;
padding:0 5px 0 8px;
position:relative;
text-decoration:none;
overflow:hidden;
font-family:helvetica, arial, sans-serif;
}
#newTags div:active {
top:1px;
}
#newTags div a, #newTags div span {
display:block;
float:left;
}
#newTags div a {
background:url(http://i.imgur.com/lNx164w.png) no-repeat 100% -25px;
height:19px;
padding:6px 10px 0 0;
position:relative;
text-shadow:0 1px 1px #fff;
z-index:10;
font-weight:bold;
font-size:12px;
color:#3f3f3f;
text-decoration:none;
}
#newTags div span {
background:url(http://i.imgur.com/lNx164w.png) no-repeat 100% -50px;
color:#fff;
height:19px;
padding:5px 10px 0;
position:absolute;
right:0;
top:1px;
text-shadow:0 -1px 0 #5c5c5c;
z-index:-1;
font-size:12px;
line-height:14px;
}
unde punem tegul informerului dupa el punem
Cod
<div id="newTags"></div>
Dupa