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 12 users online :: 0 Registered, 0 Hidden and 12 Guests :: 1 Bot

None

[ View the whole list ]


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

post background

View previous topic View next topic Go down

mist3r0us_b0y
mist3r0us_b0y

Gender : Unspecified
Posts : 68
Points : 4202
Reputation : 16
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other

Postmist3r0us_b0y Tue 17 Sep 2013, 04:28

can u help me or give the code to use post background how to enable when i want this option but not all time ?

Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
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 17 Sep 2013, 14:13

Bonjour mist3r0us_b0y!

For giving users special background on your forums here is what you can do.

Navigate to..
Administration Panel > Modules > HTML & JAVASCRIPT > Javascript codes management

Create a new script:
Titles: Post Backgrounds
Placement: All Pages
Paste code below and save
Code:
$(function() {
$('div.post:has(".Moderator")').css('background','#ECF3F7 url(http://i72.servimg.com/u/f72/18/45/41/65/modbac12.png) repeat-y');
});
Then you will navigate to..
Users and Groups > Rank Administration > Edit your rank

In your rank title you will place these tags like so:
Code:
<span class="Moderator">Moderator</span>
then save and users with that rank should have the corresponding post background in the script.

For making your own its quite simple:
You will add another one of these after the one before it, but edit it with your own preferences.
Code:
$('div.post:has(".classname")').css('background','#background-color url(image source) repeat-y');
See classname? That is what we use in the ranks so the script can then hook onto your rank title thus giving you the background color.

If you need any help with installing it, please ask! ^^
mist3r0us_b0y
mist3r0us_b0y

Gender : Unspecified
Posts : 68
Points : 4202
Reputation : 16
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other

Postmist3r0us_b0y Thu 19 Sep 2013, 02:57

instead of adding images i want to add colour so wot code will goes ?

i want both options

can i ?
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
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 19 Sep 2013, 21:27

For only color it would look like this I believe:

   $('div.post:has(".classname")').css('background','#FFFFFF');

You will only modify the content that is in bold. Since you can have multiple numbers of these you can switch them out using ranks depending on what you want. You can have one with an image, and the other with just color.
mist3r0us_b0y
mist3r0us_b0y

Gender : Unspecified
Posts : 68
Points : 4202
Reputation : 16
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other

Postmist3r0us_b0y Fri 20 Sep 2013, 15:23

can u pls help to do that in my forum :p

thanks for ur answer

waiting for ur response Very Happy

Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
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 Sat 21 Sep 2013, 15:22

Oui, I can apply it to your forum. I will apply two versions:

Red Image Fade (Class=Rougeimg)
Red Background without image (Class=Rougenonimg)

Then you can choose the one you want. To change it just go to a rank and edit these tags to one of the classes above.
Code:
<span class="Rougeimg"></span>
mist3r0us_b0y
mist3r0us_b0y

Gender : Unspecified
Posts : 68
Points : 4202
Reputation : 16
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other

Postmist3r0us_b0y Sat 21 Sep 2013, 15:28

ahhh thank you soo much

cheers 
Ange Tuteur
Ange Tuteur
Administrator
Gender : Male
Posts : 4741
Points : 12254
Reputation : 2376
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 Sat 21 Sep 2013, 15:51

You're welcome~
<center>
Topic solved and locked
</center>
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