2014. november 12., szerda

Virágos keretű szövegdoboz

Aloha!
Nemtudom ki látta,hogy tegnap jelentkeztem pár nap elteltével.Az interneten kutattam nektek szövegdobozok után.Most egy virágos keretűvel érkeztem.Remélem mindenkinek tetszik,és hasznát veszitek!Ha bármi kérdésed van,írj bátran,még nem ettem embert... :D
(Forr. a híres Linda Blog Design)


A dobozod címe
Alcím, dátum vagy bármi helye
IDE JÖN A SZÖVEG!







A szövegdoboz 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>


CCS 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>


Nincsenek megjegyzések:

Megjegyzés küldése