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?

[yanyan]

Updated the post to include a version with no image on the right!

[sephiroth]

ilu bb <3

[(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/)

[yanyan]

Hello! No need for introductions; I've seen you around and I love your work! I just saw this comment on my code and I'm absolutely floored by your take on this. I wish I used IJ regularly to use it! I'm glad you think this code is cute, and thank you so much for showing me this. ♥ I appreciate it.

(But between you and me, I took one quick glance at Google+'s layout and did my own thing with it, haha!)

[(Anonymous)]

Aw, thank you so much! :D I'm so glad you like it; I had a lot of fun making it (mostly learning how to do a slideshow with CSS, haha.) If I hung around DW more I'd convert some of my stuff for use over here, but I'm not too familiar with the structure since I don't RP here, boo.

Thanks again! I really enjoyed looking through your code comm and seeing your pretty stuff. :D

~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!