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

25 megjegyzés:

  1. Drága Roxana!
    Köszönöm a szövegdobozokat, nagyon jókat hoztál! :)
    Ölel, Míra

    VálaszTörlés
    Válaszok
    1. Drága Míra!
      Örülök, hogy tudtam segíteni! :)

      Törlés
  2. Drága Roxana!
    Nekem hoznál menükódokat?
    Nagyon megköszönném!
    Teljesen mindegy hogy milyen színűeket hozol, mert én úgy is megváltoztatom a színűket.
    Előre is köszönöm! :)
    Gitta

    VálaszTörlés
    Válaszok
    1. Kedves Gitta!
      Természetesen hozok neked menükódokat! :)

      Törlés
  3. Én is köszönöm a kódot. Elvittem. :)

    VálaszTörlés
  4. Nagyon szépen köszönöm, vittem.

    VálaszTörlés
    Válaszok
    1. Örülök, hogy tetszik!
      Köszönöm, hogy szóltál! :)

      Törlés
  5. Nagyon szépen köszönöm egyet elvittem.

    VálaszTörlés
    Válaszok
    1. Nagyon szívesen! :)
      Köszönöm, hogy szóltál!

      Törlés
  6. Elvittem az utolsót, köszönöm szépen!:)

    VálaszTörlés
  7. Elvittem az utolsó szövegdobozt egy kicsit átszínezve, nagyon köszönöm a lehetőséget! :)

    VálaszTörlés
  8. Szia!
    Nagyon tetszik a masodikat elvittem. Puszi<3

    VálaszTörlés
  9. Szia, vittem az utolsót, köszönöm szépen! :)

    VálaszTörlés
  10. Szia, vittem az utolsót, köszönöm szépen!

    VálaszTörlés
  11. Szia, vittem az utolsót, köszönöm szépen!

    VálaszTörlés
  12. Sziasztok! Vittem egy szövegdobozt! Köszönöm! :3

    VálaszTörlés
  13. Szia! Én is vittem az utolsót^^

    VálaszTörlés
  14. Szia! Vittem az utolsót. Köszönöm szépen!:3

    VálaszTörlés