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.

Need help on putting an icon before the name

View previous topic View next topic Go down

Solved Need help on putting an icon before the name

Post by skyjacker on August 17th 2011, 5:37 pm

i did everything like it was on the tutorial and the icon appears only on chat

Forum link: http://perfectscape317.darkbb.com/

skyjacker
New Member

Posts : 9
Reputation : 0
Language : Portuguese

Back to top Go down

Solved Re: Need help on putting an icon before the name

Post by Light Elf on August 17th 2011, 5:38 pm

Which tutorial. What you want to achive?

Light Elf
Forumember

Posts : 144
Reputation : 11
Language : English

Back to top Go down

Solved Re: Need help on putting an icon before the name

Post by Nera. on August 17th 2011, 5:44 pm

Hi, you need it for punBB?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Need help on putting an icon before the name

Post by skyjacker on August 17th 2011, 5:46 pm


skyjacker
New Member

Posts : 9
Reputation : 0
Language : Portuguese

Back to top Go down

Solved Re: Need help on putting an icon before the name

Post by Nera. on August 17th 2011, 5:48 pm

OK.

Try with this in your CSS



Code:
.pun .user-ident .username a[href="/u1"] {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    padding-left: 18px;
    position: absolute;
    text-decoration: none;
    top: 0;
}
a.gensmall[href="/u1"] {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    color: #00569C;
    padding-left: 18px;
    text-decoration: none;
    top: 0;
}
#onlinelist [href="/u1"] {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    color: #00569C;
    padding-left: 18px;
    text-decoration: none;
    top: 0;
}
.statused a[href="/u1"] {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    padding-left: 18px;
    text-decoration: none;
    top: 0;
}
#stats [href="/u1"] {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    color: #00569C;
    padding-left: 18px;
    text-decoration: none;
    top: 0;
}
#chatbox_members a[href="/u1"] {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    padding-left: 18px;
    text-decoration: none;
    top: 0;
}
#chatbox a[href="/u1"] {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    padding-left: 18px;
    text-decoration: none;
    top: 0;
}
#onlinechat a[href="/u1"] {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    padding-left: 18px;
    text-decoration: none;
    top: 0;
}
#profile-advanced-right div.h3 strong {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    padding-left: 18px;
    text-decoration: none;
    top: 0;
}
.module a[href="/u1"] {
    background: url("http://i178.photobucket.com/albums/w254/SensualGist/Akari/crown_small.gif") no-repeat scroll left center transparent;
    padding-left: 18px;
    text-decoration: none;
    top: 0;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Need help on putting an icon before the name

Post by Light Elf on August 17th 2011, 5:49 pm

I have that only for Administrator:
AP/Display/Templates/Overall_header
Above </head> put this:
Code:
<script>
/* Kruna ispred nicka administratora. By BubbleDreams 2011 -
AdminCentar.net . Nemoj uklanjati copyright! Don't remove copyright! */

$(function() {
if($('a[href="/u1"] span strong')){
            $('a[href="/u1"] span strong').before('<img src="http://cdn2.iconfinder.com/data/icons/ledicons/crown.png" border="0" />');
    }
});
</script>

But its only for Administrator.

Light Elf
Forumember

Posts : 144
Reputation : 11
Language : English

Back to top Go down

Solved Re: Need help on putting an icon before the name

Post by skyjacker on August 17th 2011, 5:54 pm

yaay thanks aloot, topic solved

skyjacker
New Member

Posts : 9
Reputation : 0
Language : Portuguese

Back to top Go down

Solved Re: Need help on putting an icon before the name

Post by Nera. on August 17th 2011, 5:56 pm

Welcome.

Solved > Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

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