Kód:


<center><div id="border-1">
<div id="border-2">
A dobozod címe</div>
<div id="mini-text">
Alcím, dátum vagy bármi helye</div>
<div id="text-box">
IDE JÖN A TARTALOM.</div>
</div>
</center>

CSS kód

<style type="text/css">
#border-1 {
background: #000000;
border-image: url(http://aranymeli.gportal.hu/portal/aranymeli/image/gallery/1393747602_71.gif) 5% repeat !important;
border: 16px solid;
padding: 10px;
width: 350px;
}
#border-2 {
font-family: Trebuchet MS;
font-size: 32px;
text-transform: uppercase;
letter-spacing: -1px;
line-height: 100%;
background: #F4B8AE;
color: #000000;
border-bottom: 10px solid #9DB6A1;
padding: 12px 2px 12px 2px;
width: 346px;
}
#mini-text {
font-family: Trebuchet MS;
font-size: 7px;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 100%;
background: #F4B8AE;
color: #ffffff;
top: -42px;
margin-bottom: -6px;
padding: 1px 0px 1px 0px;
width: 346px;
position: relative;
z-index: 3;
}
#text-box {
font-family: Trebuchet MS;
font-size: 12px;
text-align: justify;
line-height: 17px;
background: #ffffff;
color: #888888;
padding: 10px;
width: 330px;
}
</style>





Kiemelt = Keret háttere,színe

Nincsenek megjegyzések: