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.

Icons Problem

View previous topic View next topic Go down

Solved Icons Problem

Post by Shelby™ on January 25th 2013, 12:54 pm

Hi,
I got a new forum, and I have a new problem.. Before I already asked for help, but this time, that problem is solved, and there is a new one. I added my own crowns before my username, but the crowns also seen before the forum statics under the forum.



Someone can help me to remove this both icon before the 'Registered Users:' and 'The Newest Registered User Is'

Thanks in advance!


Last edited by opp on February 2nd 2013, 1:05 pm; edited 1 time in total

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Akkii on January 25th 2013, 1:17 pm


Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 25th 2013, 1:23 pm


This doesn't help.. I used that to put the icons, and there is not solve for my problem.

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Akkii on January 25th 2013, 1:37 pm

Well you didn't put something good then.
Link of forum?

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 25th 2013, 1:39 pm

@Akkii wrote:Well you didn't put something good then.
Link of forum?

http://runehand.do-forum.com/

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Akkii on January 25th 2013, 1:47 pm

And when you remove your CSS code , does that images stay?

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 25th 2013, 1:55 pm

@Akkii wrote:And when you remove your CSS code , does that images stay?

Well, when I tried to fix, yes, I removed the codes, but the icons are stay. Now when I removed them no, but I used my old forum's code, which almost perfect as you seen.. two icons are correctly in the good place, but the other two is not.

This is the ONE code what I currently use. (Javascript) And I think this code is the problem..
Code:
var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(d){return d.replace(a,"\\$&")}})(); var icons={before:function(a,d){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c=document.createElement("img");c.src=d;c.setAttribute("style","float: left");b[i].insertBefore(c,b[i].firstChild)}})},after:function(a,d){a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c= document.createElement("img");c.src=d;c.setAttribute("style","float: none");b[i].insertBefore(c,b[i].firstChild.nextSibling)}})}};
icons.before('Pręmønitiøn, user1', 'http://i1341.photobucket.com/albums/o757/CartTheRiftwalker/Crown1_zpsfd833b74.png');

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Sanket on January 25th 2013, 5:03 pm

Register one more user on your forum. That image would vanish then.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Icons Problem

Post by Akkii on January 25th 2013, 5:56 pm

opp wrote:
@Akkii wrote:And when you remove your CSS code , does that images stay?

Well, when I tried to fix, yes, I removed the codes, but the icons are stay. Now when I removed them no, but I used my old forum's code, which almost perfect as you seen.. two icons are correctly in the good place, but the other two is not.

This is the ONE code what I currently use. (Javascript) And I think this code is the problem..
Code:
var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(d){return d.replace(a,"\\$&")}})(); var icons={before:function(a,d){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c=document.createElement("img");c.src=d;c.setAttribute("style","float: left");b[i].insertBefore(c,b[i].firstChild)}})},after:function(a,d){a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c= document.createElement("img");c.src=d;c.setAttribute("style","float: none");b[i].insertBefore(c,b[i].firstChild.nextSibling)}})}};
icons.before('Pręmønitiøn, user1', 'http://i1341.photobucket.com/albums/o757/CartTheRiftwalker/Crown1_zpsfd833b74.png');
Try using one that i gaved you link from.

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 25th 2013, 5:58 pm

@Sanket wrote:Register one more user on your forum. That image would vanish then.

One icon gone, but still seen one before the 'Registered Members'.. Need another one?

EDIT: Ah, it doesn't works.. Still got an icon before the 'Registered Members'..

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Akkii on January 25th 2013, 6:05 pm


Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 25th 2013, 6:45 pm

@Akkii wrote:Delete your codes , and use codes from here.
http://help.forumotion.com/t90311-how-to-add-an-icon-before-username

Do you know any other thread where I can find these codes? I don't think so.. then what do you think, where I got the currently codes? I'll help you! From this thread. *-*

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Akkii on January 25th 2013, 6:48 pm

Then for what are you using that code above that u posted? o.o

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 25th 2013, 7:08 pm

@Akkii wrote:Then for what are you using that code above that u posted? o.o

I using that code, what I posted above, and I still got an icon which is not go to correct place.. I can use anything, it's don't work.

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Akkii on January 25th 2013, 8:11 pm

Delete all the codes u added for icon , and then add one from link.

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 25th 2013, 8:39 pm

@Akkii wrote:Delete all the codes u added for icon , and then add one from link.

Why, if I already used them before you said? I started with that codes, what are you talking about, and DON'T WORK. I re-added them many times, and DON'T WORK. It will never works, need to re-write these codes, because doesn't work perfectly, and this is not my job.

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Sanket on January 26th 2013, 5:58 am

The codes work fine as they should. Did you register one more user?

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 26th 2013, 8:53 am

