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.

Problems with the background image still

View previous topic View next topic Go down

Solved Problems with the background image still

Post by DaBigestBob on 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 http://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://illiweb.com/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:


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;
    }

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


Last edited by DaBigestBob on April 21st 2013, 8:41 pm; edited 1 time in total

DaBigestBob
Forumember

Male Posts : 28
Reputation : 1
Language : English, Spanish
Location : Running across West Virginia

Back to top Go down

Solved Re: Problems with the background image still

Post by SLGray on April 19th 2013, 11:31 pm

Did you add any codes right before this issue appeared?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Problems with the background image still

Post by DaBigestBob on 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 :/

DaBigestBob
Forumember

Male Posts : 28
Reputation : 1
Language : English, Spanish
Location : Running across West Virginia

Back to top Go down

Solved Re: Problems with the background image still

Post by Sanket on April 20th 2013, 5:34 am

Tried clearing your cache?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Problems with the background image still

Post by DaBigestBob on April 20th 2013, 6:31 am

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

DaBigestBob
Forumember

Male Posts : 28
Reputation : 1
Language : English, Spanish
Location : Running across West Virginia

Back to top Go down

Solved Re: Problems with the background image still

Post by Sanket on April 20th 2013, 6:34 am

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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Problems with the background image still

Post by DaBigestBob on 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


Last edited by DaBigestBob on April 20th 2013, 3:07 pm; edited 1 time in total

DaBigestBob
Forumember

Male Posts : 28
Reputation : 1
Language : English, Spanish
Location : Running across West Virginia

Back to top Go down

Solved Re: Problems with the background image still

Post by Sanket on April 20th 2013, 2:38 pm

@Sanket wrote:
Also provide your forum URL.

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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Problems with the background image still

Post by Cr4ZyBoY on April 20th 2013, 2:40 pm

@Sanket wrote:
Also provide your forum URL.

Cr4ZyBoY
Forumember

Male Posts : 141
Reputation : 6
Language : English
Location : Israel

http://www.iron-players.forumhe.com

Back to top Go down

Solved Re: Problems with the background image still

Post by Sanket on 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.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Problems with the background image still

Post by Cr4ZyBoY on April 20th 2013, 2:43 pm

i tald him to provide the forum URL but ok

Cr4ZyBoY
Forumember

Male Posts : 141
Reputation : 6
Language : English
Location : Israel

http://www.iron-players.forumhe.com

Back to top Go down

Solved Re: Problems with the background image still

Post by DaBigestBob on 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...

DaBigestBob
Forumember

Male Posts : 28
Reputation : 1
Language : English, Spanish
Location : Running across West Virginia

Back to top Go down

Solved Re: Problems with the background image still

Post by Sanket on 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
http://help.forumotion.com/t122994-css-default-background-color-for-posts#816876

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Problems with the background image still

Post by DaBigestBob on 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

DaBigestBob
Forumember

Male Posts : 28
Reputation : 1
Language : English, Spanish
Location : Running across West Virginia

Back to top Go down

Solved Re: Problems with the background image still

Post by Sanket on April 20th 2013, 6:55 pm

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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Problems with the background image still

Post by DaBigestBob on 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?

DaBigestBob
Forumember

Male Posts : 28
Reputation : 1
Language : English, Spanish
Location : Running across West Virginia

Back to top Go down

Solved Re: Problems with the background image still

Post by Sanket on April 21st 2013, 5:20 am

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

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Problems with the background image still

Post by DaBigestBob on 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.

DaBigestBob
Forumember

Male Posts : 28
Reputation : 1
Language : English, Spanish
Location : Running across West Virginia

Back to top Go down

Solved Re: Problems with the background image still

Post by Sanket on April 21st 2013, 10:02 am

Same procedure, change the classes for the various ranks.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Problems with the background image still

Post by DaBigestBob on 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

DaBigestBob
Forumember

Male Posts : 28
Reputation : 1
Language : English, Spanish
Location : Running across West Virginia

Back to top Go down

Solved Re: Problems with the background image still

Post by SLGray on April 22nd 2013, 2:48 am

Topic Solved & Locked


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.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