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.

[phpBB3] Online Icon Above Avatar

View previous topic View next topic Go down

[phpBB3] Online Icon Above Avatar

Post by YoshiGM on December 30th 2015, 7:13 pm

This a simple javascript, that lets you to set up the online icon above avatar. By default, the icon behind it. Now you can fix that Very Happy

Demo:


Code:
$(function(){
$('.online .postprofile').prepend('<div class="online-img" style="position: absolute; width: 100%; height: 58px; background-image: url(YOUR ONLINE ICON URL GOES HERE); background-position: right center; background-repeat: no-repeat; z-index: 1000; margin-left: -5px; margin-top: -5px;"></div>');
});

Place: In All Pages.
---

You only need to change the text in capitals for the link of the online icon, that you want thumleft

Add If appear a double icon in the profiles, you should go to :

ACP > Display > Pictures & Colors > Pics Management > Buttons > Online

And mark "Hide" and save changes. Bow

That's all folks. Huzzah


YoshiGM
Forumember

Male Posts : 533
Reputation : 80
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Re: [phpBB3] Online Icon Above Avatar

Post by mist3r0us_b0y on January 11th 2016, 7:19 am

@YoshiGM can i have this for punbb ?

and icon image with different pic please

thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: [phpBB3] Online Icon Above Avatar

Post by YoshiGM on January 11th 2016, 4:13 pm

Try with:

Code:
        $(function(){
        $('.pun .user-ident .user-basic-info').prepend('<div class="img.i_icon_online" style="position: absolute; width: 100%; height: 58px; background-image: url(LINK OF YOUR ONLINE ICON HERE); background-position: right center; background-repeat: no-repeat; z-index: 1000; margin-left: -5px; margin-top: -5px;"></div>');
        });

Just add the link in the caps text and execute the javascript in all pages Wink



YoshiGM
Forumember

Male Posts : 533
Reputation : 80
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Re: [phpBB3] Online Icon Above Avatar

Post by mist3r0us_b0y on January 11th 2016, 6:30 pm

thanks can i get a online image pic please if dnt mind hmmmm if u have one i apperciate ur work

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: [phpBB3] Online Icon Above Avatar

Post by YoshiGM on January 11th 2016, 6:34 pm

I can't design a online icon for you (the rules you know) u.u
But, i reccomend you to importa skin from hitskin and copy the online icon to your forum (Do this in a test forum)

Or request a image in the graphic section (if you can)

YoshiGM
Forumember

Male Posts : 533
Reputation : 80
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Re: [phpBB3] Online Icon Above Avatar

Post by mist3r0us_b0y on January 11th 2016, 9:09 pm

well thanks i found it

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: [phpBB3] Online Icon Above Avatar

Post by APE on January 11th 2016, 11:12 pm

looks so cool it would be really good if you can make this so it has a offline icon too so when the member is offline it shows it Wink




APE
Manager
Manager

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

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

Back to top Go down

Re: [phpBB3] Online Icon Above Avatar

Post by mist3r0us_b0y on January 12th 2016, 9:47 am

@APE wrote:looks so cool it would be really good if you can make this so it has a offline icon too so when the member is offline it shows it Wink
'



yeah i was thinking about it too .... hope we get the code thanks for looking into this @ape

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: [phpBB3] Online Icon Above Avatar

Post by Ch@lo Valdez on January 15th 2016, 3:23 am

this can be done just with css

Code:

.online .postprofile dt > a:before {
    content: "Online";
    border: 1px solid green;
    position: absolute;
    z-index: 999;
    margin-top: 10px;
    border-radius: 3px 0;
    padding: 1px;
    background: rgba(159, 232, 9, 0.49);
    color: green;
    text-shadow: 0 1px #fff;
}

Ch@lo Valdez
Forumember

Male Posts : 100
Reputation : 31
Language : spanish

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