2016. 07. 25.

Még két szövegdoboz

Sziasztok!

Kezdek belelendülni a szövegdoboz készítésbe, most hoztam még kettőt. Remélem, tetszenek majd. Hogyha bármi segítségre van szükségetek az átírásukhoz, használatukhoz, írjatok nyugodtan kommentben, chatben, emailben, vagy ahol szeretnétek :)

Cím helye
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit, ipsum sed suscipit laoreet, diam odio malesuada lectus, nec lacinia est felis ut tortor. Phasellus quis urna rhoncus, facilisis ex id, tristique erat. Pellentesque gravida malesuada risus ut sagittis. Mauris mauris tortor, tristique placerat ullamcorper nec, congue sed felis. Duis rutrum non nisi sodales cursus. Quisque non auctor arcu. Ut at congue velit. Morbi consectetur enim nisl, a porttitor mauris rutrum vel. Praesent et nulla vitae tellus auctor ultrices sed id ligula. Donec id nulla turpis. Maecenas viverra ex eget sem aliquet dignissim. Nullam diam libero, feugiat id molestie pellentesque, finibus non enim. Quisque fringilla diam sed sapien faucibus maximus. Proin elementum urna ultrices arcu efficitur suscipit.
Mauris ex urna, sagittis sit amet convallis at, laoreet eget neque. Sed id orci et elit laoreet pulvinar. In eget fermentum ligula, sed porta ex. Pellentesque tristique imperdiet diam. Proin turpis nibh, semper eget urna et, posuere auctor nunc. Nulla ac orci ultrices, vestibulum nibh eget, posuere neque. Nam efficitur magna quis felis placerat dignissim. Quisque id risus vel eros dictum bibendum.




<link href="http://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css"></link>
<style type="text/css">
.background{
background: url('https://s-media-cache-ak0.pinimg.com/736x/9b/a6/37/9ba6372f647bddae0308ece1cea5ed1c.jpg') ;
width: 400px;
height: 400px;
 
}
 
.box{
width: 333px;
height: 333px;
top: 30px;
border-left: 3px solid #7c6a42;
border-right: 3px solid #7c6a42;
border-bottom: 3px solid #7c6a42;
border-radius: 50px;
position: relative;
background: rgba(246,191,184,0.8);}
 
.title{
font-size: 34px;
font-family: 'Kaushan Script';
top: -20px;
position: relative;
text-shadow: 2px 2px 0px #b7797c;
 
}
 
.text{
text-align: justify;
overflow: auto;
width: 300px;
height: 260px;
position: relative;
top: -20px;
padding: 5px;}
 
</style>
<center>
<div class="background">
<div class="box">
<div class="title">
Cím helye
</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit, ipsum sed suscipit laoreet, diam odio malesuada lectus, nec lacinia est felis ut tortor. Phasellus quis urna rhoncus, facilisis ex id, tristique erat. Pellentesque gravida malesuada risus ut sagittis. Mauris mauris tortor, tristique placerat ullamcorper nec, congue sed felis. Duis rutrum non nisi sodales cursus. Quisque non auctor arcu. Ut at congue velit. Morbi consectetur enim nisl, a porttitor mauris rutrum vel. Praesent et nulla vitae tellus auctor ultrices sed id ligula. Donec id nulla turpis. Maecenas viverra ex eget sem aliquet dignissim. Nullam diam libero, feugiat id molestie pellentesque, finibus non enim. Quisque fringilla diam sed sapien faucibus maximus. Proin elementum urna ultrices arcu efficitur suscipit.
<br>
Mauris ex urna, sagittis sit amet convallis at, laoreet eget neque. Sed id orci et elit laoreet pulvinar. In eget fermentum ligula, sed porta ex. Pellentesque tristique imperdiet diam. Proin turpis nibh, semper eget urna et, posuere auctor nunc. Nulla ac orci ultrices, vestibulum nibh eget, posuere neque. Nam efficitur magna quis felis placerat dignissim. Quisque id risus vel eros dictum bibendum.
</div>
</div>
</div>
</center>

