Profile Header Help

[noonenoone111]

Hey I feel like a total lame butt for this but can someone help me get an html code or whatever so I can put a header image at the top of me profile?

Like this...



The pink box is how I want it to be. Aligned above the rest of the profile, centered. Is there a way to do it with the newer profiles? I believe there is. I did it once but it turned out too big so I got rid of it.

[Fredy-san]

Well, you can just use "Image" feature from the editor right??

[noonenoone111]

Fredy-san

Well, you can just use "Image" feature from the editor right??

What exactly do you mean? Like to just post the image in there? That's not what I want, I want to have another content box but above the right and left side on top and centered. I need some sort of html to post in my profile code rather than just pasting something to the profile it self.

[Fredy-san]

The Goth Collector

Fredy-san

Well, you can just use "Image" feature from the editor right??

What exactly do you mean? Like to just post the image in there? That's not what I want, I want to have another content box but above the right and left side on top and centered. I need some sort of html to post in my profile code rather than just pasting something to the profile it self.

Then you can use css-content for that

#columns:before {
background:red;
content:' ';
display:block;
width:100%;
height:150px;
}

Just change the background and adjust the sizing.

[noonenoone111]

Fredy-san

The Goth Collector

Fredy-san

Well, you can just use "Image" feature from the editor right??

What exactly do you mean? Like to just post the image in there? That's not what I want, I want to have another content box but above the right and left side on top and centered. I need some sort of html to post in my profile code rather than just pasting something to the profile it self.

Then you can use css-content for that

#columns:before {
background:red;
content:' ';
display:block;
width:100%;
height:150px;
}

Just change the background and adjust the sizing.

Where does img url go? =>

[Fredy-san]

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

Well, you can just use "Image" feature from the editor right??

What exactly do you mean? Like to just post the image in there? That's not what I want, I want to have another content box but above the right and left side on top and centered. I need some sort of html to post in my profile code rather than just pasting something to the profile it self.

Then you can use css-content for that

#columns:before {
background:red;
content:' ';
display:block;
width:100%;
height:150px;
}

Just change the background and adjust the sizing.

Where does img url go? =>

The background property

example if you change it to
background:url(http://s.cdn.gaiaonline.com/images/pageheader/profile_banner_image.jpg);

then it will change to default Gaia classic header.

[noonenoone111]

Fredy-san

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

Well, you can just use "Image" feature from the editor right??

What exactly do you mean? Like to just post the image in there? That's not what I want, I want to have another content box but above the right and left side on top and centered. I need some sort of html to post in my profile code rather than just pasting something to the profile it self.

Then you can use css-content for that

#columns:before {
background:red;
content:' ';
display:block;
width:100%;
height:150px;
}

Just change the background and adjust the sizing.

Where does img url go? =>

The background property

example if you change it to
background:url(http://s.cdn.gaiaonline.com/images/pageheader/profile_banner_image.jpg);

then it will change to default Gaia classic header.

It doesn't work. =/

[Fredy-san]

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

Well, you can just use "Image" feature from the editor right??

What exactly do you mean? Like to just post the image in there? That's not what I want, I want to have another content box but above the right and left side on top and centered. I need some sort of html to post in my profile code rather than just pasting something to the profile it self.

Then you can use css-content for that

#columns:before {
background:red;
content:' ';
display:block;
width:100%;
height:150px;
}

Just change the background and adjust the sizing.

Where does img url go? =>

The background property

example if you change it to
background:url(http://s.cdn.gaiaonline.com/images/pageheader/profile_banner_image.jpg);

then it will change to default Gaia classic header.

It doesn't work. =/

It does work, probably you are not doing it right. After all I didnt see you applied the code in your profile so I dont know what you've done so far.

[noonenoone111]

Fredy-san

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

Then you can use css-content for that

#columns:before {
background:red;
content:' ';
display:block;
width:100%;
height:150px;
}

Just change the background and adjust the sizing.

Where does img url go? =>

The background property

example if you change it to
background:url(http://s.cdn.gaiaonline.com/images/pageheader/profile_banner_image.jpg);

then it will change to default Gaia classic header.

It doesn't work. =/

It does work, probably you are not doing it right. After all I didnt see you applied the code in your profile so I dont know what you've done so far.

I pasted it here in the theme ovveride above my profile layout code like this,

#columns:before {
background:http://i93.photobucket.com/albums/l57/Camlo_2006/me/SayaDivaBg_zpsb6401378.png
content:' ';
display:block;
width:100%;
height:150px;
}

I guess it's suppose to go in ccs thing but I don't know where that even is.

[Fredy-san]

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

Then you can use css-content for that

#columns:before {
background:red;
content:' ';
display:block;
width:100%;
height:150px;
}

Just change the background and adjust the sizing.

Where does img url go? =>

The background property

