Latest topics
» [HELP] About Profile Cover Code
by omarpop23 Today at 06:39

» bloquer un membre
by berlingo Yesterday at 18:19

» IconSkouliki Graphics
by skouliki Yesterday at 03:54

» [IN PROGRESS] Can this code work on pun version
by skouliki Thu 16 Nov 2017, 03:50

» Auto-suggest @mentions as You Type
by skouliki Wed 15 Nov 2017, 14:56

» [TUTORIAL] [ALL VERSIONS] Warning before posting
by demon99 Wed 15 Nov 2017, 08:12

» About Add Reply & New Topic button (popup form)
by omarpop23 Mon 13 Nov 2017, 20:31

» Hello everyone this is Adam from France
by Adam Mon 13 Nov 2017, 13:32

» Add a login popup for the toolbar
by Ape Sun 12 Nov 2017, 18:41

» Post a message automatically when locking a topic
by ThunderTB Sun 12 Nov 2017, 13:51

» Control pannel issue
by Ange Tuteur Sun 12 Nov 2017, 09:49

» BUG... forum members birthday's
by Ape Sat 11 Nov 2017, 11:44

» Display a Preview of Groups on Hover
by ThunderTB Fri 10 Nov 2017, 21:56

» Search box only visible on hover
by Ange Tuteur Mon 06 Nov 2017, 09:57

» [GAME] Animal Game
by SLGray Sun 05 Nov 2017, 15:04

Recent Tutorials
Who is online?
In total there are 6 users online :: 0 Registered, 0 Hidden and 6 Guests :: 2 Bots

None

[ View the whole list ]


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

Change images

View previous topic View next topic Go down

avatar
Joost
Member
Title :
Gender : Male
Age : 26
Posts : 16
Points : 623
Reputation : 4
Location : The Netherlands
Language : Dutch
Browser : Browser : Google Chrome Forum Version : Forum Version : Forumactif Edge
Awards :
View all awards
View user profile

PostJoost on Tue 04 Oct 2016, 09:43

Hello @Ange Tuteur ,


Can i change the default images to my own images?
See my screenshot (red line) Help me !




Regards, Joost Computer
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 22
Posts : 4712
Points : 9585
Reputation : 2341
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 Wed 12 Oct 2016, 12:49

@Joost of course, anything on this theme is customizable ! Wink The only difference with the icons is that they're set with FontAwesome and CSS, BUT you can still use images. This is the CSS you'd need to use :
Code:
.forum-status:after {
  content:"";
  background:url(http://i44.servimg.com/u/f44/11/54/28/73/1-7011.png) center;
  top:0;
  bottom:0;
  margin:0;
}

.forum-status[style*="type=topic"]:after { content:""; background-image:url(http://i44.servimg.com/u/f44/11/54/28/73/1-7011.png); }
.forum-status[style*="type=pinned"]:after { content:""; background-image:url(http://i44.servimg.com/u/f44/11/54/28/73/1-7011.png); }
.forum-status[style*="type=announcement"]:after { content:""; background-image:url(http://i44.servimg.com/u/f44/11/54/28/73/1-7011.png); }
.forum-status[style*="type=global"]:after { content:""; background-image:url(http://i44.servimg.com/u/f44/11/54/28/73/1-7011.png); }
.privmsgs .forum-status:after { content:""; background-image:url(http://i44.servimg.com/u/f44/11/54/28/73/1-7011.png); }

.forum-status[style*="type=forum"]:after { content:""; background-image:url(http://i44.servimg.com/u/f44/11/54/28/73/1-7011.png); }
.forum-status[style*="type=category"]:after { content:""; background-image:url(http://i44.servimg.com/u/f44/11/54/28/73/1-7011.png); }
.forum-status[style*="locked=true"]:after { content:""; background-image:url(http://i44.servimg.com/u/f44/11/54/28/73/1-7011.png); }

NOTE : the image links currently are just your avatar to serve as an example, replace them with the images that you want. Also, the images should be at or below 35*40px.

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