Problems with the background image still

by DaBigestBob April 19th 2013, 10:15 pm

I am having trouble again with the post background image it just disappeared last night and I went through step by step with the code that worked for me https://help.forumotion.com/t112318-helpgroup-backgrounds but it it still won't work.

You need to add this to your rank title:

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

Than this to JS mangment:

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

Than this to CSS:

Code:
.post.online.st-answer { background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top, url("http://2img.net/i/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9; } .post.st-answer { background: url("http://i48.servimg.com/u/f48/17/48/49/15/photo10.png") repeat-y scroll left top #E5F1F9; }

Than change the image to yours. It's the same code Fm uses.

So after using the coding above from Nera a while back on that one post I tried several methods to no avail and I am not sure what caused this problem.

Here is what I have right now for everything

Spoiler:

In short I have tried several solutions and the coding I had above seemed to work until about 16 hours ago.

by **SLGray** April 19th 2013, 11:31 pm

Did you add any codes right before this issue appeared?

by DaBigestBob April 19th 2013, 11:37 pm

I got rid of everything I added because I was trying to add another member to have the same thing.

I deleted everything that I did and tried it fresh and it still doesn't seem to work

by Sanket April 20th 2013, 5:34 am

Tried clearing your cache?

by DaBigestBob April 20th 2013, 6:31 am

If you mean my browser cache yes I have and it does not appear to work

by Sanket April 20th 2013, 6:34 am

What are the codes that you have added now?
Also provide your forum URL.

by DaBigestBob April 20th 2013, 2:37 pm

Rank Admin

Code:: <span class="st-rang">Dark Lord of the Sith</span>

Java Code Management

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

And finally my CSS

Code:: .post.online.st-answer { background: url("http://media.moddb.com/images/groups/1/7/6035/sith_star_destroyer_by_michelebotticelli-d4bdb1f.jpg") repeat-y scroll left top, url("http://media.moddb.com/images/groups/1/7/6035/sith_star_destroyer_by_michelebotticelli-d4bdb1f.jpg") no-repeat scroll right top #E5F1F9; } .post.st-answer { background: url("http://media.moddb.com/images/groups/1/7/6035/sith_star_destroyer_by_michelebotticelli-d4bdb1f.jpg") repeat-y scroll left top #E5F1F9; }

www.dark-sith-order.com

by Sanket April 20th 2013, 2:38 pm

Sanket wrote:
Also provide your forum URL.

Also, make sure the codes are added on your forum.

by Cr4ZyBoY April 20th 2013, 2:40 pm

Sanket wrote:
Also provide your forum URL.

by Sanket April 20th 2013, 2:41 pm

Cr4ZyBoY wrote:
Sanket wrote:
Also provide your forum URL.

Please don't quote posts, unless you are adding some information to help the user with his problem.

by Cr4ZyBoY April 20th 2013, 2:43 pm

i tald him to provide the forum URL but ok Problems with the background image still Brigade_

by DaBigestBob April 20th 2013, 3:09 pm

Okay I posted my forum url www.dark-sith-order.com and I have no other java code scripts

Oh I noticed when I turn off basic css I have my post background that I want but it eliminates everybody elses post background too... so I can't really do that but I think that tells me that the coding there works but it is not showing up over the basic css...

by Sanket April 20th 2013, 3:14 pm

Are you sure this worked earlier for Phpbb2? Your forum is now phpbb2. The code you added would work for phpbb3 only.

I already had guided you on which codes to be added. Shocked

https://help.forumotion.com/t122994-css-default-background-color-for-posts#816876

by DaBigestBob April 20th 2013, 4:15 pm

I am certain it worked before and I also tried the code you gave me

Code:: <div class="backgpost">Rank</div>

Code:: $(document).ready(function(){ $('.post').has('.backgpost').addClass('background_post'); });

Code:: .background_post{ background-image: url('http://i73.servimg.com/u/f73/18/02/55/91/12311.jpg'); background-repeat: repeat-x; }

and I am faced with the exact same issue where it will only appear if I deactivate basic css but that ruins the forums

idk what even happened

by Sanket April 20th 2013, 6:55 pm

Try another skin, if it seems to be a problem with this skin.

by DaBigestBob April 20th 2013, 11:21 pm

Can you define what you meant by changing my skin?

EDIT:

I upgraded my forum to phpbb3 but how long does it take to sort out all of the images and such?

by Sanket April 21st 2013, 5:20 am

It should be immediate, add the codes for phpbb3 as i mentioned previously.

by DaBigestBob April 21st 2013, 6:58 am

Okay added the codes and they seem to work now. When I first changed it to phpbb3 everything was all glitchy but now it looks fine.

With the coding

DaBigestBob wrote:Rank Admin
Code:
<span class="st-rang">Dark Lord of the Sith</span>

Java Code Management

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

And finally my CSS

Code:
.post.online.st-answer { background: url("http://media.moddb.com/images/groups/1/7/6035/sith_star_destroyer_by_michelebotticelli-d4bdb1f.jpg") repeat-y scroll left top, url("http://media.moddb.com/images/groups/1/7/6035/sith_star_destroyer_by_michelebotticelli-d4bdb1f.jpg") no-repeat scroll right top #E5F1F9; } .post.st-answer { background: url("http://media.moddb.com/images/groups/1/7/6035/sith_star_destroyer_by_michelebotticelli-d4bdb1f.jpg") repeat-y scroll left top #E5F1F9; }

www.dark-sith-order.com

How would I change it so other people can have a specific image in their post background.

by Sanket April 21st 2013, 10:02 am

Same procedure, change the classes for the various ranks.

by DaBigestBob April 21st 2013, 8:39 pm

Well thank you for the help I will most likely be requiring help with some of the kinks of changing my forum type but other than that this particular problem is solved Very Happy