Egyszerű, de mutatós szövegdobozok (fekete, színes, rózsaszínes, barnás)

Drága olvasók!
Emailben, chaten kértek tőlem pár hete fekete, színes, rózsaszínes illetve barna árnyalatú szövegdobozokat. Gondoltam egy bejegyzésben hozok nekik mindegyikből egyet. Ezek egyszerű szövegdobozok, de egyben mutatósak is! Remélem sokatok számára hasznos lesz és fel tudjátok használni! Ezek a kódok is a SHINE oldalról vannak, csak egy kicsit a színükön variáltam. Ha viszitek valamelyiket akkor jelezzétek, valamint akkor is szóljatok ha hozzak még és hogy milyet. :)
Ui.: Már többen is kérték az oldalon lévő képes,menükódos szövegdobozt, amit szintén majd hozni fogom, de csak majd akkor ha új kinézetet kap a blog!
Roxana White


1.
Ide jön a cím!
Ide jön a szövegede szöveg szöveg ésssssssssssss szöveeeeeeg Ide jön a szövegede szöveg szöveg ésssssssssssss szöveeeeeegIde jön a szövegede szöveg szöveg ésssssssssssss szöveeeeeegIde jön a szövegede szöveg szöveg ésssssssssssss szöveeeeeegIde jön a szövegede szöveg szöveg ésssssssssssss szöveeeeeegIde jön a szövegede szöveg szöveg ésssssssssssss szöveeeeeegIde jön a szövegede szöveg szöveg ésssssssssssss szöveeeeeeg

2.
Ide jön a cím
Ide írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blahIde írd a szöveget blah blah blah

3.
cím ide
Szöveg szöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szövegszöveg szöveg szöveg

4.
CÍM CÍM
Ide írd a szövegedet! Blah blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahBlah blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahBlah blah blah blahblah blah blahblah blah blahblah blah blahblah blah blahBlah blah blah blahblah blah blahblah blah blahblah blah blahblah blah blah



Az első szövegdoboz kódja:
<center>
<div style="background-color: black; padding: 50px 50px 50px 50px; text-align: center; width: 150px;">
<div style="color: white; font-family: seaweed script; font-size: 25px; letter-spacing: 0px; line-height: 25px; position: relative; text-shadow: -1px 0px 0px #eaeaea;">
IDE JÖN A CÍM!

</div>
<div style="color: white; font-family: georgia; font-size: 9px; line-height: 9px; margin-top: 20px; text-align: justify; width: 150px;">
IDE JÖN A SZÖVEG
</div>
</center>

A második szövegdoboz kódja:
<center><link href="http://fonts.googleapis.com/css?family=The+Girl+Next+Door" rel="stylesheet" type="text/css" /><div style="width: 250px; border-left: solid 10px #554865;"><div><div style="width: 250px; border-left: solid 10px #CD5B51;"><div><div style="width: 250px; border-left: solid 10px #F3A36B;"><div><div style="width: 250px; background-color: #E9DFCC;"><div style="font-family: 'The Girl Next Door', cursive; font-size: 20px; text-transform: lowercase; color: #554865; padding-top: 10px;">IDE JÖN A CÍM</div><div style="width:240px; font-family: verdana; font-size: 9px; line-height: 100%; text-transform: lowercase; text-align: justify; padding-right: 3px; padding-bottom: 5px;">
IDE JÖN A SZÖVEG
</div></div></div></div></div></div></div></div></center>


A harmadik szövegdoboz kódja:
<center>
<div style="font-family: pacifico; font-size: 30px; line-height: 90%; text-align: center; text-shadow: 1px 1px 0px #eee, 2px 2px 0px #4368b3; text-transform: lowercase;">
CÍM</div>
<div style="background-color: #eeeeee; padding: 3px; width: 244px;">
<div style="background-color: #240916; border-right: 75px solid #eb7db2; padding: 7px; width: 155px;">
<div style="background-color: white; font-family: arial; font-size: 10px; line-height: 150%; padding: 20px; text-align: justify; width: 190px;">
SZÖVEG</div>
</div>
</div>
</center>

A negyedik szövegdoboz kódja:
<center>
<div style="background-color: #684b2d; padding: 15px 10px 15px 10px; width: 300px;">
<div style="background-color: white; border: 1px dotted #684b2d; color: #684b2d; font-family: calibri; font-size: 10px; letter-spacing: 1px; line-height: 10px; text-align: justify; width: 285px;">
<div style="padding: 10px 15px 10px 15px; width: 250px;">
<div style="color: #684b2d; font-family: times; font-size: 15px; font-style: italic; letter-spacing: 3px; line-height: 10px; text-align: center; text-shadow: 1px 1px #ccc; text-transform: lowercase;">
CÍM</div>
SZÖVEG</div>
</div>
</div>
</center>

12 megjegyzés:

  1. Kedves Roxana! Én előre szeretném jelezni, hogy idővel le fogom nyúlni mindet, ugyanis fantasztikusak! A forrás természetesen kikerül, ahogy eddig is! :)
    És még annyit, hogy ehhez hasonló, mutatós szövegdobozokat ha esetleg tudnál hozni, azt nagyon megköszönném!! :)
    Üdv: Ady

    VálaszTörlés
  2. Elvittem az utolsót.:) Köszönöm szépen.:)

    VálaszTörlés
  3. Kedves Roxana!
    Elvittem a 4. szövegdobozt. Köszönöm szépen! :)
    Puszi: ~pepa

    VálaszTörlés
  4. köszönöm, vittem egyet :)
    Kennedy x

    VálaszTörlés
  5. Szia!
    Vittem az elsőt! :)
    http://priyanka.blog.hu/

    VálaszTörlés
  6. Szia! Vittem a negyediket! :)
    Ölel, Misa-chan

    VálaszTörlés
  7. Vittem a negyediket, köszönöm! ;)
    Alexa M.

    VálaszTörlés