The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

How to get the frost Footer Forumotion uses

4 posters

Page 1 of 2 1, 2  Next

Go down

Solved How to get the frost Footer Forumotion uses

Post by Zed is Not Dead 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
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape September 9th 2015, 8:54 pm

Please read this topic https://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


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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 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
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

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

AP > Users & Groups > Ranks


How to get the frost Footer Forumotion uses Slgray10

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

Male Posts : 51482
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

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

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

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

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Zed is Not Dead 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>

How to get the frost Footer Forumotion uses Screen10

What am I doing wrong?
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

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

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

How to get the frost Footer Forumotion uses Qk0eWPT

How to get the frost Footer Forumotion uses B50Vm1O

How to get the frost Footer Forumotion uses Y8bEGXh
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

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

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

How to get the frost Footer Forumotion uses QlOGiuy

How to get the frost Footer Forumotion uses WdHezSW

How to get the frost Footer Forumotion uses H0yP21Y

Because it still isn't working
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape 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.


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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 September 10th 2015, 1:44 am

So I did that and this was the outcome.

How to get the frost Footer Forumotion uses Nx8PGFf

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.

How to get the frost Footer Forumotion uses NbDY6hO

How to get the frost Footer Forumotion uses 4yXctdn

How to get the frost Footer Forumotion uses VPm4R9a

What did I do wrong?
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape 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.


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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 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
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape 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
How to get the frost Footer Forumotion uses Captur17


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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 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
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape 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


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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 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
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape 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.


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape 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


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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 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.

How to get the frost Footer Forumotion uses 4R3YpP6

How to get the frost Footer Forumotion uses RfwPxhB

How to get the frost Footer Forumotion uses K42AJXZ

How to get the frost Footer Forumotion uses 8is9TWc

How to get the frost Footer Forumotion uses Kf6vCwJ

How to get the frost Footer Forumotion uses US6rDjk

How to get the frost Footer Forumotion uses HKAkR5G

How to get the frost Footer Forumotion uses 7EzbvTQ
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

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

Also I pmed you the test account
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape 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 ?


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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 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
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape 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


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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 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
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ape 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


How to get the frost Footer Forumotion uses Left1212How to get the frost Footer Forumotion uses Center11How to get the frost Footer Forumotion uses Right112
How to get the frost Footer Forumotion uses Ape_b110
How to get the frost Footer Forumotion uses Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19109
Reputation : 1991
Language : fluent in dork / mumbojumbo & English haha

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 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
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

Post by Ange Tuteur 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
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to get the frost Footer Forumotion uses

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

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

How to get the frost Footer Forumotion uses BZ2ieeH
Zed is Not Dead
Zed is Not Dead
Forumember

Posts : 257
Reputation : 28
Language : English

http://naruto-ld.forumotion.com/

Back to top Go down

Page 1 of 2 1, 2  Next

Back to top

- Similar topics

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