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.

How to get the frost Footer Forumotion uses

Page 1 of 2 1, 2  Next

View previous topic View next topic Go down

Solved How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 9th 2015, 8:11 pm

Hi not sure if I am allowed to ask but I was wondering if you could help me with the coding you used or something similar to the frost footer all the staff members have when they post. But I would like the coding to be different for the individual Staff members. I.E Me when I post it's Cyan, when the owner posts it is purple, another staff posts it's gold, so on so forth. Hope you can help Very Happy

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 9th 2015, 8:54 pm

Please read this topic http://help.forumotion.com/t141025-the-new-staff-post-color?highlight=staff+background

Remember the search bar is a good place to look before making a thread
or in the tricks and tips part of the forum





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 9th 2015, 10:17 pm

helpful but I have no idea how to wrap a rank title can you explain how to do this? 

Then wrap around your administration rank title:
Code: Select Content
Code:
<span class="st-rank"><b><font color="#CC255D">Administrator</font></b></span>


^-this where do I post this code

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by SLGray on September 9th 2015, 11:49 pm

AP > Users & Groups > Ranks


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


SLGray
Administrator
Administrator

Male Posts : 36708
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ange Tuteur on September 9th 2015, 11:52 pm

This topic might explain more clearer since you're wanting multiple colors for different users.
http://help.forumotion.com/t140441-staff-posting-color#954739

If you have any questions regarding it, let me know.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 12:19 am

So I did this

The correct way: 
Put this code in JavaScript 
Select all pages 
Or threads 
This is the code I
Code: Select Content
Code:
FA.Ready(function() {
  for (var a = $('.postprofile', document.getElementById('main-content')), b, c, i = 0, j = a.length; i < j; i++) {
    b = a[i].innerHTML;
    if (/class="st-rang.*?"/.test(b)) {
      b = b.replace(/\n/gm, '').replace(/.*class="st-rang\s(.*?)".*/, '$1');
      c = a[i].parentNode.parentNode;
      c.className += ' st-answer';
      switch (b) {
        case 'bguser':
          c.className += ' bguser';
          break;        
      }
    }
  }
}, 'right');


This place it in css
Code: Select Content
Code:
.post.st-answer {
    background-image:url(place here is a picture to insert);
    background-position:0 100%;
    background-repeat:no-repeat;
    background-size:100%
}
.post.st-answer.bguser {
    background-image:url(place here is a picture to insert)
}

and went to Users & Groups = Ranks = Rank Administration = modify level
Put this



Code: Select Content
Code:
<strong class="st-rang bguser">put here the name of the rank</strong>

But I am still having problems. as it is not working this is where I put <strong class="st-rang bguser">put here the name of the rank</strong>



What am I doing wrong?

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ange Tuteur on September 10th 2015, 12:27 am

The script the user after me posted in that topic isn't going to work, so I would delete that.

Follow the instructions in the post below :
@Ange Tuteur wrote:Add a tag to your rank title with a specific class, frosty, for example.
( Users and groups > Rank administration > create or edit your rank )

Include an html tag with your personal classname. Ex :
Code:
<span class="frosty"></span>

Make sure to set it as a special rank, and assign it to yourself by editing your profil in the AP. Next go to Modules > JS codes management > create a new script

Placement : In the topics
Code:
$(function() {
  // find tags with the class frosty, then apply our bg class to the message body
  $('.frosty').closest('.post').addClass('frosty-bg');
});

After this we can define a style in Display > Colors > CSS stylesheet
Code:
.post.frosty-bg {
  background:red;
}

You can target anything in your posts by using your special class ( .frosty-bg )

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 12:31 am

okay so this is what I have and it's still not working.






Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ange Tuteur on September 10th 2015, 12:44 am

In CSS, for classes, spaces create multiple classes on the same element. Instead of using your class like this :
Code:
.Zed is Not Dead {
  background:#F00;
}

it would need to be used like this :
Code:
.Zed.is.Not.Dead {
  background:#F00;
}

So change Zed is Not Dead to zed-is-not-dead. You can keep the exact casing if you want, though. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 12:50 am

does "zed-is-not-dead" go in the java script and the Span class?







Because it still isn't working

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 10th 2015, 1:39 am

zed-is-not-dead is the name the code is looking for so you need to do them all the same

so the java code
The CSS and in the rank it all has to be the same you have dots in one of them.





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 1:44 am

So I did that and this was the outcome.



I want it to be just like yours where it uses the whole bottom of the page and fades into the background

this is the code I did.







What did I do wrong?

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 10th 2015, 2:05 am

ok give me the names of all your ranks you need the background on. i will then make up your codes for you to try.





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 2:10 am

Zed is not dead, Cyan Color #05fff6

Serenity, Purple #9205ff

Ryoshi, Gold #fbbd01

Mizuko, Yellow #e1fb01

Fujin, Dark Blue #4517b8

Krow, Light Blue {not as light as Cyan} #2b3afe

those are the admin

For Mods

Kosovo, Red #d21515

Ean, Grey or white #a4a4a4

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 10th 2015, 2:15 am

ok what we are talking about is the ranks of the members they are in so if your Rank is  Administrators we would use that rank to add a color to

this is the ranks we are looking for





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 2:40 am

So groups? Well I want the colors to be different for every staff member so would making hidden groups work?

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 10th 2015, 2:43 am

let me see if i can make it more easy to understand

we use the ranks in this forum to get a background so with all the Pro Admins they all have the orange background as they are all in the rank Forumotion Administrators

so we make the following code for that rank like this

Rank:
Code:
<span class="Pro-Admin1">Forumotion Administrators</span>

Javascript:
Code:
$(function() {
  // find tags with the class frosty, then apply our bg class to the message body
  $('.Pro-Admin1').closest('.post').addClass('admin1');
});

CSS:
Code:
.post.admin1 {
  background:#FF9933;
}


No Hid Groups would not work as it would look for the rank the member had





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 2:46 am

I understand that But I want the colors to be different depending on the staff member that posts example I want Cyan when I post and The owner wants purple when she posts and the other staff members want their color. The way you are describing it is doing it via Groups and not ranks. So if that is the case can I make hidden groups as well as hidden ranks and have that work?

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 10th 2015, 2:59 am

not sure it can be done by the name without making all new ranks and still can't see whey your only getting your profiles change color.





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 10th 2015, 3:04 am

ok i think i see the problem can you please give me a pm with a test account with admin rights so i can run a really fast tests





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 3:08 am

well I made all the new ranks specifically to classify them with their specific color if you want I can show you the whole CSS Style sheet and see if that is messing with it, it's also Invision too.
















Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 3:13 am

Also I pmed you the test account

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 10th 2015, 3:32 am

I have looked over your forum and can not see any problem with your code have you made any change to your templates ?





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 3:34 am

nope it's been how it was since you had access and it's still doing the same thing

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 10th 2015, 3:38 am

ok best thing to do is i will tag @Ange Tuteur in this post maybe he can see why its only showing in the profile and not in the full Body of your posts

and when i say have you made any change to the templates i mean at any time of the time you made the forum... I could not tell if you did or not as only the founder can see that part of the forum tools





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 3:44 am

oh the CSS style sheet? That was all done by the founder of the site not me. She sent me over here to ask for help.

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by APE on September 10th 2015, 3:52 am

Alexx Castro wrote:oh the CSS style sheet? That was all done by the founder of the site not me. She sent me over here to ask for help.
oh ok so as your Not the founder you would not see the place i am talking about as well i was talking about the templates Ange Tuteur will help more when he gets on again he will know how to fix it lol i have done all i can your codes are working just not how they are meant to work but there is nothing wrong with them as i can see they are just how i have them set out Wink





APE
Manager
Manager

Male Posts : 8640
Reputation : 758
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 3:54 am

ah yeah. I'm not the founder Serenity is, I'm her Coder and graphic Designer Staff, she tasked me with this tedious job lol

Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ange Tuteur on September 10th 2015, 10:32 am

Hey,

Nothing is wrong. The problem is with the forum version. Just add the following rule to your stylesheet :
Code:
.zed-is-not-dead .post-container, .zed-is-not-dead .post-header {
  background:none;
}

This will remove the background for the message and message header so the actual background is visible. You might need to do this for other ranks, in which case just replace the class.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead on September 10th 2015, 3:46 pm

it's getting there but now i need the fade in effect so that it looks like yours


Zed is Not Dead
Forumember

Posts : 230
Reputation : 27
Language : English

http://fairytailonline-rp.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

View previous topic View next topic Back to top


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