Online image on top of avatar

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Suggested Hosts
Locked
User avatar
Jaymie1989
Registered User
Posts: 1991
Joined: Thu Aug 02, 2007 5:21 pm
Name: Jaymie

Online image on top of avatar

Post by Jaymie1989 » Wed Jan 19, 2011 10:07 pm

Hi,

Can I have my online image in prosilver to be on top of the avatar rather than under it?
Dear creators of Sesame Street,
Kids are still fat. Can I come back now?
Sincerely, Cookie Monster.

View my MODs - Need phpBB help with MODs and Styles? Take a look at my phpBB3 services

User avatar
Jaymie1989
Registered User
Posts: 1991
Joined: Thu Aug 02, 2007 5:21 pm
Name: Jaymie

Re: Online image on top of avatar

Post by Jaymie1989 » Wed Jan 26, 2011 5:14 am

BUMP ;)
Dear creators of Sesame Street,
Kids are still fat. Can I come back now?
Sincerely, Cookie Monster.

View my MODs - Need phpBB help with MODs and Styles? Take a look at my phpBB3 services

User avatar
Sinom
Translator
Posts: 1682
Joined: Thu Oct 28, 2010 9:53 am
Contact:

Re: Online image on top of avatar

Post by Sinom » Wed Jan 26, 2011 8:55 pm

Hello Jaymie!

This should work :roll:

Go to \styles\prosilver\template and open 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}">
Change into:

Code: Select all

<!-- IF not postrow.S_IGNORE_POST -->
         <dl class="postprofile" id="profile{postrow.POST_ID}">
         <div class="online-image"><!-- IF postrow.ONLINE_IMG --><dt style="position: absolute; margin: -10px 0 0 -50px;">{postrow.ONLINE_IMG}</dt><!-- ENDIF --></div>
Open common.css and add the following code at the bottom of the file:

Code: Select all

.online-image {
	float: right;
}
If I haven't missed anything, it should look like:
Image

Hope it works!

Hugs

Locked

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