Latest topics
» Multi-step Login Form
by Ange Tuteur Today at 10:36

» Post Cards
by Ange Tuteur Today at 10:35

» Simple Theme Changer
by Ange Tuteur Today at 10:34

» Starred Forums
by Ange Tuteur Today at 10:31

» IconSkouliki
by skouliki Yesterday at 03:40

» help me about Latest topic
by Valoish Sat 27 May 2017, 14:53

» Display a preview of the user profile on hover
by Haytam Sat 27 May 2017, 12:39

» Chit Chat Thread
by Ange Tuteur Sat 27 May 2017, 12:11

» Colored Bar Navigation
by Valoish Fri 26 May 2017, 23:03

» FM Themes
by SLGray Thu 25 May 2017, 22:39

» User - Made Creations
by SLGray Thu 25 May 2017, 22:37

» Classified Ads
by SLGray Thu 25 May 2017, 19:23

» Categories as tabs on Edge!
by STBW Thu 25 May 2017, 04:11

» [GAME] What are you thinking right now?
by Ange Tuteur Wed 24 May 2017, 15:10

» [GAME] Countdown from 200,000
by Ange Tuteur Wed 24 May 2017, 15:09

Recent Tutorials
Who is online?
In total there are 7 users online :: 0 Registered, 0 Hidden and 7 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 : Unspecified
Posts : 11
Points : 450
Reputation : 4
Language : Dutch
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://hpmagicworld.actieforum.com/

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 : 21
Posts : 4548
Points : 9376
Reputation : 2294
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