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.

add image in group legend

View previous topic View next topic Go down

Solved add image in group legend

Post by tommycoo on August 7th 2011, 1:56 pm

can i have an icon before name group 1?. . can i have an icon before name group 1?. .

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: add image in group legend

Post by tommycoo on August 23rd 2011, 11:18 am

can someone tell me. . .

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: add image in group legend

Post by Nera. on August 23rd 2011, 11:22 am

Hello,

It is an example of it done on FM's Admin group, read it. All you have to do is use your groups address.



STEP 1: Make a small icon to add to the group like this

STEP 2: Click on the group on legend and check the address in the browser tab. It will be like this one (example http://help.forumotion.com/g387-forumotion-administrators)
All you need from the address is this /g387-forumotion-administrators

STEP3: Add this code to your CSS. Of course, you need to add your group href (example: /g387-forumotion-administrators) and your picture link in the code.

Code:
a[href="/g387-forumotion-administrators"] {
    background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat scroll 0 0 transparent;
    padding-left: 19px;
    padding-top: 2px;
}

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: add image in group legend

Post by tommycoo on August 23rd 2011, 11:50 am

this is can make to the user username have the icon like legend ?

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: add image in group legend

Post by APE on August 23rd 2011, 12:42 pm

@tommycoo wrote:this is can make to the user username have the icon like legend ?

This can be done by doing the following code to your css page

place this code in the CSS and then change the code /u1 for each member in that group

Code:
 p a[href="/u1"] {
        background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat scroll 0 0 transparent;
        height: 15px;
        line-height: 17px;
        padding-left: 18px;
        padding-top: 2px;
        width: 15px;
}

.forabg a[href="/u1"] {
        background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat scroll 0 0 transparent;
        height: 15px;
        line-height: 17px;
        padding-left: 18px;
        padding-top: 2px;
        width: 15px;
    }
    .forumbg a[href="/u1"] {
        background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat scroll 0 0 transparent;
        height: 15px;
        line-height: 17px;
        padding-left: 18px;
        padding-top: 2px;
        width: 15px;
    }
    .postprofile strong a[href="/u1"] {
        background: url("http://illiweb.com/fa/admin/couronne.png") no-repeat scroll 0 0 transparent;
        height: 15px;
        line-height: 17px;
        padding-left: 18px;
        padding-top: 2px;
        width: 15px;
    }


This code is for your admin but all you have to do is change the u1 to u2 and so on
This will place icons on all the places you see the users name to see what it looks like please take a look at my site.
Names will not glow thou

Hope this helps

~Ape~ Neutral

APE
Manager
Manager

Male Posts : 8339
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: add image in group legend

Post by Nera. on August 23rd 2011, 1:11 pm

That is for phpBB3 Ape so it wont help.

There is no code that does not glich in CSS for phpBB2 though there is a nice script from a friend of mine.

Add it like his.

Add this to AP > Modules > JS managment add this and mark all pages.

Change the picture if you want.

Code:
/* 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" />');
    }
});

If you want to give it to multiple users do what Ape said. Just recopy the JS function once again and change the number.

Nera.
Energetic

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

http://webartzforum.com

Back to top Go down

Solved Re: add image in group legend

Post by APE on August 23rd 2011, 6:36 pm

ooops sorry really should look at the profile before i post lol ha ha ha





APE
Manager
Manager

Male Posts : 8339
Reputation : 718
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: add image in group legend

Post by tommycoo on August 27th 2011, 12:08 pm

okay thx all ..

Solved <<<

tommycoo
Forumember

Male Posts : 615
Reputation : 9
Language : Indonesia

http://www.atlanta.forumid.net

Back to top Go down

Solved Re: add image in group legend

Post by Nera. on August 27th 2011, 12:22 pm

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