example if you change it to
background:url(http://s.cdn.gaiaonline.com/images/pageheader/profile_banner_image.jpg);

then it will change to default Gaia classic header.

It doesn't work. =/

It does work, probably you are not doing it right. After all I didnt see you applied the code in your profile so I dont know what you've done so far.

I pasted it here in the theme ovveride above my profile layout code like this,

#columns:before {
background:http://i93.photobucket.com/albums/l57/Camlo_2006/me/SayaDivaBg_zpsb6401378.png
content:' ';
display:block;
width:100%;
height:150px;
}

I guess it's suppose to go in ccs thing but I don't know where that even is.

#columns:before {
background:url('http://i93.photobucket.com/albums/l57/Camlo_2006/me/SayaDivaBg_zpsb6401378.png');
content:' ';
display:block;
width:100%;
height:290px;
background-size:auto 100%;
background-position:center;
background-repeat:no-repeat;
}

There you go, change to that and look for the difference in the background link. Take note of that since it will help you in future coding.

Edit: I also added properties background-size, background position and increased the height since the picture you want to use is much larger than you shown previously on your sketch.
Background-repeat:no-repeat; is used so no repeated image used to fill the gaps, it will be transparent instead.

[noonenoone111]

Fredy-san

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

The background property

example if you change it to
background:url(http://s.cdn.gaiaonline.com/images/pageheader/profile_banner_image.jpg);

then it will change to default Gaia classic header.

It doesn't work. =/

It does work, probably you are not doing it right. After all I didnt see you applied the code in your profile so I dont know what you've done so far.

I pasted it here in the theme ovveride above my profile layout code like this,

#columns:before {
background:http://i93.photobucket.com/albums/l57/Camlo_2006/me/SayaDivaBg_zpsb6401378.png
content:' ';
display:block;
width:100%;
height:150px;
}

I guess it's suppose to go in ccs thing but I don't know where that even is.

#columns:before {
background:url('http://i93.photobucket.com/albums/l57/Camlo_2006/me/SayaDivaBg_zpsb6401378.png');
content:' ';
display:block;
width:100%;
height:150px;
}

There you go, change to that and look for the difference. Take example of that since it will help you in future coding.

Wow, thank you very much. I got it to work, I just need to figure out the right size now. =]

[Fredy-san]

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

The background property

example if you change it to
background:url(http://s.cdn.gaiaonline.com/images/pageheader/profile_banner_image.jpg);

then it will change to default Gaia classic header.

It doesn't work. =/

It does work, probably you are not doing it right. After all I didnt see you applied the code in your profile so I dont know what you've done so far.

I pasted it here in the theme ovveride above my profile layout code like this,

#columns:before {
background:http://i93.photobucket.com/albums/l57/Camlo_2006/me/SayaDivaBg_zpsb6401378.png
content:' ';
display:block;
width:100%;
height:150px;
}

I guess it's suppose to go in ccs thing but I don't know where that even is.

#columns:before {
background:url('http://i93.photobucket.com/albums/l57/Camlo_2006/me/SayaDivaBg_zpsb6401378.png');
content:' ';
display:block;
width:100%;
height:150px;
}

There you go, change to that and look for the difference. Take example of that since it will help you in future coding.

Wow, thank you very much. I got it to work, I just need to figure out the right size now. =]

Edited my post, see if that helps you further

[noonenoone111]

Fredy-san

The Goth Collector

Fredy-san

The Goth Collector

Fredy-san

It does work, probably you are not doing it right. After all I didnt see you applied the code in your profile so I dont know what you've done so far.

I pasted it here in the theme ovveride above my profile layout code like this,

#columns:before {
background:http://i93.photobucket.com/albums/l57/Camlo_2006/me/SayaDivaBg_zpsb6401378.png
content:' ';
display:block;
width:100%;
height:150px;
}

I guess it's suppose to go in ccs thing but I don't know where that even is.

#columns:before {
background:url('http://i93.photobucket.com/albums/l57/Camlo_2006/me/SayaDivaBg_zpsb6401378.png');
content:' ';
display:block;
width:100%;
height:150px;
}

There you go, change to that and look for the difference. Take example of that since it will help you in future coding.

Wow, thank you very much. I got it to work, I just need to figure out the right size now. =]

Edited my post, see if that helps you further

It's perfect now. I switched the img to the smaller one I have of it and put the height and width to match that of the pic. =>

[Star-geeker]

The Goth Collector

Hey I feel like a total lame butt for this but can someone help me get an html code or whatever so I can put a header image at the top of me profile?

Like this...



The pink box is how I want it to be. Aligned above the rest of the profile, centered. Is there a way to do it with the newer profiles? I believe there is. I did it once but it turned out too big so I got rid of it.

why not deleted some stuff first

[noonenoone111]

Moonlight-rider93

The Goth Collector

[/img]

The pink box is how I want it to be. Aligned above the rest of the profile, centered. Is there a way to do it with the newer profiles? I believe there is. I did it once but it turned out too big so I got rid of it.

why not deleted some stuff first

I got it taken care of. Delete some stuff? Hell nah, I love me collection. lol