Online icon on top of Avatar

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Ideas Centre
Proximer
Registered User
Posts: 18
Joined: Mon Feb 22, 2010 7:25 am

Re: Online icon on top of Avatar

Post by Proximer »

Hello,

It could be very nice mod if could make i work on my board... :) Some help is very apreciated... :)

After changing the mentioned lines on .html files i get this:

Image

The offline user has a none existing offline image ant the online user has double image (dont pay attention to the aligment - i managed it to fit my needs).
Please note, that my board is not prosilver style, but it is prosilver based one.
Also please note that the profiles were moved from right to left.

After moving the profiles on left, where hardstyle told us to i have got this:

Code: Select all

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
I aded the sugested line after all that and i receive:

Code: Select all

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">
			<!-- IF postrow.ONLINE_IMG --><dt style="position: absolute; margin: -10px 0 0 135px;">{postrow.ONLINE_IMG}</dt><!-- ENDIF -->
As you understand the aditional code was gotten from the profiles from right to left MOD. But even if i remove the extra code and do everything exactly as show here above in the tutorial by receiving this:

Code: Select all

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile" id="profile{postrow.POST_ID}">
			<!-- IF postrow.ONLINE_IMG --><dt style="position: absolute; margin: -10px 0 0 135px;">{postrow.ONLINE_IMG}</dt><!-- ENDIF -->
Then i get the online image on top of the avatar as expected and without background image left, but the missing offline image still remains under the user avatar that is offline.

The main question: how do i remove the silly non existing offline image? Thanks a lot in advance.

P.S. Sorry for my english.
P.P.S. I didn't get to the PM poster profile... :)

THANKS AGAIN!

Proximer
Registered User
Posts: 18
Joined: Mon Feb 22, 2010 7:25 am

Re: Online icon on top of Avatar

Post by Proximer »

Anyone? :?

User avatar
Josh
Former Team Member
Posts: 1882
Joined: Sun Jan 25, 2009 3:08 pm
Location: Melbourne, AUS
Name: Josh Simpson
Contact:

Re: Online icon on top of Avatar

Post by Josh »

link to your website, showing the problem? :)
Josh Simpson- Formerly known as "HardStyle"
Styles: Submission Policy | Database | Knowledge Base | Demo
Please do not PM me for personal support.
Image

Proximer
Registered User
Posts: 18
Joined: Mon Feb 22, 2010 7:25 am

Re: Online icon on top of Avatar

Post by Proximer »

Thank You HardStyle for Your reply. I will do that as soon as i start the new style on my board, because it is now not a default skin and You will not be able to see it. When i start the new style (maybe next week) i will get You the link.

Thank You!

User avatar
kenno
Registered User
Posts: 81
Joined: Sun Apr 09, 2006 10:54 am
Location: Estonia
Contact:

Re: Online icon on top of Avatar

Post by kenno »

I think you did the code for subsilver2, because there are both online and offline images.
And the variable {postrow.ONLINE_IMG} calls either them out.
But in prosilver, there is

Code: Select all

 <dl class="postprofile<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">   


code to put online in postprofile. But I don't know how do make it above all other images without displaying offline image, can you?

EDIT: I managed to succeed.

User avatar
RedElectro
Registered User
Posts: 6
Joined: Mon Mar 15, 2010 3:33 pm

Re: Online icon on top of Avatar

Post by RedElectro »

HardStyle wrote:open viewtopic_body.html

Code: Select all

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">

Code: Select all

<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile" id="profile{postrow.POST_ID}">
			<!-- IF postrow.ONLINE_IMG --><dt>{postrow.ONLINE_IMG}</dt><!-- ENDIF -->
Foolishly, I thought the same would work for RocketTheme's "Refraction" template/style... but it didn't (quite)!

There's something in that above code, (although I don't know what, because I'm new to all this!) that calls for a GIF instead of a PNG image type. So there's no "online" image displayed.

What do I need to do (apart from save a GIF version in the same folder) to make this work again? I realise there are other steps to this that I haven't got up to yet, but I didn't think it was worth it until I've sorted this bit out!

Cheers

Red

Proximer
Registered User
Posts: 18
Joined: Mon Feb 22, 2010 7:25 am

Re: Online icon on top of Avatar

Post by Proximer »

HardStyle wrote:link to your website, showing the problem? :)
Hardstyle, finaly we have lounched the new skin as a default one... You asked for a link to our board to see the problem for Your self. Here it is: http://forum.civicclub.lt/ can i expect any help from You? :)

Thanks in advance!

Proximer
Registered User
Posts: 18
Joined: Mon Feb 22, 2010 7:25 am

Re: Online icon on top of Avatar

Post by Proximer »

Anyone? :?

Proximer
Registered User
Posts: 18
Joined: Mon Feb 22, 2010 7:25 am

Re: Online icon on top of Avatar

Post by Proximer »

I would realy use some help... :)

User avatar
Leinad4Mind
Translator
Posts: 852
Joined: Sun Jun 01, 2008 11:08 pm
Contact:

Re: Online icon on top of Avatar

Post by Leinad4Mind »

For the ones who don't wanna read all the posts, neither test all things, just follow this ;) :

Open your in your prosilver style folder template/viewtopic_body.html

FIND AND REMOVE

Code: Select all

<!-- IF postrow.S_ONLINE and not postrow.S_IGNORE_POST --> online<!-- ENDIF -->

FIND

Code: Select all

		<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile" id="profile{postrow.POST_ID}">
ADD AFTER

Code: Select all

<!-- IF postrow.ONLINE_IMG --><dt class="online-image" style="position: absolute; margin: -10px 0 0 135px;">{postrow.ONLINE_IMG}</dt><!-- ENDIF -->
NOTE: You may need to change the 135px to suit :)



Open your in your prosilver style folder template/ucp_pm_viewmessage.html

FIND AND REMOVE

Code: Select all

<!-- IF S_ONLINE --> online<!-- ENDIF -->
FIND

Code: Select all

<dl class="postprofile" id="profile{MESSAGE_ID}">
ADD AFTER

Code: Select all

<!-- IF ONLINE_IMG --><dt class="pm-online-image" style="position: absolute; margin: -10px 0 0 95px;">{ONLINE_IMG}</dt><!-- ENDIF -->
NOTE: You may need to change the 95px to suit :) If it's a little to the left put 125px.


Then open up in your prosilver style folder theme/tweaks.css and add at the bottom:

Code: Select all

* html .online-image {
	margin-left: 125px !important;
}

*:first-child+html .online-image {
	margin-left: 125px !important;
}

* html .pm-online-image {
	margin-left: 88px !important;
}

*:first-child+html .pm-online-image {
	margin-left: 88px !important;
}
Want to access all my portuguese MOD and Extension translations?
Become my Patreon!
phpBB Portugal Translator and Moderator

sevenstreets77
Registered User
Posts: 4
Joined: Sat Feb 16, 2013 5:40 pm

Re: Online icon on top of Avatar

Post by sevenstreets77 »

Just did this in 3.0.11 and it still works.

Locked

Return to “[3.0.x] Styles Support & Discussion”