31st: perseus mode

[yanyan]

Based on this screenshot from Medaka Box. If you want to replace the colors, header and sidebar bakground color is #5449C3, header text shadow is #EBEEFF. Image must be at least 460px by 230px. If you want additional sections, copy and paste the code between TEXT START and TEXT END. If the text doesn't fit, a scroll bar will appear. Everything is under the <raw-code> tag, so don't forget the <br/> if you want to make line breaks!

LINKS HEADER1 HEADER2 HEADER3 TOP HEADER1 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu facilisis velit. Fusce at ullamcorper lectus, non tristique tortor. In ultricies, nisi sed commodo hendrerit, metus arcu sollicitudin nibh, nec auctor libero dui at ante. Duis porttitor fermentum rutrum. Sed a est eu mauris vulputate interdum. In a iaculis enim. Curabitur accumsan lacus vitae felis tincidunt tincidunt. Nam quis dolor molestie, pharetra ligula nec, vulputate risus. Nulla egestas felis ut mi venenatis cursus. In id dapibus mauris. Aenean dapibus aliquet porttitor. Suspendisse pretium faucibus placerat. Sed sit amet enim nibh. Pellentesque quis consectetur velit, vitae iaculis mi. Integer non fermentum quam, tincidunt fermentum nulla. In sagittis arcu ut interdum auctor. Suspendisse pretium cursus odio non semper. Proin gravida lectus et risus euismod ultricies. Aliquam vestibulum adipiscing vehicula. Phasellus aliquet convallis placerat. Aliquam non luctus neque. Maecenas eget porta mi, quis convallis nunc. Maecenas dignissim dignissim ligula, quis rhoncus quam rutrum et. Maecenas sed ornare nulla. Sed vehicula blandit magna, id ultrices enim elementum in. Morbi tincidunt varius ligula. Ut ac est nec nibh sagittis malesuada. HEADER2 Sed pulvinar sapien ante, eget viverra turpis lobortis at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur vel leo iaculis tellus ultricies viverra et condimentum nunc. Aliquam quis leo tincidunt, suscipit libero ut, bibendum nisl. Ut adipiscing tempus placerat. Mauris vitae magna nec urna bibendum facilisis. Aenean laoreet accumsan bibendum. Morbi ullamcorper, dui a fermentum sagittis, magna arcu bibendum dui, vel fermentum nisi ipsum id metus. Cras adipiscing odio ante, in ornare augue interdum vitae. Vivamus fringilla ornare arcu lacinia elementum. Nulla egestas, neque vitae imperdiet congue, massa mauris euismod neque, vitae aliquet elit justo quis sem. Maecenas fringilla convallis ipsum, eget lobortis augue pellentesque rutrum. Duis accumsan, ante in vehicula rhoncus, mauris turpis vestibulum elit, lobortis dictum nulla neque sit amet dolor. Pellentesque scelerisque diam eu mauris pellentesque, id ultrices est mattis. Nulla ac placerat urna, vitae interdum quam. Donec accumsan placerat turpis, ut consectetur ante eleifend ut. Pellentesque purus metus, faucibus ut dolor ac, pretium tincidunt lectus. Proin tempus tortor consequat mauris congue placerat. Pellentesque scelerisque, lacus sed fringilla ullamcorper, urna sem tristique nunc, id venenatis nunc risus at mi. Aenean bibendum sodales enim, non ullamcorper metus scelerisque id. Nulla risus augue, molestie et ante nec, hendrerit interdum lectus. Aenean quis nisi rutrum leo viverra tincidunt vel a mauris. Proin pharetra lorem sed sem elementum gravida. HEADER3 Maecenas laoreet congue mi eu interdum. Quisque libero urna, egestas nec augue eget, aliquet scelerisque libero. Maecenas cursus, orci id interdum feugiat, ante metus auctor sapien, eu pellentesque arcu neque id justo. Nulla ultricies felis urna, sit amet sagittis lorem ullamcorper non. Vestibulum posuere sem eu dui posuere aliquam. Maecenas porta pretium odio, id malesuada sapien porttitor quis. Praesent tincidunt dignissim turpis, a consequat velit mattis placerat. In tortor velit, feugiat sit amet imperdiet at, fringilla suscipit metus. Proin leo libero, ultrices ultrices nunc ut, dapibus fermentum erat. Sed tincidunt turpis eu suscipit consequat. Proin eu neque est. Ut gravida elit cursus, semper enim in, aliquet nisi. In hac habitasse platea dictumst. Pellentesque et sagittis augue. Morbi vestibulum tortor turpis, ac lobortis sem pharetra a. Nam gravida porta purus, at volutpat ipsum. Phasellus non mi accumsan nisi ultrices facilisis ut quis urna. Sed eu egestas justo. Integer vestibulum tellus ac nulla feugiat pretium. Nam pulvinar ligula nisl, id viverra justo tincidunt ut. Vivamus condimentum vel erat ut volutpat. Proin velit tortor, adipiscing ut urna vel, feugiat imperdiet sapien. Quisque faucibus venenatis lacus, non gravida ante sollicitudin non. Pellentesque nec orci pellentesque, cursus diam ac, rhoncus tellus. Integer aliquet lorem nec eleifend consequat. Nunc quis est risus. Nunc aliquam pretium semper. MEDAKA KUROKAMI ☆ MEDAKA BOX

