I saw some profiles that uses one column thing-y on the CP buttons and noticed it's no aligned in Firefox... Now... One Column Control Panel Buttons that will work not on IE only but also in Firefox. [b]Preview:[/b] [img]http://img.photobucket.com/albums/v674/EphimeralKaizer/NewBitmapImage.jpg[/img] <">If your profile has big text than the recommended 12px you can add this. <">If you want a One Column Control Panel Buttons with a background, try this... [b] Repeated Image:[/b] [quote]#controlpanelbuttons a {width:202px!important;background-image: url([b]URL OF IMAGE HERE[/b])!important;background-repeat:repeat; background-attachment:fixed; background-position:center center;height:18px!important;border-width:1px!important;border-color:black!important;border-style:[b]BORDER TYPE[/b]!important}[/quote] [b]One Centered Image:[/b] [quote]#controlpanelbuttons a {width:202px!important;background-image: url([b]URL OF IMAGE HERE[/b])!important;background-repeat: no-repeat ; background-attachment:fixed; background-position:center center;height:18px!important;border-width:1px!important;border-color:black!important;border-style:[b]BORDER TYPE[/b]!important}[/quote] Change the bold text on what is needed. [b] Questions:[/b] What is that !important thing. [b]Answer:[/b] !important is used to force a CSS command work on areas not really suitable to it. A good example is on the h2 property. [b]Questions:[/b] Where to apply the code? [b]Answer:[/b] CSS Extension. [b]Question:[/b] The width of the anchor links are too big how to minimize them without destroying proportion [b]Answer:[/b] Add this code: [quote]#controlpanelbuttons {width:[b]???px[/b]!important;}[/quote] on [b]#controlpanelbuttons a[/b] fix the width lower than 202 example 170 then add the code above and make the width to 175 just experiment to get the best looking result. Remember to add those codes on CSS extension file.

Last edited by Ephemeral (2008-07-24 08:48:58)