@Sanket wrote:The codes work fine as they should. Did you register one more user?

After I registered one, one crown gone. After I registered another to remove the other one, it's stay. lol I can't remove the last one from 'Registered Members', so I don't know what to do now..

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Akkii on January 26th 2013, 9:49 am

You are using this code for icons?
Code:
var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(d){return d.replace(a,"\\$&")}})(); var icons={before:function(a,d){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c=document.createElement("img");c.src=d;c.setAttribute("style","float: left");b[i].insertBefore(c,b[i].firstChild)}})},after:function(a,d){a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c= document.createElement("img");c.src=d;c.setAttribute("style","float: none");b[i].insertBefore(c,b[i].firstChild.nextSibling)}})}};
icons.before('Pręmønitiøn, user1', 'http://i1341.photobucket.com/albums/o757/CartTheRiftwalker/Crown1_zpsfd833b74.png');

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 26th 2013, 12:13 pm

@Akkii wrote:You are using this code for icons?
Code:
var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(d){return d.replace(a,"\\$&")}})(); var icons={before:function(a,d){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c=document.createElement("img");c.src=d;c.setAttribute("style","float: left");b[i].insertBefore(c,b[i].firstChild)}})},after:function(a,d){a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c= document.createElement("img");c.src=d;c.setAttribute("style","float: none");b[i].insertBefore(c,b[i].firstChild.nextSibling)}})}};
icons.before('Pręmønitiøn, user1', 'http://i1341.photobucket.com/albums/o757/CartTheRiftwalker/Crown1_zpsfd833b74.png');

Yea. I put this to Javascript Management, and I found more incorrectly placed icons at posts...

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 27th 2013, 9:04 am

bump

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Akkii on January 27th 2013, 9:28 am

Well i think you can't use css and js for icons at same time.

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 27th 2013, 9:45 am

@Akkii wrote:Well i think you can't use css and js for icons at same time.

I'll using only one code atm.

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on January 29th 2013, 4:46 pm

Maybe someone can tell me whats wrong, or create a correct code which will works, or something else...

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on February 1st 2013, 5:09 pm

bump...

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by levy on February 2nd 2013, 12:55 am

Is more simple with that code .
Code:
a[href="/user-link"]{
 padding-right: 21px;
 background: transparent url('Link imagge') no-repeat center right;}

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on February 2nd 2013, 7:54 am

RicYiu wrote:Is more simple with that code .
Code:
a[href="/user-link"]{
 padding-right: 21px;
 background: transparent url('Link imagge') no-repeat center right;}

Thanks, I'll try it now.

EDIT: It doesn't work.. Don't see any icon.

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by levy on February 2nd 2013, 11:05 am

Code:
var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(d){return d.replace(a,"\\$&")}})();var icons={before:function(a,d){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c=document.createElement("img");c.src=d;c.setAttribute("style","float: none");b[i].insertBefore(c,b[i].firstChild)}})},after:function(a,d){a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c=document.createElement("img");c.src=d;c.setAttribute("style","float: none");b[i].insertBefore(c,b[i].firstChild.nextSibling)}})}};icons.before('Pręmønitiøn, user1','http://i1341.photobucket.com/albums/o757/CartTheRiftwalker/Crown1_zpsfd833b74.png');

Fixed with that Wink

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Solved Re: Icons Problem

Post by Shelby™ on February 2nd 2013, 1:02 pm

RicYiu wrote:
Code:
var escapeRegExp;(function(){var a=RegExp("[-\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\|]","g");escapeRegExp=function(d){return d.replace(a,"\\$&")}})();var icons={before:function(a,d){a=escapeRegExp(a);a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c=document.createElement("img");c.src=d;c.setAttribute("style","float: none");b[i].insertBefore(c,b[i].firstChild)}})},after:function(a,d){a=a.replace(/\s?,\s?/g,"|");$(function(){var b=document.getElementsByTagName("a");for(i=0;i<b.length;i++)if(RegExp("^"+a+"$","g").test($(b[i]).text())){var c=document.createElement("img");c.src=d;c.setAttribute("style","float: none");b[i].insertBefore(c,b[i].firstChild.nextSibling)}})}};icons.before('Pręmønitiøn, user1','http://i1341.photobucket.com/albums/o757/CartTheRiftwalker/Crown1_zpsfd833b74.png');

Fixed with that Wink

This works! Woo, finally! Thanks!

Shelby™
Forumember

Male Posts : 185
Reputation : 6
Language : Hungarian(native), English
Location : Hungary

http://evasion.forumo.org/

Back to top Go down

Solved Re: Icons Problem

Post by SLGray on February 2nd 2013, 4:58 pm

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.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