Lila árnyalatú szövegdobozok ~ Míra kérésére

Sziasztok manók! ^^

Emailben kért tőlem Míra lila árnyalatú szövegdobozokat, így kerestem neki párat. Remélem hasznára válnak és nem csak számára hanem számotokra is! Persze akinek nem a lila  a kedvenc színe, de tetszik neki a valamelyik szövegdoboz, akkor természetesen áttudja állítani olyan színre, amilyet ő akar.

(A szövegdobozok shine  nevezetű oldalról vannak)

Az első kód így néz ki:

cím,cím

Ide jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szövegIde jön a szöveg

Kód:

<center>
<link href="http://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" type="text/css"></link> <div style="background: #FFF; border-bottom: 1px dashed #000; border-left: 20px solid #A597C6; border-right: 20px solid #A597C6; border-top: 1px dashed #000; padding: 10px; width: 350px;">
<div style="color: #a597c6; font-family: amatic sc; font-size: 35px; letter-spacing: -1px; padding: 10px; width: 330px;">
CÍM</div>
<br />
<div style="font-family: Arial; font-size: 10px; text-align: justify; width: 330;">
IDE JÖN A SZÖVEG</div>
</div>
</center>

A második kód így néz ki:
(ez virító színekkel mutat a legjobban)

IDE JÖN A CÍM

ide is írj valamit

blahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblahblah

Kód:

<center>
<div style="background: #d5a6bd; border: 16px solid #5E4F66; padding: 10px; width: 260px;">
<div style="background-color: #d9d2e9; border-bottom: 10px solid #7d5b92; color: #741b47; font-family: oswald; font-size: 32px; letter-spacing: -2px; line-height: 100%; padding: 12px 2px 12px 2px; text-transform: uppercase; width: 256px;">
IDE JÖN A CÍM
</div>
<div style="background-color: #d9d2e9; color: #741b47; font-family: calibri; font-size: 6px; letter-spacing: 4px; line-height: 100%; margin-bottom: -6px; padding: 1px 0px 1px 0px; position: relative; text-transform: uppercase; top: -42px; width: 256px; z-index: 3;">
ide is írj valamit</div>
<div style="background-color: white; color: black; font-family: calibri; font-size: 10px; line-height: 116%; padding: 10px; text-align: justify; text-transform: uppercase; width: 240px;">
IDE JÖN A SZÖVEG
</div>
</div>
</center>

A harmadik kód így néz ki:

ide jön a cím!

szövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszöveg

Kód:

<center>
<div style="color: #655266; font-family: oswald; font-size: 20px; margin-bottom: 10px; text-transform: uppercase; width: 240px;">
IDE JÖN A CÍM

</div>
<div style="background-color: #d9d2e9; border-bottom: 30px solid #655266; padding: 20px; width: 200px;">
<div style="background-color: white; border: 3px double #e8e8e8; color: #121212; font-family: playfair display; font-size: 10px; line-height: 95%; overflow: auto; padding: 10px; text-align: justify;">
IDE JÖN A SZÖVEG
</div>
</div>
</center>

Ha akartok még ilyet, akkor jelezzétek! :)

További szép napot!

Roxana