HTML-Pack #1

Hey Brats!

Az interneten szörfölgetve rengeteg ötletet találtam, így jutottam el idáig, amikor is pár szövegdobozt hoztam, only for u. Amit viszont a kódok előtt megjegyeznék, az az, hogy a kritikát, amim volt, nem tudom befejezni, ugyanis a szerző előbb priváttá tette, majd bezárta blogját. Így a kritika limitem újra AKTÍV, ami azt jelenti, senki nincs előttetek, tehát csapjatok le! c; Még egy közérdekű, ugyebár eddig Vicky T.-ként publikáltam, de egy névváltáson estem át, így mostantól szerény személyemet Victoria Ackermannak hívják, türüptüptüptüpp. 

Egyes számú 

Így fog kinézni:

Kód:

 <center> <div style="background: #1A2337; padding: 8px; width: 203px;"> <center> <div style="background-color: #2F3B55; border-bottom: 10px solid #556193; color: #626782; font-family: oswald; font-size: 32px; letter-spacing: -2px; line-height: 100%; padding: 12px 2px 12px 2px; text-transform: uppercase; width: 200px;"> A történet </div> <center> <div style="background-color: #2F3B55; color: #626782; 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: 130px; z-index: 3;"> FORGOTTEN MOMENTS</div> <div style="background-color: #2F3B55; color: #556193; font-family: calibri; font-size: 10px; line-height: 116%; padding: 10px; text-align: justify; text-transform: uppercase; width: 184px;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget dui at augue interdum sodales at quis arcu. Ut dolor purus, condimentum a congue ut, lobortis sed ante. Phasellus bibendum ante vel libero ullamcorper vulputate. Morbi ornare ac erat eget consectetur. Vivamus sit amet lorem et nibh convallis mattis. Vivamus in dolor eget odio auctor congue sit amet sed massa. Vivamus quis tempus quam. Sed laoreet leo tincidunt lectus eleifend, quis vehicula quam volutpat. Aliquam gravida faucibus erat, at auctor neque semper vitae. In ultricies convallis eros ac aliquet. Vestibulum aliquet elementum tortor at rutrum. In pellentesque, libero in elementum condimentum, urna felis tristique risus, aliquam dictum ante nulla non elit. </div> </center></center></div></center>

Kettes számú

Így fog kinézni:

Kód: 

<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" /> <center> <div style="background: #d5a6bd; box-shadow: 1px 3px 5px #1d1d1d; font-size: 11px; padding: 20px; text-align: justify; width: 180px;"><img src="KÉP URL-JE" width="190" / /><br /><br /><br /> <div style="color: #1d1d1d; font-family: oswald; font-size: 20px; letter-spacing: 2px; text-align: center; text-shadow: 1px 2px 3px #dedede;">CÍM</div><div style="font-family: calibri; font-size: 11px; letter-spacing: 3px;"><br />SZÖVEG VAGY HTML HELYE<div style="background: #transparent; color: deepskyblue; font-family: calibri; font-style: italic; line-height: 120%; width: 180px;"></div><br /> <br /> <a href="http://shine.b1.jcink.com/index.php?showuser=4120"><div style="font-family: oswald; text-align: right; width: 180px;"></div></a>

Hármas számú

Így fog kinézni:

Kód:

