Profile Layout: Color Stripes

Preview (click for full size version)



Just revamped my user info layout and thought I'd share the code...


Go to Edit Personal Information and paste the code into your Bio

The Code
<TABLE cellSpacing=0 cellPadding=5 width=500 align=center border=0> <TBODY> <TR> <TD align=right bgColor=#fbfbfb><B><FONT style="LETTER-SPACING: 2px" face="Times New Roman" color=#888888 size=4 Roman New>first title + </FONT></B></TD> <TD width=5 bgColor=#30afbf rowSpan=2></TD></TR> <TR><TD bgColor=#fafafa><DIV align=justify><FONT face=Arial color=#555555 size=1>Praesent nibh eros, vulputate ut, vestibulum eu, lacinia ut, orci. Sed eget dui non pede consectetuer tempus. Phasellus malesuada, metus nec porttitor faucibus, justo metus dapibus eros, id ullamcorper metus sem ut dui. Morbi non nisl sagittis dui blandit pulvinar.</FONT></DIV></TD></TR> <TR> <TD></TD></TR> <TR><TD align=right bgColor=#fbfbfb><B><FONT style="LETTER-SPACING: 2px" face="Times New Roman" color=#888888 size=4 Roman New>second title +  </FONT></B></TD> <TD width=5 bgColor=#a8cc33 rowSpan=2></TD> <TR><TD bgColor=#fafafa><DIV align=justify><FONT face=Arial color=#555555 size=1>Curabitur nibh erat, dignissim et, hendrerit id, iaculis a, justo. Donec pretium nunc at pede. Nunc tempor, lacus sed auctor interdum, libero quam laoreet dolor, non suscipit ipsum dui a diam. Vivamus venenatis lectus vitae urna.</FONT></DIV></TD></TR> <TR> <TD></TD></TR> <TR> <TD align=right bgColor=#fbfbfb><B><FONT style="LETTER-SPACING: 2px" face="Times New Roman" color=#888888 size=4 Roman New>third title here +  </FONT></B></TD> <TD width=5 bgColor=#f2bd1d rowSpan=2></TD> <TR><TD bgColor=#fafafa><DIV align=justify><FONT face=Arial color=#555555 size=1>Liquam nec nisl vel dui tempor molestie. Morbi non odio. Curabitur posuere nulla sit amet felis. Quisque facilisis. Duis eget erat ac lacus facilisis bibendum. Quisque mauris. Sed egestas euismod pede.Aliquam pharetra, massa ut mattis dignissim, velit ipsum ultrices neque, vel iaculis risus mi id est.</FONT></DIV></TD></TR> <TR> <TD></TD></TR> <TR> <TD align=right bgColor=#fbfbfb><B><FONT style="LETTER-SPACING: 2px" face="Times New Roman" color=#888888 size=4 Roman New>fourth title over here +  </FONT></B></TD> <TD width=5 bgColor=#cc3c18 rowSpan=2></TD> <TR><TD bgColor=#fafafa><DIV align=justify><FONT face=Arial color=#555555 size=1>Phasellus vulputate congue nunc. Duis tempor. Phasellus quis lacus. Vestibulum diam. Cras nulla nibh, dictum in, suscipit ut, lacinia ut, orci. Nulla semper enim ornare mauris. Ed risus est, tempor ac, placerat sit amet, volutpat eget, diam. Vestibulum ut metus non urna mollis fermentum. </FONT></DIV></TD></TR> <TR> <TD></TD></TR> <TR> <TD align=right bgColor=#fbfbfb><B><FONT style="LETTER-SPACING: 2px" face="Times New Roman" color=#888888 size=4 Roman New>fifth title which is the last + </FONT></B></TD> <TD width=5 bgColor=#a1134c rowSpan=2></TD> <TR><TD bgColor=#fafafa><DIV align=justify><FONT face=Arial color=#555555 size=1>Phasellus hendrerit pellentesque metus. Integer felis mi, molestie in, cursus sed, iaculis nec, nunc. Nulla sit amet tellus. Donec lorem massa, pretium imperdiet, convallis in, aliquam et, sem. Aliquam mauris lorem, adipiscing nec, ultrices a, dignissim eu, dui. Nunc eu sem.</FONT></DIV></TD></TR><TR><TD></TD></TR><TR><TD colSpan=2><HR color=#dddddd></TD></TR><TR><TD colSpan=2><FONT face=Arial color=#555555 size=1> <CENTER><B>credits</B>: <A href="http://gossymer.livejournal.com/">profile codes</A></CENTER></FONT></TD></TR></TBODY></TABLE>

You can do Edit/Find/Replace all to change all the colors

Heading Background Color code: #fbfbfb
Text Background Color code: #fafafa
Heading Text Color Code: #888888
Regular Text Color Code: #555555

Stripe Color Codes
Box #1: Blue - #30afbf
Box #2: Green - #a8cc33
Box #3: Yellow #f2bd1d
Box #4: Red - #cc3c18
Box #5: Purple - #a1134c

Only rule is to comment & credit - you are free to edit the codes.


★ Feel free to watch noveltybox