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.

Trying to add icon before profile on any profile page

View previous topic View next topic Go down

In progress Trying to add icon before profile on any profile page

Post by Goppyrules on March 7th 2012, 12:46 am

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


Last edited by Goppyrules on March 7th 2012, 2:50 am; edited 1 time in total

Goppyrules
Forumember

Posts : 80
Reputation : 1
Language : english

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Omu on March 7th 2012, 2:38 am

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}

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Goppyrules on March 7th 2012, 2:49 am

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

Goppyrules
Forumember

Posts : 80
Reputation : 1
Language : english

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by SLGray on March 7th 2012, 2:54 am



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35659
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Goppyrules on March 7th 2012, 2:59 am

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

Goppyrules
Forumember

Posts : 80
Reputation : 1
Language : english

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Omu on March 7th 2012, 3:02 am

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..

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Goppyrules on March 7th 2012, 3:07 am

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/

Goppyrules
Forumember

Posts : 80
Reputation : 1
Language : english

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Guest on March 7th 2012, 3:48 am

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.

Guest
Guest


Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Goppyrules on March 7th 2012, 4:02 am

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


Last edited by Goppyrules on March 7th 2012, 4:16 am; edited 1 time in total

Goppyrules
Forumember

Posts : 80
Reputation : 1
Language : english

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Guest on March 7th 2012, 4:15 am

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;
}

Guest
Guest


Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Goppyrules on March 7th 2012, 4:18 am

ok where does that code be placed?

Goppyrules
Forumember

Posts : 80
Reputation : 1
Language : english

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Goppyrules on March 7th 2012, 4:22 am

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

Goppyrules
Forumember

Posts : 80
Reputation : 1
Language : english

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Guest on March 7th 2012, 4:26 am

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

Guest
Guest


Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Goppyrules on March 7th 2012, 4:32 am

+ 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

Goppyrules
Forumember

Posts : 80
Reputation : 1
Language : english

Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Guest on March 7th 2012, 4:33 am

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. Wink

Guest
Guest


Back to top Go down

In progress Re: Trying to add icon before profile on any profile page

Post by Goppyrules on March 7th 2012, 4:40 am

+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

Goppyrules
Forumember

Posts : 80
Reputation : 1
Language : english

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