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
avatar
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: http://i49.servimg.com/u/f49/15/79/60/25/110.png

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

Image 3: http://i49.servimg.com/u/f49/15/79/60/25/310.png
avatar
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
avatar
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
avatar
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
avatar
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
avatar
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
avatar
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.
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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)
avatar
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
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
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