TheCripZone SMF Themes Site

All Things Public => Theme Support => Topic started by: 99zippy on Aug 27, 12, 08:58:22 AM

Title: Ambassador background change
Post by: 99zippy on Aug 27, 12, 08:58:22 AM
Hi, was wondering if anyone can help. I'm using the default Ambassador theme and want to change the gradient background (the area outside the forum on the sides) to something else. Does it have to be a specific file with same size or can it be anything.
I have SMF 2.0.2. I've tried to find where to change it but just messed it up. Any help to steer me in the right direction would be super! Thanks in advance and a big TY Crip for some awesome work on your SMF themes!
Title: Re: Ambassador background change
Post by: Crip on Aug 27, 12, 10:29:51 AM
hi zip,
i will check on that...my guess is , you can use most any type of background-color: or image..

Okay I checked it..
you can use an Image or color for your background....
..I suggest you add the one you want and if it's Not Fitting come back and post your problem , then we try help it work.
Title: Re: Ambassador background change
Post by: 99zippy on Aug 27, 12, 11:13:31 AM
Thanks for checking. Could you tell me exactly where I should change this image to another? That's what I'm having a problem with finding. I'm not an intermediate or expert on changing theme stuff as you may guess! lol
Title: Re: Ambassador background change
Post by: Crip on Aug 27, 12, 11:52:50 AM
..you need to remove this from css/index.css =>

this is on the 1st line..Remove:=>

html
{
   background: #757575;
}


..then this needs to look like the code below =>


/* Set a fontsize that will look the same in all browsers. */
body {
   background: #000;  /*<===Your Background here===>*/
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}
Title: Re: Ambassador background change
Post by: 99zippy on Aug 27, 12, 12:49:04 PM
Ok, I've found that code. So what you're saying is all the background code needs to be changed to what you posted in the second part? Then if I wanted to call on a jpg or gif file, my guess is there is a proper way to call that in this code, yes?
Same idea as this forum. A picture that repeats all along the sides but doesn't on the top or bottom.

Ok, I found some info and tried this but the image isn't showing up. Just white. I've uploaded the image to several locations in SMF just to see if that was the problem. WHere do I need to put it and how can I call it properly in the code. Thanks again!

/* Set a fontsize that will look the same in all browsers. */
body {
   background-image: url ('/Themes/ambassador_2_0/images/barBGv5.jpg') repeat;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin:0 auto 30px auto;
   padding:0;
   min-width: 780px;
   width: 100%;
   max-width: 2300px;
   height: 100%;
}
Title: Re: Ambassador background change
Post by: Crip on Aug 27, 12, 03:02:33 PM
need to remove :image:
-------------/* or try that?

Like==>

/* Set a fontsize that will look the same in all browsers. */
body {
   background: url (../images/barBGv5.jpg) repeat;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin:0 auto;
   padding: 15px 0px;
}
Title: Re: Ambassador background change
Post by: 99zippy on Aug 27, 12, 08:44:44 PM
That did it. Thanks so much for your help Crip! Slowly learning...  O0
Title: Re: Ambassador background change
Post by: Crip on Aug 28, 12, 06:24:33 AM
rock n roll bro' ! ;)