Latest topics
» Dark Theme Help
by Haggis Today at 01:01

» Forumactif Edge - Greek Translation
by Bigtuber Yesterday at 21:02

» [GAME] Count to One Million!
by Van-Helsing Yesterday at 19:53

» Forumactif Edge Web Page - Translations
by Ange Tuteur Yesterday at 18:06

» Quick Reply Bug
by Ange Tuteur Yesterday at 17:44

» Forumactif Edge - Portuguese Translation (Brazilian)
by Ange Tuteur Yesterday at 17:40

» Happy Birthday Thread
by Ange Tuteur Yesterday at 17:34

» Adding text to reputation counter
by Ange Tuteur Thu 23 Mar 2017, 17:19

» Forumactif Edge - Spanish Translation
by Ange Tuteur Thu 23 Mar 2017, 16:24

» How do I add hover examine feature?
by dr.kran Thu 23 Mar 2017, 06:18

» [THEME] Cosmic Sleek RED v1.1 - Phpbb3
by King Tue 21 Mar 2017, 12:39

» Forumactif Edge - Translations
by Ange Tuteur Mon 20 Mar 2017, 20:03

» [GAME] Post a random picture
by Ange Tuteur Mon 20 Mar 2017, 19:18

» IconSkouliki
by skouliki Mon 20 Mar 2017, 15:47

» Personal Rank Titles
by Harleen Mon 20 Mar 2017, 12:38

Recent Tutorials
Who is online?
In total there are 3 users online :: 1 Registered, 0 Hidden and 2 Guests :: 1 Bot

Haggis

[ View the whole list ]


Most users ever online was 172 on Fri 19 Feb 2016, 05:17

Shades on post

View previous topic View next topic Go down

avatar
Kisskiss

Title :
Gender : Unspecified
Posts : 47
Points : 334
Reputation : 1
Language : Italian, spanish
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile

PostKisskiss on 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 ?
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4387
Points : 9037
Reputation : 2186
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on Mon 22 Aug 2016, 15:59

Hi @Kisskiss,

I'm not sure I comprehend, could you perhaps try explaining with a screenshot ?
avatar
Kisskiss

Title :
Gender : Unspecified
Posts : 47
Points : 334
Reputation : 1
Language : Italian, spanish
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile

PostKisskiss on Mon 22 Aug 2016, 16:05

avatar
Luffy

Title :
Crazy Tanker
Gender : Male
Age : 23
Posts : 287
Points : 1443
Reputation : 62
Language : Greek, English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.inforumgr.com/ https://www.facebook.com/inforumgr https://twitter.com/inforumgr

PostLuffy on 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?

--------

avatar
Kisskiss

Title :
Gender : Unspecified
Posts : 47
Points : 334
Reputation : 1
Language : Italian, spanish
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile

PostKisskiss on Mon 22 Aug 2016, 16:21

Staff background with the orange font behind the text
avatar
Teo!

Title :
Gender : Unspecified
Posts : 46
Points : 347
Reputation : 16
Language : Italian
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile

PostTeo! on 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




avatar
Kisskiss

Title :
Gender : Unspecified
Posts : 47
Points : 334
Reputation : 1
Language : Italian, spanish
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile

PostKisskiss on Tue 23 Aug 2016, 15:25


@teo you're right! @Ange Tuteur can it be solved?
Thanks
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4387
Points : 9037
Reputation : 2186
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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
avatar
Teo!

Title :
Gender : Unspecified
Posts : 46
Points : 347
Reputation : 16
Language : Italian
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile

PostTeo! on Tue 23 Aug 2016, 15:40


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


www.ilforumditutti.net
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4387
Points : 9037
Reputation : 2186
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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 ?
avatar
Teo!

Title :
Gender : Unspecified
Posts : 46
Points : 347
Reputation : 16
Language : Italian
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile

PostTeo! on Thu 25 Aug 2016, 13:34

I add the CSS in the stylesheet!
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4387
Points : 9037
Reputation : 2186
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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
avatar
Teo!

Title :
Gender : Unspecified
Posts : 46
Points : 347
Reputation : 16
Language : Italian
Browser : Browser : Google Chrome Forum Version : Forum Version : punBB
Awards :
View all awards
View user profile

PostTeo! on Thu 25 Aug 2016, 14:01

Ohhh... at the TOP
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4387
Points : 9037
Reputation : 2186
Location : Macungie, PA
Language : EN10, FR5
Browser : Browser : Brave Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile https://github.com/SethClydesdale https://twitter.com/sethc1995

PostAnge Tuteur on 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.

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