2018. 01. 02.Mi lesz a G-Portállal?
2018. 01. 01.Coppermine | Magyar nyelvű galéria (hungarian.php)
2017. 12. 23.Saját videó beágyazása weboldalba
2017. 12. 18.Coppermine vagy Sosugary galéria?
2017. 12. 18.Coppermine | Egyedi főoldali tartalom
Coppermine Gallery themes

Coppermine Gallery themes
18 napja
31 néző

WordPress themes

WordPress themes
19 napja
34 néző

G-Portál themes

G-Portál themes
19 napja
18 néző

Tumblr themes

Tumblr themes
19 napja
31 néző

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. Pellentesque tortor purus, ullamcorper quis dui nec, iaculis blandit nunc. Suspendisse metus est, molestie in auctor ut, tristique vitae sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin tempus interdum ipsum sit amet imperdiet. Sed dolor nulla, placerat at molestie sed, maximus id mi. Donec aliquet lorem ipsum, sit amet sagittis purus sagittis vitae. Fusce massa urna, lacinia in posuere sit amet, laoreet vitae lacus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris scelerisque iaculis nunc. Duis porta velit et orci gravida cursus. Suspendisse sollicitudin eget sapien ut elementum. Quisque tempus auctor ligula ac fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas facilisis eu elit nec lobortis.

 

 

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>


CSS kód
 

<style type="text/css">
#border-1 {
   background: #000000;
   border-image: url(/images/scripts/szovegdobozok/018/001.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>


2 272 megtekintés

Hozzászólások