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&bgcolor=ACE500&loadingcolor=FF9900&buttoncolor=FF9900&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;">
.jpg)
