Latest topics
» Display a preview of the user profile on hover
by Haytam Today at 15:20

» Colored Bar Navigation
by JerriLeah7 Today at 10:07

» FM Themes
by SLGray Yesterday at 22:39

» User - Made Creations
by SLGray Yesterday at 22:37

» Classified Ads
by SLGray Yesterday at 19:23

» Starred Forums
by Gae Yesterday at 16:23

» Categories as tabs on Edge!
by STBW Yesterday at 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

» [GAME] Post a random picture
by Ange Tuteur Wed 24 May 2017, 15:08

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

» [GAME] Count to 30 - Ange Edition
by Ange Tuteur Wed 24 May 2017, 15:05

» [GAME] Count to One Million!
by Ange Tuteur Wed 24 May 2017, 15:05

» [GAME] Count to 1000 using even numbers Van-Helsing Edition
by Ch@lo Valdez Mon 22 May 2017, 13:45

» FM Chatbox
by Andrei34 Sun 21 May 2017, 12:35

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

None

[ View the whole list ]


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

[TUTORIAL] [PHPBB3] Replace the "Home" text at the bottom of the forum with a picture.

View previous topic View next topic Go down

avatar
masesm
Member
Title :
Gender : Male
Posts : 10
Points : 1217
Reputation : 11
Location : United States of America
Language : English
Browser : Browser : Mozilla Firefox Forum Version : Forum Version : Other
Awards :
View all awards
View user profile

Postmasesm on Thu 27 Feb 2014, 02:01

Hello,
This a simple yet notable change in the forum for those who are interested in the graphic design of a forum. What this code will do is replace the "home" text from the bottom of the forum with an icon or a picture.


Note that this CSS code only work with PHPBB3.

To place the code, go to Control Panel  Arrow  Display  Arrow  Colors  Arrow  CSS Style sheet.

The code:
Code:
.icon-home{
background: url(http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/home-icon.png) no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}

Cheers,
masesm
avatar
Ange Tuteur
Administrator
Title :
Coffee Addict
Gender : Male
Age : 21
Posts : 4540
Points : 9366
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 Thu 27 Feb 2014, 02:32

Very nice.

I'd probably only remove, or edit the padding bottom property since it adds a space larger than the image to the bottom. I like it, it is a neat idea. Smile
avatar
YoshiGM
Member
Title :
Gender : Male
Age : 24
Posts : 13
Points : 235
Reputation : 7
Language : Spanish & English
Browser : Browser : Google Chrome Forum Version : Forum Version : phpBB3
Awards :
View all awards
View user profile http://www.yoshifansclub.com https://twitter.com/YoshiGM

PostYoshiGM on Mon 07 Nov 2016, 16:24

Simple and easy.
Thanks

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