The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to replace Userlinks with images/buttons

View previous topic View next topic Go down

Solved How to replace Userlinks with images/buttons

Post by The Lone Ranger on February 16th 2013, 3:46 pm

Hi guys, I saw in another thread S.L.Gray's solution to hide these Userlinks..

by using this code:
Code:
#userlinks ul li a {
        display: none;
    }

What I would like to do is replace those Userlinks with buttons or images of my own. Is there a code I can add to CSS for this? Thanks in advance. Very Happy

Edit: I'm using Invision. Forum URL is www.tenerifesforumoffun.com


Last edited by The Lone Ranger on February 16th 2013, 4:27 pm; edited 1 time in total

The Lone Ranger
Forumember

Male Posts : 438
Reputation : 37
Language : English
Location : Scotland

http://www.tenerifesforumoffun.com

Back to top Go down

Solved Re: How to replace Userlinks with images/buttons

Post by Alexander Moore on February 16th 2013, 3:57 pm

Try this :

Code:
#userlinks ul li a {
    background-image:url('URL HERE');
    display:block;
    height: ???px;
    text-indent:-9999px;
    width: ???px;
}

Replace "???" with the height and width of your images. I think that may work.

Alexander Moore
Forumember

Male Posts : 210
Reputation : 2
Language : English (USA), Mandarin Chinese || HTML, CSS, Limited JavaScript.
Location : Suzhou, China

Back to top Go down

Solved Re: How to replace Userlinks with images/buttons

Post by Sanket on February 16th 2013, 7:53 pm

Since the Topic is marked Solved Thread is being Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum