The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Background post color

View previous topic View next topic Go down

Solved Background post color

Post by Legendô on June 13th 2012, 9:23 pm

I am having some issues with the background posts... I recently added a gradient but when I do that it has a white background and I want a blue background with white outline like the support forum does... Any Help?


Last edited by Legendô on June 16th 2012, 5:05 pm; edited 1 time in total

Legendô
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Solved Re: Background post color

Post by Legendô on June 13th 2012, 9:46 pm

Image 1: What I have right now

Image 2: What I want

Image 3: What I get if i change the background color in posts (loss of white outline)

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

Image1: https://i49.servimg.com/u/f49/15/79/60/25/110.png

Image 2: https://i49.servimg.com/u/f49/15/79/60/25/210.png

Image 3: https://i49.servimg.com/u/f49/15/79/60/25/310.png

Legendô
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Solved Re: Background post color

Post by Legendô on June 13th 2012, 10:14 pm

Im not trying to copy it... Im trying to get the gradient to look nice but that code didn't do anything for me

Legendô
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Solved Re: Background post color

Post by Legendô on June 14th 2012, 2:24 pm

Bump

Legendô
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Solved Re: Background post color

Post by Legendô on June 15th 2012, 1:44 am

Code:
url("http://i.imm.io/hjo8.png") repeat-y scroll left top #E5F1F9

This is the code that I put into my CSS

Legendô
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Solved Re: Background post color

Post by Legendô on June 15th 2012, 3:00 am

Im trying to make the post color like mine where it is blue but the staff has a gradient like yours but it blends into the blue background

Legendô
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Solved Re: Background post color

Post by Legendô on June 15th 2012, 5:19 am

I didn't use the tutorial. I take it that I should?

Edit: Well I got it to work for the members but my gradient is still orange to white... it isn't like yours where it goes from orange to blue

Legendô
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Solved Re: Background post color

Post by Nera. on June 16th 2012, 10:24 am

This is the same code Forumotion uses:

Ranks are wraped with:

Code:
<span class="st-rang">RANK TITLE HERE</span>

This is the JS:

Code:
$(function() {
$('.st-rang').closest('.post').addClass('st-answer');
});

This is the CSS:

Code:
.post.online.st-answer {
background: url("GRADIENT IMAGE LINK GOES HERE") repeat-y scroll left top, url("http://illiweb.com/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;
}
.post.st-answer {
background: url("GRADIENT IMAGE LINK GOES HERE") repeat-y scroll left top #E5F1F9;
}

Add your images where it says GRADIENT IMAGE LINK GOES HERE.

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Background post color

Post by Legendô on June 16th 2012, 5:04 pm

+1 to Rideem3 for his help

Thanks to Nera for the final answer

~Solved (finally)

Legendô
Forumember

Male Posts : 548
Reputation : 30
Language : Javascript, CSS, English
Location : Omaha

http://webgaming.forumotion.com/forum

Back to top Go down

Solved Re: Background post color

Post by Nera. on June 16th 2012, 5:14 pm

Topic Solved & Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum