|
Virágos keretű szövegdoboz
A dobozod címe
Alcím, dátum vagy bármi helye
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eget vulputate mi. Suspendisse porttitor mi ac sem feugiat, ac maximus dui convallis. Vivamus a libero at ex molestie dapibus. Vivamus eget sagittis sem, mattis molestie nisi. Aliquam erat volutpat. Sed bibendum tellus augue, sed pulvinar dolor dignissim ac. Cras egestas tristique lorem id laoreet. Ut condimentum odio vitae arcu mollis consequat. Nam in nunc tristique, placerat felis ac, blandit ipsum. Quisque lacinia diam vitae sapien efficitur, id vehicula enim venenatis. Nulla vel maximus purus. Vestibulum quis faucibus purus. Nam sed ante et lorem feugiat scelerisque in sodales eros. Sed eu magna nec nisl placerat imperdiet. Integer nec iaculis risus, eget tempus purus. Pellentesque eu nibh ut arcu viverra dictum non vel nisl.
Szöegdoboz kódja
<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(//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>
|
AJÁNLOM AZ OLDALT
Súgó
Frissítés