Újabb HTML kódok

Ismét it vagyok:D
Most html kódokkal jelentkezem. 
Forrásért KATT

Szövegdobozok: 


   

1. Kód: <link href="http://fonts.googleapis.com/css?family=Oswald:400,700,300" rel="stylesheet" type="text/css" />

<style>
#vcontainer {padding:0;margin-top:30px;display:flex;position:relative;width:300px;}#vcontainer ::-webkit-scrollbar {  width: 4px;}#vcontainer ::-webkit-scrollbar-track{ background-color:#999;}#vcontainer ::-webkit-scrollbar-thumb{background-color:#0A0A0A;}#vsidebox {margin:0;width:15px;height:200px;border-radius:0;position:relative;}#vsidebox .vrotext { width:200px;transform:rotate(-90deg);-ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);font-size:33pt;line-height:30pt;font-family: 'Oswald', sans-serif;font-weight:400;color:#FDC68A;text-align:center;text-transform:uppercase;letter-spacing:-1px;text-shadow:0 -4px 2px black;position:absolute;bottom:80px;right:-83px;}#vtextbox {background-color:#0A0A0A;width:245px;height:200px;margin:0;padding:0;overflow:hidden;}#vtextbox .vtitle { margin:0;padding:5px;font-size:25pt;line-height:22pt;font-weight:300;font-family: 'Oswald', sans-serif;color:#FDC68A;text-align: center;text-transform:lowercase;letter-spacing:2px;}#vtextbox .vbody { background-color:#fbf1da;height:100px;overflow:auto;margin:10px 4px;padding:14px;font-size:7pt;line-height:8pt;font-family: 'Lucida console', sans-serif;font-weight:300;color:#1C140D;text-align: justify;}
</style>

<center><div id="vcontainer"><div id="vsidebox"><div class="vrotext">

CÍM

</div></div><div id="vtextbox">
<table style="width:100%;border-collapse:collapse;margin:0;padding:0;"><tbody><tr><td><div style="background-color:#FDC68A;width:15px;height:200px;border-right:3px outset #999;"></div></td><td style="padding:0;vertical-align:bottom;"><div class="vtitle">

RÖVIDEBB SZÖVEG

</div><div class="vbody">

szövegszövegszövegszöveg

</div></td></tr></tbody></table>
</div></div><div class="scredit"><a href=""></a></div></center>












           2. Kód:


<center>
<table cellpadding="0" cellspacing="0"><td>
<div style="width: 90px; height: 250px; background: url(http://i39.tinypic.com/6qvdd2.png);"></div></td><td>
<div style="width: 190px; height: 230px; background-color: #e36b6b; padding: 10px;">
<div style="width: 190px; height: 50px; background-color: #efe5e4;">
<div style="font-size: 25px; font-family: open sans condensed; color: #50565e; text-transform: uppercase; letter-space: 2px; line-height: 250%; text-align: center; text-shadow: 1px 1px 0px #f8f5f3, 2px 2px 0px #473d3d; font-weight: bold;">
CÍM</div></div>
<div style="width: 190px; height: 10px; background-color: #473d3d;"></div>
<div class="boomdida">Ismertető blablablaszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszövegszöveg</div><div style="width: 190px; height: 10px; background-color: #473d3d;"></div></div></td></table>
</center><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>







ß. Roven