Free custom 'My Profile' Arcade Game Graphic Banners

Replies to This Discussion

Permalink Reply by Jeff Rothe on November 22, 2008 at 10:49pm

I didn't mention this, I guess here, seems like I did somewhere else.

If you don't want to use these banners, but want to make your own, just size the graphic to 955px wide, and then however tall you want and adjust the stylesheet rules accordingly that are linking to above.

Jeff

▶ Reply to This

Permalink Reply by Jeff Rothe on November 26, 2008 at 4:31pm

The above banners have now changed.

If you follow the instructions of the linked to post, you will see the banners now have the CoinOpSpace.com logo on them.

Existing profiles will show this update as well...

▶ Reply to This

Permalink Reply by Brent on December 23, 2008 at 2:21pm

I followed your directions and put the following in the bottom of the Advanced CSS

#xg_sitename, #xg_sitedesc{
display:none;
}

#xg_masthead{
height:150px;
}

#xg, .xg_headerbg{
background:url(http://www.arcade80s.net/images_other/coinoplogo.jpg) no-repeat 0 0;
}

********
All that I have successfully done is remove the Arcade & Pinball Comm.....
Can you see what I'm doing wrong? My graphic is 955x150.

▶ Reply to This

Permalink Reply by NoCashValue on January 2, 2009 at 10:13pm

Hey Brent,

You have to alter another place in the CSS. I'm stealing from my code, obviously you would replace the image that says nocashvalue.info..... with whatever your image location is:


/* Add main CoinOpSpace Banner */
#xg_head{
height:218px;
background:url(http://www.nocashvalue.info/images/ncvcoinopspace_header.jpg) no-repeat 50% 0;

make sure you change the default height from 218 to the 150 of your image. Also, looking at your image, you may need to adjust it since the menu is laid on top of the background image. I believe your image text and the menu text would overlap. If you right click on the current coinopspace header image and select view background image, you can see that jeff allowed for an area for the menu which is why it is taller than 150.

Hope this helps.

▶ Reply to This

Permalink Reply by Jeff Rothe on January 3, 2009 at 1:16am

Preston,

Thanks for grabbing this. I must have missed this post before I left for MI for Christmas.

Brent, if you get stuck again, drop me a line and I can help you however you need...or ask Preston too, he knows what he's doing obviously.

▶ Reply to This

Permalink Reply by Brent on January 3, 2009 at 1:29pm

Thanks for the help Preston. I went and made my graphic longer and I changed the area that you said so that it says:
/* Add main CoinOpSpace Banner */
#xg_head{
height:180px;
background:url(http://www.arcade80s.net/images_other/coinoplogo.jpg) no-repeat 50% 0;
}

I also went and changed the masthead height to 180

#xg_sitename, #xg_sitedesc{
display:none;
}

#xg_masthead{
height:180px;
}

#xg, .xg_headerbg{
background:url(http://www.arcade80s.net/images_other/coinoplogo.jpg) no-repeat 0 0;
}

Now my custom banner now appears....but the menu is missing!
I did not change any of the other info.
Any idea what I did?

▶ Reply to This

Permalink Reply by Jeff Rothe on January 3, 2009 at 2:43pm

Your menu?

Like the main navigation? Home, My Profile, etc?

The main navigation is there in FF 3.0

What is the menu you are talking about?

▶ Reply to This

Permalink Reply by Brent on January 3, 2009 at 5:59pm

Yea, the Home, My Profile, etc is not visible. I even tried highlighting it to see if it somehow turned black.
I'm using IE 7.0.6 in Vista.
I'm attaching a screen shot of what I see.

▶ Reply to This

Permalink Reply by Jeff Rothe on January 3, 2009 at 6:48pm

First off your banner is 150px tall, not 180px, so you need to set a background color otherwise you will have a blank space.

Second, you need to change the top-padding on the #xg_navigation block to push the navigation down now that you have hidden both sets of text that were in the banner and gave it it's height.

IE is a terrible browser, even the new one. I really recommend trying to troubleshoot this in Firefox and once you get it right in a more standards compliant browser, tweak for IE.

▶ Reply to This

▶ Reply to This