Szövegdoboz*-*

És a kódjához volt magyarázat is így aztis úgydöntöttem elhozom:).Magyarázat:Itt adhatsz a modulnak címet.

Kedv szerint átírható részek.

Szövegdoboz szövege.

A felső háromszögek közül az elsőnek a színét adja.

Az alsó vonal színét adja.

A képet itt cserélheted ki.

A kép körüli körvonal színe.

A cím színe. 

A cím belső árnyékának színe.

A cím külső árnyékának színe.

Zene szerkesztése.

Zenelejátszó (fölső) sáv színe.

Alsó sáv alatti pöttyös rész színe.  

Szöveg színe.

És végül a kód:<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />

<link href="http://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet" type="text/css" /><style type="text/css">.blake {position: relative;  width: 300px; height: 145px;}
.blakee {float: left;}
.blakee label {background-color: transparent; border: 0px solid #ccc; margin-left: 2px; position: relative; left: 1px; font-family: arial; color: #FF9900; font-size: 20px; display: block;}
.blakee [type=radio] {display: none;  }
.lively {position: absolute; top: 10px; bottom: 0px; left: 0px; right: 0px; background-color: transparent; padding: 10px; border: 0px solid #ccc; opacity: 0;}
.blakee [type=radio]:checked ~ label {background-color: transparent; border: 0px; z-index: 2; color: #aCE500;}
[type=radio]:checked ~ label ~ .lively {z-index: 1; opacity: 1;}</style>
<center><div class="blake">

<div class="blakee"><input type="radio" id="tab-1" name="tab-group-1" checked /><label for="tab-1">▲</label>
<div class="lively" style="border-bottom: 10px solid #aCE500;">
<table><td>

<img src="http://www.hollow-art.com/files/bases/20101024/blake_lively_in_gossip_girl_season_1_557_0.png" style="padding: 1px; border: 1px dashed #A69998;" />

</td> <td valign="bottom"><div style="text-align: right; font-family: oswald; font-size: 30px; text-transform: lowercase; color: #FF9900; width: 150px; padding: 5px; text-shadow: 1px 1px 0px #A69998, 3px 3px 0px #aCE500; font-style: italic;">

Cím

</div><div style="font-family: open sans; color: #A69998; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; text-align: right; margin-top: -10px;">is currently typing...</div></td></table></div></div>

<div class="blakee"><input type="radio" id="tab-2" name="tab-group-1" /><label for="tab-2">▼</label><div class="lively" style="border-bottom: 10px solid #ff9900;"><div style="text-align: right; font-family: oswald; font-size: 30px; text-transform: lowercase; color: #FF9900;  padding: 5px; text-shadow: 1px 1px 0px #A69998, 3px 3px 0px #aCE500; font-style: italic; margin-bottom: 10px; margin-top: 20px;">

wrecking ball

</div><div style="font-family: open sans; color: #A69998; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; text-align: right; margin-bottom: 3px;">

by miley cyrus

</div><object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="270" height="15"><param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" /><param name="bgcolor" value="#ACE500" /><param name="FlashVars" value="mp3=MP3 LINK HERE&amp;bgcolor=ACE500&amp;loadingcolor=FF9900&amp;buttoncolor=FF9900&amp;slidercolor=FF9900" /></object><div style="font-family: georgia; color: #A69998; font-size: 13px; letter-spacing: -1px; text-align: center; width: 200px; font-style: italic;"><br />

" i came in like a wrecking ball. "

</div></div></div>

</div><div style="width: 260px; padding: 20px; text-align: justify; font-family: tahoma; color: #A69998; line-height: 90%; font-size: 10px; border-top: 1px dashed #A69998;">