Trying to add icon before profile on any profile page

[Goppyrules]

so i am working on a forum and i want a code that can add the icon before the username on that user's profile main page. any help would be great!!!!!!
[img][/img]

something similar to this, but on my main profile page and the module on the side where it shows the number of posts and your profile username and picture

[Omu]

Here you go:

Code:

a[href="/u1"] strong{
background:url(http://icons.iconarchive.com/icons/icons-land/play-stop-pause/16/Pause-Normal-Red-icon.png) left center no-repeat;
padding-left:16px}

[Goppyrules]

thanks for trying but that code does nothing to help me. no change in apperance or anything

[SLGray]

Try this tutorial: https://help.forumotion.com/t90311-how-to-add-an-icon-before-username

[Goppyrules]

i already did that. it works on everything but the widget for log in where i want the crown to show and my profile page is also were i want it to show

[Omu]

Code:

.module h3 {
background:url(http://icons.iconarchive.com/icons/icons-land/play-stop-pause/16/Pause-Normal-Red-icon.png) left center no-repeat;
padding-left:16px;}

But it works for all widgets..

[Goppyrules]

this one isnt working. i dont doubt your info. it just doesnt work.
here is the test one if you want to take a look at it
user:goppyrules
pass:rune56
http://shadowmasteracadmeny.forum.net.bz/

[Guest]

Try this:

Code:

a[href="/u1"] strong{
background: url(http://icons.iconarchive.com/icons/icons-land/play-stop-pause/16/Pause-Normal-Red-icon.png) left center no-repeat !important;
padding-left: 16px !important;
}

strong a[href="/u1"]{
background: url(http://icons.iconarchive.com/icons/icons-land/play-stop-pause/16/Pause-Normal-Red-icon.png) left center no-repeat !important;
padding-left: 16px !important;
}

=> CSS Stylesheet.

Or this (For phpBB2):

Code:

$(function() {
$('strong a[href="/u1"]').before('<img src="http://icons.iconarchive.com/icons/icons-land/play-stop-pause/16/Pause-Normal-Red-icon.png" />');
$('a[href="/u1"] strong').before('<img src="http://icons.iconarchive.com/icons/icons-land/play-stop-pause/16/Pause-Normal-Red-icon.png" />');
});

=> Javascript codes management.

[Goppyrules]

you sure this css code can work the module for log in? can it be displayed as the picture i put as a picture.
im getting the same results as the tutorial gets. i only need the profile page and the widget for log in to display a icon before the user name

[Guest]

Nope, if you want also for Profile widget this will work:

Code:

table#gallery_container td.catLeft div.genmed.center b span strong{
background: url(http://icons.iconarchive.com/icons/icons-land/play-stop-pause/16/Pause-Normal-Red-icon.png) left center no-repeat !important;
padding-left: 16px !important;
}

[Goppyrules]

ok where does that code be placed?

[Goppyrules]

[img][/img]
im getting everything but that showing up in the module

[Guest]

Administration Panel => Display => Pictures and colors => Colors => CSS Stylesheet.

[Goppyrules]

+ 5 respect points man. im assuming it cant work for the main user profile page when it view the information and stuff. but it works man for the wdiget

[Guest]

Try to add the code below:

Code:

$(function() {
$('table#gallery_container td.catLeft div.genmed.center b span strong').before('<img src="http://icons.iconarchive.com/icons/icons-land/play-stop-pause/16/Pause-Normal-Red-icon.png" />');
});

in Administration Panel => Modules => HTML & JAVASCRIPT => Javascript codes management => Create a new javascript.
Notes:
Don't forget to enable javascript codes => Enable Javascript code management : Yes;
Select from Placement : In the home page & In the portal.

[Goppyrules]

+5 respect points man. im assuming it cant work for the main user profile page when it view the information and stuff. but it works man for the wdiget