Selvom du laver dem helt ens, skal jeg kæde det sammen med noget javascript. Javascriptet skal genere divs'ne, beregne noget positionering ud fra billederne, lav dropshadow med faldende opacity m.m...og ja, sådan lød mit spørgsmål bare :)
Nej har ikke gjort andet end at fylde ud med tekst...se her:
<html>
<head>
<style type="text/css">
.shadeDIV {
font-family: verdana,Tahoma,Arial,Helvetica;
font-size: 10px;
color: #000;
background: #D9DEDA;
border: 1px solid #aaa;
width: 500px;
padding-bottom: 3px;
}
.whiteshadeDIV {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 0 3px;
}
.innerDIV {
border: 1px solid #AFBCB3;
background: #fff;
margin: 3px 0 0;
}
.topDIV {
color: #3D4D44;
border-bottom: 1px solid #AFBCB3;
background: #E4E9E6;
padding: 2px 2px 0 8px;
}
.mainDIV {
padding: 8px;
}
.buttons {
float: right;
margin-right: 1px;
}
</style>
</head>
<body>
<div class="shadeDIV">
<div class="whiteshadeDIV">
<div class="innerDIV">
<div class="topDIV"><span class="buttons"><img src="knapper.gif" alt="" width="34" height="10" border="0"></span> Velkommen :) nyheder bla bla</div>
<div class="mainDIV">hephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephephep</div>
</div>
</div>
</div>
</body>
</html>
Det fucker i IE, opera og mozilla...