És ez volna a másik:

Cím helye
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit, ipsum sed suscipit laoreet, diam odio malesuada lectus, nec lacinia est felis ut tortor. Phasellus quis urna rhoncus, facilisis ex id, tristique erat. Pellentesque gravida malesuada risus ut sagittis. Mauris mauris tortor, tristique placerat ullamcorper nec, congue sed felis. Duis rutrum non nisi sodales cursus. Quisque non auctor arcu. Ut at congue velit. Morbi consectetur enim nisl, a porttitor mauris rutrum vel. Praesent et nulla vitae tellus auctor ultrices sed id ligula. Donec id nulla turpis. Maecenas viverra ex eget sem aliquet dignissim. Nullam diam libero, feugiat id molestie pellentesque, finibus non enim. Quisque fringilla diam sed sapien faucibus maximus. Proin elementum urna ultrices arcu efficitur suscipit.
Mauris ex urna, sagittis sit amet convallis at, laoreet eget neque. Sed id orci et elit laoreet pulvinar. In eget fermentum ligula, sed porta ex. Pellentesque tristique imperdiet diam. Proin turpis nibh, semper eget urna et, posuere auctor nunc. Nulla ac orci ultrices, vestibulum nibh eget, posuere neque. Nam efficitur magna quis felis placerat dignissim. Quisque id risus vel eros dictum bibendum.



<link href="http://fonts.googleapis.com/css?family=Kaushan+Script" rel="stylesheet" type="text/css"></link>
<style type="text/css">
.background{
background: #bfbfbf;
width: 320px;
height: 390px;
border: 7px solid #1d3460;
}
 
.title2{
font-size: 34px;
font-family: 'Kaushan Script';
background: rgba(255,255,255,0.6);
top: 25px;
width: 180px;
position: relative;
}
 
.picture{
width: 320px;
height: 100px;
background: url('http://kepfeltoltes.hu/160725/nature_www.kepfeltoltes.hu_.png')
}
 
.text{
text-align: justify;
overflow: auto;
width: 300px;
height: 260px;
position: relative;
top: 50px;
padding: 5px;}
 
</style>
<center>
<div class="background">
<div class="picture">
<div class="title2">
Cím helye
</div>
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer suscipit, ipsum sed suscipit laoreet, diam odio malesuada lectus, nec lacinia est felis ut tortor. Phasellus quis urna rhoncus, facilisis ex id, tristique erat. Pellentesque gravida malesuada risus ut sagittis. Mauris mauris tortor, tristique placerat ullamcorper nec, congue sed felis. Duis rutrum non nisi sodales cursus. Quisque non auctor arcu. Ut at congue velit. Morbi consectetur enim nisl, a porttitor mauris rutrum vel. Praesent et nulla vitae tellus auctor ultrices sed id ligula. Donec id nulla turpis. Maecenas viverra ex eget sem aliquet dignissim. Nullam diam libero, feugiat id molestie pellentesque, finibus non enim. Quisque fringilla diam sed sapien faucibus maximus. Proin elementum urna ultrices arcu efficitur suscipit.
<br>
Mauris ex urna, sagittis sit amet convallis at, laoreet eget neque. Sed id orci et elit laoreet pulvinar. In eget fermentum ligula, sed porta ex. Pellentesque tristique imperdiet diam. Proin turpis nibh, semper eget urna et, posuere auctor nunc. Nulla ac orci ultrices, vestibulum nibh eget, posuere neque. Nam efficitur magna quis felis placerat dignissim. Quisque id risus vel eros dictum bibendum.
</div>
</div>
</div>
</center>

3 megjegyzés:

  1. Szia! :) Nagyon szépek lettek, elvittem őket. Forrást természetesen írok.
    Xx Candy

    VálaszTörlés
    Válaszok
    1. Örülök, hogy tetszenek :) Leírnád kérlek a blogod linkjét, ahova kitetted őket?

      Törlés
  2. Szia :) Vittem a felsőt :) Forrást írok :3

    VálaszTörlés