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.
 

too young and innocent | an aegyo queen | twice | neo culture technology    *****    LÉGY A MAGAD ASZTROLÓGUSA! Regisztrálj oldalamra és én segítelek elsajátítani az asztrológia tudományát!    *****    Tanuld nálam az asztrológiát teljesen ingyen, vagy kérj részletes asztrológiai elemzést &#8222;BECSÜLET KASSZÁS&#8221; alapon!    *****    Új lovas szerepjáték! * Új lovas szerepjáték! * Lépj be a lovak csodálatos világába! Nevelj te is nálunk!    *****    Születési horoszkóp,3 év elõrejelzés,párkapcsolati elemzés ingyenes konzultáció,tájékoztatás az oldalon! kattints ide!!!    *****    Bûbájos Boszorkák - Charmed - Hírek - Extrák - Érdekességek - Charmed - Bûbájos boszorkák - Sok - sok infó - Charmed -    *****    Pénzkeresés az Interneten! Csak is kipróbáld, tesztelt módszerekkel, melyek tényleg fizetnek!    *****    Légy te is Farmasi tanácsadó! Kötetlen munka, befektetés nékül, minõségi termékek, jó kereseti lehetõség!    *****    Sztárok/Bulvár: Tudj meg friss pletykákat, híreket. Katt!    *****    Outsider - Gay - Creative - Rebel - Tolerant - Furry - Brony - Hipster - Gamer - Otherkin - Geek - Autistic    *****    Xtina Hungary - Minden, ami Christina Aguilera!    *****    Légy Te is AVON tanácsadó *** Nyereményjátékok *** Kereseti lehetõség *** Vásárolj kedvezményesen AVON termékeket!    *****    Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj! *** Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj!    *****    Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár     *****    FRPG &#9679; FANTASY SZEREPJÁTÉK &#9679;&#12300;&#914;&#923;SM&#923;IW&#12301; &#9679; FANTASY SZEREPJÁTÉK &#9679; EGY SZIGET + 24 MÁGUS &#9679; FANTASY SZEREPJÁT&Eacut    *****    Itt megtalálhatod a legfrissebb híreket, cikkeket, képeket a Golden Globe- és Oscar-díjas színésznõrõl! Katt!    *****    Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok    *****    Légy Te is AVON tanácsadó *** AVON termékek *** Kereseti lehetõség *** Értékesítõ kollégákat keresek *** sminkek    *****    Esküvõi meghívók! Mindegyik kézzel készült, egyedi. Gyere, nézd meg az oldalamat.    *****    A legfrissebb Anime hírek , mindennap anime ajánló , mondocon képek , és hírek. Csatlakozz közösségünkhöz!