#1 Szövegdobozok (5 db)

Hoztam néhány szövegdobozt. Igazából egy kódot írtam át elég különféle formákba, hogy megtaláljátok a megfelelőt. Forrás nálkül elvinni nem javaslom. ;)

 Első doboz:

Cím vagy valami

szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg

A kód:
  <link href="//fonts.googleapis.com/css?family=Crete+Round:400|Advent+Pro:400" rel="stylesheet" type="text/css"></link> <br /> <div style="background-color: #b7cbbf; border-bottom: 5px solid #DA70D6; border-radius: 50px 0px 50px 0px; border-top: 5px solid #DA70D6; height: 220px; padding-top: 2px; padding: 10px; width: 200px;"> <div style="border-bottom: 3px double #8C886F; color: #8c886f; font: 20px 'Crete Round'; text-align: center;"> Cím vagy valami</div> <div style="color: #8c886f; font: 14px 'advent pro'; margin: 30px;"> szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg <br /> <span style="background-color: white;"><span style="color: #aadead;"></span><br /></span> </div> </div>



Második doboz:

Cím vagy valami

szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg

A kód:
  <br /> <link href="//fonts.googleapis.com/css?family=Crete+Round:400|Advent+Pro:400" rel="stylesheet" type="text/css"></link> <br /> <div style="background-color: turquoise; border-bottom: 5px dotted #008080; border-radius: 0px 50px 0px 50px; border-top: 5px dotted #008080; height: 200px; padding-top: 2px; padding: 10px; width: 200px;"> <div style="border-bottom: 3px double #000000; color: black; font: 20px 'Crete Round'; text-align: center;"> Cím vagy valami</div> <div style="color: black; font: 14px 'advent pro'; margin: 30px;"> szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg <br /> <span style="background-color: white;"><span style="color: #aadead;"></span><br /></span> </div> </div> <br /> 


Harmadik:

Cím vagy valami

szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg

A kód:
  <br /> <link href="//fonts.googleapis.com/css?family=Crete+Round:400|Advent+Pro:400" rel="stylesheet" type="text/css"></link> <br /> <div style="background-color: azure; border-bottom: 3px solid #800080; border-radius: 50px 50px 50px 50px; border-top: 10px solid #800080; height: 140px; padding-top: 2px; padding: 10px; width: 200px;"> <div style="border-bottom: 3px solid #8C886F; color: #8c886f; font: 18px 'Crete Round'; text-align: center;"> Cím vagy valami</div> <div style="color: #8c886f; font: 14px 'advent pro'; margin: 10px;"> szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg</div> </div>


 Negyedik:

Cím vagy valami

szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg

A kód:
  <br /> <link href="//fonts.googleapis.com/css?family=Crete+Round:400|Advent+Pro:400" rel="stylesheet" type="text/css"></link> <br /> <div style="background-color: greenyellow; border-bottom: 20px solid #ADD8E6; border-radius: 50px 50px 50px 0px; border-top: 5px solid #ADD8E6; height: 160px; padding-top: 2px; padding: 10px; width: 200px;"> <div style="border-bottom: 3px dotted #000000; color: #8c886f; font: 20px 'Crete Round'; text-align: center;"> Cím vagy valami</div> <div style="color: black; font: 14px 'advent pro'; margin: 15px;"> szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg <br /> <span style="background-color: white;"><span style="color: #aadead;"></span><br /></span> </div> </div> <br /> 


Ötödik:

Cím vagy valami

szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg

A kód:
  <br /> <link href="//fonts.googleapis.com/css?family=Crete+Round:400|Advent+Pro:400" rel="stylesheet" type="text/css"></link> <br /> <div style="background-color: lightcoral; border-bottom: 10px dotted #A52A2A; border-radius: 50px 50px 50px 0px; border-top: 5px solid #A52A2A; height: 200px; padding-top: 2px; padding: 10px; width: 150px;"> <div style="border-bottom: 3px double #8C886F; color: black; font: 20px 'Crete Round'; text-align: center;"> Cím vagy valami</div> <div style="color: black; font: 14px 'advent pro'; margin: 10px;"> szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg szöveg <br /> <span style="background-color: white;"><span style="color: #aadead;"></span><br /></span> </div> </div> <br /> 


Alap kód forrása: **