code by cawaii

<raw-code><center><table style="width: 640px; height: 360px; overflow: hidden;"><tr><td> <!--COLOR BAR--> <div style="width: 140px; height: 360px; background: #5449C3; float: left; position: relative; z-index: 1;"> <div style="height: 230px; padding: 10px; font: bold 11px helvetica, arial; color: #ffffff;"> LINKS <br/><a href="#LINK1" style="text-decoration: none;"><span style="font: 11px helvetica, arial; color: #ffffff;">HEADER1</span></a> <br/><a href="#LINK2" style="text-decoration: none;"><span style="font: 11px helvetica, arial; color: #ffffff;">HEADER2</span></a> <br/><a href="#LINK3" style="text-decoration: none;"><span style="font: 11px helvetica, arial; color: #ffffff;">HEADER3</span></a> <br/><a href="#PIC" style="text-decoration: none;"><span style="font: 11px helvetica, arial; color: #ffffff;">TOP</span></a> </div> </div> <!--WHITE BOX--> <div style="width: 500px; height: 360px; background: #ffffff; text-align: center; position: relative; z-index: 0; left: 140px;"> <!--CONTENT START--> <div style="width: 460px; height: 230px; padding: 20px; font: 11px helvetica, arial, sans-serif; color: #000000; text-align: justify; position: relative; right: 140px; overflow-y: hidden;"> <a name="PIC"><img src="IMAGE URL HERE" style="width: 460px; height: 230px;"></a> <br/><br/><br/><br/> <!--TEXT START--> <div style="height: 270px; overflow-y: auto;"><a name="LINK1"><span style="font: 24px impact; color: #5449C3; text-shadow: #EBEEFF 1px 1px 0px;">HEADER1</span></a> <br/>Text here. <br/><br/>Text here.</div> <!--TEXT END--> <!--TEXT START--> <div style="height: 270px; overflow-y: auto;"><a name="LINK2"><span style="font: 24px impact; color: #5449C3; text-shadow: #EBEEFF 1px 1px 0px;">HEADER2</span></a> <br/>Text here. <br/><br/>Text here.</div> <!--TEXT END--> <!--TEXT START--> <div style="height: 270px; overflow-y: auto;"><a name="LINK3"><span style="font: 24px impact; color: #5449C3; text-shadow: #EBEEFF 1px 1px 0px;">HEADER3</span></a> <br/>Text here. <br/><br/>Text here.</div> <!--TEXT END--> </div> <!--CONTENT END--> </div> <!--BLACK BAR--> <div style="width: 620px; height: 40px; background: #000000; padding: 10px; float: left; position: relative; z-index: 2; top: -90px;"><span style="font: 30px impact; color: #fff; letter-spacing: 1px;">TEXT HERE</span></div> </td></tr></table> <small>code by <user name=cawaii></small></center></raw-code>

Comments

[endgod]

i feel like i need to use this for... something... it's super cool :O

[yanyan]

thank you!! i feel like using it, too. after i spent quite a bit of time on it i feel obligated to LMFAO

you can use it for idk, personality and history sections... nisio isin's medaka box tl;dr...

[endgod]

i don't know if that's something i want to see every time i log in!!!!

[yanyan]

yeah me neither i'm sorry