FM Design
Would you like to react to this message? Create an account in a few clicks or log in to continue.

IMPORTANT

FM Design is in read-only mode, please click here for more information.

Latest topics
» Forumactif Edge - Releases
by Ange Tuteur Tue 03 Sep 2019, 11:49

» GIFActif - Giphy Button for the Editor
by Ange Tuteur Wed 08 May 2019, 17:21

» Forum Closure
by Ange Tuteur Mon 01 Jan 2018, 01:28

» Chit Chat Thread
by Valoish Sun 31 Dec 2017, 19:15

» Font/Text background color.
by Valoish Sun 31 Dec 2017, 19:11

» Forumactif Messenger - Instant Message Application for Forumotion
by Wolfuryo Sun 31 Dec 2017, 18:24

» [GAME] Count to One Million!
by brandon_g Fri 29 Dec 2017, 18:58

» Post Cards
by manikbiradar Wed 20 Dec 2017, 07:50

» [GAME] Countdown from 200,000
by Valoish Wed 13 Dec 2017, 23:22

» GeekPolice Tech Support Forums - GeekPolice.net
by Dr Jay Mon 11 Dec 2017, 19:12

» Asking about some plugin for Forumotion
by Dr Jay Mon 11 Dec 2017, 19:10

» [GAME] What are you thinking right now?
by Van-Helsing Sat 09 Dec 2017, 14:51

» Widget : Similar topics
by ranbac Wed 06 Dec 2017, 18:11

» Change the Background of the Forum and put an image and how to make prefixs?
by Clement Wed 06 Dec 2017, 15:19

» Hello from Western Australia
by SarkZKalie Wed 06 Dec 2017, 05:34

Recent Tutorials
Top posting users this month

Who is online?
In total there are 27 users online :: 0 Registered, 0 Hidden and 27 Guests :: 1 Bot

None

[ View the whole list ]


Most users ever online was 515 on Tue 14 Sep 2021, 15:24

Shades on post

View previous topic View next topic Go down

Kisskiss
Kisskiss

Gender : Unspecified
Posts : 47
Points : 2893
Reputation : 1
Language : Italian, spanish
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB

PostKisskiss Mon 22 Aug 2016, 14:32

I saw that now almost everyone entering the colorful shades in the topics of the staffer , but how? what's the JavaScript ?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Mon 22 Aug 2016, 15:59

Hi @Kisskiss,

I'm not sure I comprehend, could you perhaps try explaining with a screenshot ?
Kisskiss
Kisskiss

Gender : Unspecified
Posts : 47
Points : 2893
Reputation : 1
Language : Italian, spanish
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB

PostKisskiss Mon 22 Aug 2016, 16:05

Shades on post Captur71
Luffy
Luffy

Gender : Male
Age : 30
Posts : 291
Points : 4018
Reputation : 64
Language : Greek, English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
https://www.inforumgr.com/ https://www.facebook.com/inforumgr https://twitter.com/inforumgr

PostLuffy Mon 22 Aug 2016, 16:17

Hello @Kisskiss,

Do you mean the Staff background with the orange font behind the text or the bar over the message text?
Kisskiss
Kisskiss

Gender : Unspecified
Posts : 47
Points : 2893
Reputation : 1
Language : Italian, spanish
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB

PostKisskiss Mon 22 Aug 2016, 16:21

Staff background with the orange font behind the text
Teo!
Teo!

Gender : Unspecified
Posts : 47
Points : 2908
Reputation : 17
Language : Italian
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB

PostTeo! Mon 22 Aug 2016, 17:13

Hello @Ange Tuteur @Kisskiss

In the rank
Code:
<span class="staff-rank">RANK </span>

In the Javascript
Code:
$(function() {
  $('.post:has(.staff-rank)').addClass('staff-post');
});

In the CSS
Code:
.post.staff-post {
  background-image:url(http://i39.servimg.com/u/f39/18/21/41/30/f6011.png);
  background-repeat:no-repeat;
  background-position:left bottom;
}


However , I can not understand why the code problems to the theme, look in the editor

Shades on post Screen10


Kisskiss
Kisskiss

Gender : Unspecified
Posts : 47
Points : 2893
Reputation : 1
Language : Italian, spanish
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB

PostKisskiss Tue 23 Aug 2016, 15:25


@teo you're right! @Ange Tuteur can it be solved?
Thanks
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Tue 23 Aug 2016, 15:37

@Teo! @Kisskiss, could you provide a URL for the forum this is installed on ? I cannot seem to replicate the issue. Think
Teo!
Teo!

Gender : Unspecified
Posts : 47
Points : 2908
Reputation : 17
Language : Italian
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB

PostTeo! Tue 23 Aug 2016, 15:40


But I had to remove the codes . if it helps put them back !


www.ilforumditutti.net
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 25 Aug 2016, 13:13

@Teo! sorry I almost forgot about this. Shocked

I have a question : Did you add the CSS at the top or bottom of the stylesheet ?
Teo!
Teo!

Gender : Unspecified
Posts : 47
Points : 2908
Reputation : 17
Language : Italian
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB

PostTeo! Thu 25 Aug 2016, 13:34

I add the CSS in the stylesheet!
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 25 Aug 2016, 13:41

I know that, but did you place the codes at the TOP or BOTTOM of the stylesheet ? The placement of the code is important. Think
Teo!
Teo!

Gender : Unspecified
Posts : 47
Points : 2908
Reputation : 17
Language : Italian
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB

PostTeo! Thu 25 Aug 2016, 14:01

Ohhh... at the TOP
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12013
Reputation : 2375
Location : Pennsylvania
Language : EN, JA, FR
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
https://sethclydesdale.github.io/ https://twitter.com/sethc1995

PostAnge Tuteur Thu 25 Aug 2016, 14:03

Try placing it at the BOTTOM of the stylesheet. If you place CSS at the top before the @import rules, it'll cause errors.
Sponsored content

PostSponsored content

View previous topic View next topic Back to top

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

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