View topic - Profile Buttons Code

Hello,

My profile was recently affected by the new layout addition thing.

http://www.ernya.com/profile/12816-blacklotus.html
That is what my buttons are doing, I only added the html background removal code.

Can I get some assistance in getting it back to the example shown here:http://s414.photobucket.com/albums/pp224/makoyi/?action=view&current=editablepreview.jpg
Post by Black Lotus » Thu Dec 22, 2011 3:39 am


Buying: Fortune Marble Night Wearable
Not sure this is the most convenient way of doing it but, your nav bar is very short and the overflow is showing,, I would make the nav bar a little longer and then hide the overflow.

So it looks like this under the first part of the Navigation section:
Code:/*Navigation Bar*/
#nav{padding-top:6px; border:none; background:transparent; height:45px; margin-bottom: 0px; overflow: hidden;}


I would also remove this under the headers section since it will look weird once you hide the overflow:

Code:.currency.eleven, .currency.twelve, .currency.thirteen, currency.fourteen, .currency.fifteen, .currency.sixteen, .currency.seventeen, .currency.eighteen, .currency.nineteen, .currency.twenty {margin-top:20px;}
#bc{margin-top:100px}


heh... Hope that helps a little. I'm sure there's a better way of doing it, but since the position of #bc is set to relative the z-index property doesn't work as it's supposed to. oops
Post by Radxen » Thu Dec 29, 2011 12:39 pm





I think it might just be easier to resize the buttons themselves to like 80px or something.
I don't know though, I didn't try it, just guessing. oxo





Post by Alexia » Thu Dec 29, 2011 6:48 pm

Or that lol
I just didn't post that cause I was too lazy to test it.
I tested the suggestion I posted... in Chrome anyways dead
Post by Radxen » Fri Dec 30, 2011 8:24 am
4 Posts • Page 1 of 1

 
Users browsing this topic: and 1 guests