Artician Home
Join Artician Login Search
Today This Week Mark All as Read Feeds
 

background!

User is offline
LyndsayHarper posted Apr 10 2009, 09:04 PM:
probably a stupid question but where can i edit the background in the CSS?

I've located everything except for that one thing, so it would be great if someone could get back to me quickly on this smile.gif
Post 1
User is offline
Live-Dimension posted Apr 10 2009, 11:55 PM:
Assuming you mean the total background of your profile/portfolio.

div #pageProfile .page
div #pagePortfolio .page
etc...

So basically, you can skin it per page (using #pageXXX), or for all of them (.page) or a mix tongue.gif
I could be wrong but it seems to be right...

If you need the other pageID's just ask.
Post 2
User is offline
TanPi posted Apr 11 2009, 02:31 AM:
You can edit it In the body{} section of the CSS page. It will look like this:

CODE


body  {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background: url(http://up.artician.com/images/skin/freestyle_plus/page_bg.gif) repeat-y center; color: #999; margin: 0; text-align: center; /*centers page for IE*/}



Hope this helps! happy.gif

--------------------

Post 3
User is offline
LyndsayHarper posted Apr 11 2009, 07:29 AM:
QUOTE(TanPi @ Apr 11 2009, 02:31 AM) *

You can edit it In the body{} section of the CSS page. It will look like this:

CODE


body  {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background: url(http://up.artician.com/images/skin/freestyle_plus/page_bg.gif) repeat-y center; color: #999; margin: 0; text-align: center; /*centers page for IE*/}



Hope this helps! happy.gif


Thanks guys!
Post 4
User is offline
Biskizit posted Apr 15 2009, 08:06 PM:
Is there a way for it to tile across the entire page? I've tried editing the heck out of that code and I can't seem to do a thing with it ): It just tiles down the center of the page.

--------------------
xcolorgasm
Post 5
Artician Developer
User is offline
Akujin posted Apr 15 2009, 08:16 PM:
add repeat-x

--------------------
Artician Senior Web Development
http://akujin.artician.com
Post 6
User is offline
Biskizit posted Apr 15 2009, 08:26 PM:
could you show me where to add that in the code? I really am trying. I tried this : body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background: url(http://i305.photobucket.com/albums/nn222/biskizitATgaia/678644gz6asg8ibk.png) repeat-y center; repeat-x center; color: #999; margin: 0; text-align: center; /*centers page for IE*/}

And this : body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background: url(http://i305.photobucket.com/albums/nn222/biskizitATgaia/678644gz6asg8ibk.png) repeat-y center; repeat-x; color: #999; margin: 0; text-align: center; /*centers page for IE*/}

Am I doing something wrong?

--------------------
xcolorgasm
Post 7
Artician Developer
User is offline
Akujin posted Apr 15 2009, 08:39 PM:
Try,

body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background: url(http://s.artician.com/images/icons/accept.png) repeat-x repeat-y; color: #999; margin: 0; text-align: center; /*centers page for IE*/}

--------------------
Artician Senior Web Development
http://akujin.artician.com
Post 8
User is offline
Poiizu posted Apr 15 2009, 09:06 PM:
Hi, I'm doing the same thing as above, but instead of getting a background I'm just getting all white. Any help? D:
Post 9
User is offline
Biskizit posted Apr 15 2009, 09:17 PM:
Yeah- I'm getting the same thing as Poiizu ): Is there a certain template we have to select before this will work? I have mine on the default.
Btw, I'm really sorry for all of this trouble.

--------------------
xcolorgasm
Post 10
Artician Staff
User is offline
Zenko posted Apr 15 2009, 11:35 PM:
Hi guys,

To add a background image to your profile skin is very simple, here are some links to a similar situations:
http://www.artician.com/forum/banner-Module-t3945.html
http://www.artician.com/forum/Editing-defa...rial-t3517.html

Quick guide to add backgrounds to your profile skins:

With FireFox
http://www.mozilla.com/en-US/firefox/personal.html

1) Go to Customize> Mouse over CSS *top right* and then select advance editor. This will pop up a window with your skin's CSS code.

2) With FireFox browse press CTRL+F on your keyboard (a small box at the bottom will show up) in the search box type:


QUOTE
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background:#515153; color: #666; margin: 0; text-align: center; /*centers page for IE*/}


Replace code with:

QUOTE
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background:#515153 url('http://i305.photobucket.com/albums/nn222/biskizitATgaia/678644gz6asg8ibk.png'); color: #666; margin: 0; text-align: center; /*centers page for IE*/}


save and your done.

That's basic background repeat but to add a more neater background look follow this.

Right before:
QUOTE
; color: #666;


add:

fixed

So should look like this:

QUOTE
fixed; color: #666;


final results:

QUOTE
body {font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; background:#515153 url('http://i305.photobucket.com/albums/nn222/biskizitATgaia/678644gz6asg8ibk.png') fixed; color: #666; margin: 0; text-align: center; /*centers page for IE*/}



If you continue to have problems let me know.
Post 11
User is offline
Biskizit posted Apr 15 2009, 11:57 PM:
Thank you so much! This fixed my problem <3 I hope it helps others as well.

--------------------
xcolorgasm
Post 12
 
« Previous Topic Next Topic »

Topic Tags: None Description: Trying to edit the background. Who's Reading: 1 User(s) 0 Members:

Browse Without Ads!