Bemutatkozó szövegdoboz

 Sziasztok, drágaságok! Mivel nyár van még egy másfél hónapig és mert elkapott az ihlet, készítettem nektek egy amolyan bemutatkozós, menüs szövegdobozt. A doboz színeit is direkt úgy válogattam, hogy emlékeztessen a nyárra kicsit! A képet nyugodtan le is cserélhetitek majd benne, ahogy gondoljátok! A kódját a cikk belsejében találjátok! Mielőtt vinnétek, szóljatok kérlek! 

Puszi mindenkinek,

Alice Levine

Cím helye

Ide jön a szöveged! Bármit írhatsz bele! IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!IDE JÖN A SZÖVEGED! BÁRMIT ÍRHATSZ BELE!

Kód:

<center>

<div style="background: #e4f0f6; border-bottom: 6px solid #ADD0EA; margin-bottom: 2px; padding: 5px 5px; width: 280px;">

<br />

<div style="background-color: white; border-bottom: solid #ADD0EA 0px; border-top: solid #ADD0EA 0px; color: #92657c; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 13.1999998092651px; letter-spacing: 0px; line-height: 18.4799995422363px; padding-top: 10px; padding: 5px; text-align: justify; text-transform: uppercase; width: 250px;">

<div style="text-align: center;">

<div class="separator" style="clear: both; text-align: center;">

<br /></div>

<a href="https://secure.static.tumblr.com/b22f5fb1aa56b3f6f3c3051658d1fa79/od6ft0b/LxXn90lhl/tumblr_static_tumblr_mg3hl71jgf1rc93n2o1_500.jpg" imageanchor="1" style="border-radius: 50px; margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://secure.static.tumblr.com/b22f5fb1aa56b3f6f3c3051658d1fa79/od6ft0b/LxXn90lhl/tumblr_static_tumblr_mg3hl71jgf1rc93n2o1_500.jpg" style="border-radius: 0px; margin-left: 1em; margin-right: 1em;" width="200" /></a><br />

<br /></div>

<center>

<div style="border-bottom: solid #ADD0EA 3px; border-top: solid #ADD0EA 0px; color: #bdd7d0; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 14px; letter-spacing: 0px; line-height: 18.4799995422363px; padding: 5px; text-align: justify; text-transform: uppercase; width: 230px;">

<div style="text-align: center;">

<b>Cím helye</b></div>

</div>

<center>

<div style="border-bottom: solid #ADD0EA 0px; border-top: solid #ADD0EA 0px; color: #92657c; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 11px; letter-spacing: 0px; line-height: 18.4799995422363px; padding: 5px; text-align: justify; text-transform: uppercase; width: 230px;">

<div style="text-align: center;">

<div align="center">

<div style="height: 100; overflow: auto; width: 230px;">

<table><tbody>

<tr><td><table><tbody>

<tr><td><div style="color: #b5bcc0; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 11px; letter-spacing: 0px; line-height: 18.4799995422363px; text-align: justify; text-transform: uppercase;">

Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele! Ide jön szöveged! Bármit írhatsz bele!</div>

</td></tr>

</tbody></table>

</td></tr>

</tbody></table>

</div>

</div>

</div>

</div>

</center>

</center>

</div>

</div>

</center>