Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

Szövegdobozok - Friss író dobozok
Szövegdobozok - Friss író dobozok : Blogra bemutatkozó szövegdoboz 2.

Blogra bemutatkozó szövegdoboz 2.


Welcome
 
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

<div align="center">
<div class="blogbox">
<div class="img">
<div>
<div class="headtext">
Welcome</div>
</div>
</div>
<div class="headbox">
 &nbsp;</div>
<div class="blogtext">
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.</div>
</div>
</div>

CSS kód

<style type="text/css">
.headbox { /* fejléc sávja */
width: 100%;
height: 100px; /* a sáv magassága */
background-color: #59B1F9;
border-bottom: 15px solid #AEA603;
position: relative;
opacity: 0;
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
}
.headtext { /* kép közepén a szöveg */
width: 200px;
font-size: 12px;
letter-spacing: 2px;
color: #ffffff;
text-align: center;
line-height: 100%;
background-color: #000000;
font-family: Trebuchet MS;
padding: 5px 0px 4px 0px;
position: absolute;
top: 87px; /* a körben a sáv helyzete fentről */
opacity: 0;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
}
.blogbox { /* az egész doboz */
width: 100%;
height: 400px;
background-color: #000000;
position: relative;
overflow: hidden;
}
.img { /* a háttérképed a körben */
width: 200px;
height: 200px;
background-image: url(//aranymeli.gportal.hu/portal/aranymeli/image/gallery/1402151189_19.jpg);
position: absolute;
top: 100px;
left: 32%;
border-radius: 100%;
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
z-index: 9;
}
.blogbox:hover .img {
top: 10px;
z-index: 9;
}
.blogbox:hover .headbox {
opacity: .99;
}
.blogtext { /* szöveg */
width: 100%;
height: 150px; /* szöveg helyzete lentről */
letter-spacing: 1px;
font-family: Trebuchet MS;
font-size: 12px;
line-height: 18px;
text-align: justify;
text-transform: lowercase;
color: #7F7F7F;
padding: 0px 10px 0px 10px;
position: absolute;
bottom: -250px;
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
overflow: auto;
}
.blogtext a {
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
}
.blogbox:hover .blogtext {
bottom: 25px;
}
.blogbox:hover .headtext {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition-duration: .6s;
-webkit-transition-duration: .6s;
-moz-transition-duration: .6s;
-ms-transition-duration: .6s;
-o-transition-duration: .6s;
opacity: .99;
}
</style>

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

Az asztrológiai elõrejelzések olyan tendenciákat mutatnak,melyek,nehéz döntéseknél nélkülözhetetlenek. Rendeld meg most!    *****    Az Éjszaka Misztériuma várja régi és új látogatóit újult erõvel, és heti több bejegyzéssel! | Nox Arcana    *****    Simonyi ingatlan Debrecen, Balaton 2019 Sok-sok új eladó ingatlannal bõvült kínálatunk válassza ki az önnek megfelelõt.    *****    Nagyon részletes születési horoszkóp, 3 éves ajándék elõrejelzéssel, ingyenes konzultációval, csak nálam. Kattints ide!!    *****    Ha te is szereted a Zöld Íjász elbûvölõ szerelmespárját az Olicityt akkor itt a helyed! Mindent róluk és a sorozatról!    *****    A születési horoszkóp az ÚJ ÉV legszebb meglepetése! Ajándékba küldök 3 év elõrejelzést, jó tudni milyen lesz a jövõ!!!!    *****    Zenei blog. Kritikák, listák, ajánlók és még több! -> Popusz    *****    családi pótlék utalása 2019 - dátumok, kifizetések, idõpontok az utalásról itt:    *****    MOVIE-NIGHT -> ÚJ FILMES OLDAL NYÍLT <- MOVIE-NIGHT    *****    Szerepjáték &#8211; Csatlakozz közénk, és részese Te is a kalandoknak - FRPG    *****    Egy igazi hõs sem tudja magáról, hogy hõs. - Egy igazi hõs sem tudja magáról, hogy hõs.    *****    A Roxfort Boszorkány- és Varázslóképzõ Szakiskola megnyitja kapuit!    *****    "Ó, én bizony korántsem merném állítani, hogy ismerem a Roxfort összes titkát." /Dumbledore/    *****    THE EVIL WITHIN| Harry Potter szerepjáték    *****    BOOKISLAND - könyvajánlók, ahol a könyvek életre kelnek - BOOKISLAND    *****    SoulSisters/ Nézz be az oldalunkra, ha érdekes cikkre, vagy épp kritikára vágysz. Hangolódj velünk az ünnepekre!    *****    Szereted az ünnepi idõszakot? Már hetekkel elõtte készülsz? Vagy legszívesebben elkerülnéd? Mondd el!    *****    RIZLINGDAYS BLOG ! MAKEUP, STUDY TIPS AND ALLDAYS FOR YOU ABOUT ME    *****    THE EVIL WITHIN| Harry Potter szerepjáték    *****    REAVER GROVE | urban fantasy frpg