45th

[yanyan]

Someone added me on Google+ and my first thought was "You know what I should do? Yeah, let's do something like that. Yeah." So this happened. Versions without the image on the right inside!

Yukiho Hagiwara
THE iDOLM@STER

username

Application Permissions Critique Relationships Threads IC Contact Visualosities Player

dark
<center><raw-code> <div style="height: 270px; width: 660px; font-family: calibri, helvetica, sans serif; text-align: center; box-shadow: 0px 1px 4px #888; display: inline-block;"> <!--SIDEBAR START--><div style="width: 200px; height: 230px; background: #404040; color: #fff; padding: 20px; float: left;"> <img src="ICON URL" style="width: 80px; border-radius: 100%;"> <br/><span style="font-size: 150%;">Character Name</span> <br/>Canon <center><a href="LINK" style="color: #fff; text-decoration: none;"><div style="background: #HEXCODE; margin: 4px; padding: 4px; border-radius: 8px;">username</div></a></center> <div style="text-align: left; margin: 5px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;"> <a href="LINK1" style="color: #fff; text-decoration: none; display: block;">Application</a> <a href="LINK2" style="color: #fff; text-decoration: none; display: block;">Permissions</a> <a href="LINK3" style="color: #fff; text-decoration: none; display: block;">Critique</a> <a href="LINK4" style="color: #fff; text-decoration: none; display: block;">Relationships</a> <a href="LINK5" style="color: #fff; text-decoration: none; display: block;">Threads</a> <a href="LINK6" style="color: #fff; text-decoration: none; display: block;">IC Contact</a> <a href="LINK7" style="color: #fff; text-decoration: none; display: block;">Visualosities</a> <a href="LINK8" style="color: #fff; text-decoration: none; display: block;">Player</a> </div> </div><!--SIDEBAR END--> <!--IMAGE START--><img src="IMAGE URL" style="height: 270px; width: 420px;"><!--IMAGE END--> </div> </raw-code></center> <small>code by <user name=cawaii></small>

Kougyoku Ren
Magi: The Labyrinth of Magic

redsea

Application Permissions Critique Relationships Threads IC Contact Visualosities Player

light
<center><raw-code> <div style="height: 270px; width: 660px; font-family: calibri, helvetica, sans serif; text-align: center; box-shadow: 0px 1px 4px #888; display: inline-block;"> <!--SIDEBAR START--><div style="width: 200px; height: 230px; background: #fff; color: #404040; padding: 20px; float: left;"> <img src="ICON URL" style="width: 80px; border-radius: 100%;"> <br/><span style="font-size: 150%;">Character Name</span> <br/>Canon <center><a href="LINK" style="color: #fff; text-decoration: none;"><div style="background: #HEXCODE; margin: 4px; padding: 4px; border-radius: 8px;">username</div></a></center> <div style="text-align: left; margin: 5px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;"> <a href="LINK1" style="color: #404040; text-decoration: none; display: block;">Application</a> <a href="LINK2" style="color: #404040; text-decoration: none; display: block;">Permissions</a> <a href="LINK3" style="color: #404040; text-decoration: none; display: block;">Critique</a> <a href="LINK4" style="color: #404040; text-decoration: none; display: block;">Relationships</a> <a href="LINK5" style="color: #404040; text-decoration: none; display: block;">Threads</a> <a href="LINK6" style="color: #404040; text-decoration: none; display: block;">IC Contact</a> <a href="LINK7" style="color: #404040; text-decoration: none; display: block;">Visualosities</a> <a href="LINK8" style="color: #404040; text-decoration: none; display: block;">Player</a> </div> </div><!--SIDEBAR END--> <!--IMAGE START--><img src="IMAGE URL" style="height: 270px; width: 420px;"><!--IMAGE END--> </div> </raw-code></center> <small>code by <user name=cawaii></small>

Yukiho Hagiwara
THE iDOLM@STER

username

Application Permissions Critique Relationships Threads IC Contact Visualosities Player

dark
<center><raw-code> <div style="width: 200px; background: #404040; color: #fff; padding: 20px; font-family: calibri, helvetica, sans serif; text-align: center; box-shadow: 0px 1px 4px #888; display: inline-block;"> <img src="ICON URL" style="width: 80px; border-radius: 100%;"> <br/><span style="font-size: 150%;">Character Name</span> <br/>Canon <center><a href="LINK" style="color: #fff; text-decoration: none;"><div style="background: #F23E56; margin: 4px; padding: 4px; border-radius: 8px;">username</div></a></center> <div style="text-align: left; margin: 5px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;"> <a href="LINK1" style="color: #fff; text-decoration: none; display: block;">Application</a> <a href="LINK2" style="color: #fff; text-decoration: none; display: block;">Permissions</a> <a href="LINK3" style="color: #fff; text-decoration: none; display: block;">Critique</a> <a href="LINK4" style="color: #fff; text-decoration: none; display: block;">Relationships</a> <a href="LINK5" style="color: #fff; text-decoration: none; display: block;">Threads</a> <a href="LINK6" style="color: #fff; text-decoration: none; display: block;">IC Contact</a> <a href="LINK7" style="color: #fff; text-decoration: none; display: block;">Visualosities</a> <a href="LINK8" style="color: #fff; text-decoration: none; display: block;">Player</a> </div> </div> </raw-code></center>

Kougyoku Ren
Magi: The Labyrinth of Magic

username

Application Permissions Critique Relationships Threads IC Contact Visualosities Player

light
<center><raw-code> <div style="width: 200px; background: #fff; color: #404040; padding: 20px; font-family: calibri, helvetica, sans serif; text-align: center; box-shadow: 0px 1px 4px #888; display: inline-block;"> <img src="ICON URL" style="width: 80px; border-radius: 100%;"> <br/><span style="font-size: 150%;">Character</span> <br/>Canon <center><a href="LINK" style="color: #fff; text-decoration: none;"><div style="background: #0099C4; margin: 4px; padding: 4px; border-radius: 8px;">username</div></a></center> <div style="text-align: left; margin: 5px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;"> <a href="LINK1" style="color: #404040; text-decoration: none; display: block;">Application</a> <a href="LINK2" style="color: #404040; text-decoration: none; display: block;">Permissions</a> <a href="LINK3" style="color: #404040; text-decoration: none; display: block;">Critique</a> <a href="LINK4" style="color: #404040; text-decoration: none; display: block;">Relationships</a> <a href="LINK5" style="color: #404040; text-decoration: none; display: block;">Threads</a> <a href="LINK6" style="color: #404040; text-decoration: none; display: block;">IC Contact</a> <a href="LINK7" style="color: #404040; text-decoration: none; display: block;">Visualosities</a> <a href="LINK8" style="color: #404040; text-decoration: none; display: block;">Player</a> </div> </div> </raw-code></center>

Comments

[sephiroth]

Do you have one without the image to the right?

[(Anonymous)]

Hey! I just wanted to pop in and let you know this is really cute. I'm a site designer and I code RP stuff for fun in my free time over on IJ and I made this layout (http://tess017.insanejournal.com/) after seeing your nav code. None of your coding is used (I just looked at the live preview as a visual and went and coded my own thing) but I thought you'd like to know anyway! ♥

~tessisamess (http://tessisamess.insanejournal.com/)

[swatsflies]

Hello. I'm using the second dark code. On firefox it looks perfect, but on chrome it adds an odd space under the navigation. Do you have any ideas on how to fix that?

Using it on my account.
On my friend's account.

[rlynotfeelinup2itrnsorry]

Modified and used this on my profile! I love it, thank you so much!