</center><link href="http://fonts.googleapis.com/css?family=Abril+Fatface&amp;subset=latin-ext,latin" rel="stylesheet" type="text/css"></link><style type="text/css">.orion-container {width: 300px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2);}
.orion-container2 {padding: 20px; background-color: #fff;}
.orion-container3 {padding: 10px; background-color: #8d0036;}
.char-lyr {font-family: abril fatface; color: #fff; font-size: 30px; text-transform: lowercase; line-height: 100%; text-align: center;}
.char-one {background-color: #8d0036; padding: 30px;}
.char-one img {width: 100px; height: 100px; padding: 2px; background-color: #fff; border: 1px solid #121212; border-radius: 360px; -moz-border-radius: 360px; -webkit-border-radius: 360px; -ms-border-radius: 360px; -o-border-radius: 360px;}
.char-two {padding: 5px; text-align: justify; width: 120px; height: 89px; overflow: hidden; font-family: arial; color: #fff; font-size: 7px; text-transform: uppercase; line-height: 90%; letter-spacing: 1px;}
.char-three {padding: 20px; font-family: arial; font-size: 10px; text-align: justify; line-height: 90%; color: #121212;}
.char-three p:first-letter {color: #8d0036; font-family: abril fatface; text-transform: lowercase; font-size: 30px; float: left; margin: 5px;}
.char-three b {color: #8d0036;}
.char-three i {font-family: georgia; color: #8d0036;}
.char-four {padding: 5px; text-align: justify; font-family: arial; color: #fff; font-size: 7px; text-transform: uppercase; line-height: 90%; letter-spacing: 1px;}
</style><br />
<center>
<div class="orion-container">
<div class="char-one">
<div class="char-lyr">
U nikornis Blogmagazin</div><table><tbody><tr><td valign="top"><img src="http://images2.fanpop.com/image/photos/14600000/Angelina-3-angelina-jolie-14617199-100-100.jpg" />
</td><td valign="top"><div class="char-two">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget dui at augue interdum sodales at quis arcu. Ut dolor purus, condimentum a congue ut, lobortis sed ante. Phasellus bibendum ante vel libero ullamcorper vulputate. 
</div>
</td></tr>
</tbody></table>
</div>
<div class="orion-container2">
<hr />
<div class="char-three">
[Intro]
If this room was burning
I wouldn't even notice
'Cause you've been taking up my mind
With your, little white lies, little white lies
[Verse 1]
You say it's getting late, it's getting late
And you don't know if you can stay, if you can stay
But you, you don't tell the truth
No, you, you like playing games
[Chorus]
If this room was burning
I wouldn't even notice
'Cause you've been taking up my mind
With your, little white lies, little white lies
<br />
<br />
<br /></div>

Négyes számú

Így fog kinézni:

Kód:

<center><style type="text/css">.whogoesthere::-webkit-scrollbar {width: 5px; background: #C2BD9F;}.whogoesthere::-webkit-scrollbar-thumb {background: #4A595D;}.whogoesthere::-webkit-scrollbar-corner {background: #C2BD9F;}</style><div class="whogoesthere" style="background-color: #c2bd9f; border: 15px solid #727B73; color: #223847; font-family: arial; font-size: 11px; height: 350px; line-height: 13px; overflow: auto; padding: 10px; text-align: justify; width: 255px;"><img src="http://i39.tinypic.com/1z2f0ut.jpg" /><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eget dui at augue interdum sodales at quis arcu. Ut dolor purus, condimentum a congue ut, lobortis sed ante. Phasellus bibendum ante vel libero ullamcorper vulputate. Morbi ornare ac erat eget consectetur. Vivamus sit amet lorem et nibh convallis mattis. Vivamus in dolor eget odio auctor congue sit amet sed massa. Vivamus quis tempus quam. Sed laoreet leo tincidunt lectus eleifend, quis vehicula quam volutpat. Aliquam gravida faucibus erat, at auctor neque semper vitae. In ultricies convallis eros ac aliquet. Vestibulum aliquet elementum tortor at rutrum. In pellentesque, libero in elementum condimentum, urna felis tristique risus, aliquam dictum ante nulla non elit. <br /><div style="background-color: #c2bd9f; border-top: 2px solid #9a9c89; color: #223847; font-family: arial; font-size: 11px; height: 20px; line-height: 13px; width: 250px;"></div><br /></div></center>

A következő bejegyzésben: Képes zeneajánló 

Ne etessétek meg magatokat a titánokkal,