Kód:
<style type="text/css">
.purpleleavestemplate1 {width: 400px;
height: 267px;
background: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491895065_29.jpg);
background-size: 100%;
position: relative;}
.purpleleavestemplate2 {opacity: 0;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
width: 360px;
height: 227px;
position: relative;
top: 20px;}
.purpleleavestemplate1:hover .purpleleavestemplate2 {opacity: 1;
width: 360px;
height: 227px;
background: #eee;
position: relative;
top: 20px;}
.purpleleavestemplate3 {width: 340px;
height: 207px;
padding: 5px;
text-align: justify;
overflow-x: scroll;
overflow-y: hidden;
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
column-gap: 10px;
-moz-column-gap: 10px;
-webkit-column-gap: 10px;
border: 5px double #eedddd;
font-family: 'Oswald', sans-serif;
font-size: 12px;}
.purpleleavestemplate4 {height: 75px;
width: 75px;
background: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1491149420_15.jpg);
background-size: 100%;
float: left;
margin-right: 7px;
border: 5px double #eedddd;}
.purpleleavestemplate5 {text-align: left;
font-size: 45px;
font-family: 'Berkshire Swash', cursive;
position: relative;
top: -265px;
left: 95px;
color: #eedddd;
text-shadow: 2px 2px 2px #6A0E6B;
position: relative;}
</style>
<center>
<link href='http://fonts.googleapis.com/css?family=Berkshire+Swash' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>
<div class="purpleleavestemplate1">
<div class="purpleleavestemplate2">
<div class="purpleleavestemplate3">
<div class="purpleleavestemplate4"></div>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
</div>
</div>
</center>
AJÁNLOM AZ OLDALT
Archívum