The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

[phpBB3] Online Icon Above Avatar

4 posters

Go down

[phpBB3] Online Icon Above Avatar Empty [phpBB3] Online Icon Above Avatar

Post by YoshiGM 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:
[phpBB3] Online Icon Above Avatar Online10

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
YoshiGM
Active Poster

Male Posts : 1492
Reputation : 144
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

[phpBB3] Online Icon Above Avatar Empty Re: [phpBB3] Online Icon Above Avatar

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

@YoshiGM can i have this for punbb ?

and icon image with different pic please

thanks
mist3r0us_b0y
mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

[phpBB3] Online Icon Above Avatar Empty Re: [phpBB3] Online Icon Above Avatar

Post by YoshiGM 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
YoshiGM
Active Poster

Male Posts : 1492
Reputation : 144
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

[phpBB3] Online Icon Above Avatar Empty Re: [phpBB3] Online Icon Above Avatar

Post by mist3r0us_b0y 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
mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

[phpBB3] Online Icon Above Avatar Empty Re: [phpBB3] Online Icon Above Avatar

Post by YoshiGM 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
YoshiGM
Active Poster

Male Posts : 1492
Reputation : 144
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

[phpBB3] Online Icon Above Avatar Empty Re: [phpBB3] Online Icon Above Avatar

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

well thanks i found it
mist3r0us_b0y
mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

[phpBB3] Online Icon Above Avatar Empty Re: [phpBB3] Online Icon Above Avatar

Post by Ape 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


[phpBB3] Online Icon Above Avatar Left1212[phpBB3] Online Icon Above Avatar Center11[phpBB3] Online Icon Above Avatar Right112
[phpBB3] Online Icon Above Avatar Ape_b110
[phpBB3] Online Icon Above Avatar Ape1010
Ape
Ape
Administrator
Administrator

Male Posts : 19084
Reputation : 1988
Language : fluent in dork / mumbojumbo & English haha

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

Back to top Go down

[phpBB3] Online Icon Above Avatar Empty Re: [phpBB3] Online Icon Above Avatar

Post by mist3r0us_b0y 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
mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

[phpBB3] Online Icon Above Avatar Empty Re: [phpBB3] Online Icon Above Avatar

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

this can be done just with css
[phpBB3] Online Icon Above Avatar Captur10
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
Ch@lo Valdez
Forumember

Male Posts : 138
Reputation : 50
Language : spanish

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum