[ABD]Linked Profile Picture 0.3.0

[iEric]

Thanks... I actually found 2 missing blanks. You can try with that first... Look in the colspan fixes... where it says <!--ELSE --> it should be a blank step before "E": <!-- ELSE --> Something I must have overlooked. Maybe that solves the whole thing even the stretching, but the stretching of the board...

I don't know but I could expect it is the other MOD you have about the Profile Views. Som maybe we need to re-design that a little bit.

You could try using this one. See if that helps. That makes the small miniavatars start at the left edge instead of half way in.

Code: Select all

			<!-- IF S_PROFILE_VIEWS and PROFILE_VIEWS -->
				<tr>
					<td class="gen" align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap">{L_PROFILE_VIEWS}: </td>
					<td class="gen"><b>{PROFILE_VIEWS}</b></td>
				</tr>
				<tr>
				  <td colspan="2" align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap" class="gen"><a href="{S_PROFILE_VIEW_ACTION}">{L_PROFILE_VIEWS_LIST}</a>: </td>
			  </tr>
				<tr>
					<td colspan="2" class="gen"><table>
					<tr align="center">
						<!-- BEGIN profile_views -->
						<td><table><tr align="center" height="42"><td>{profile_views.AVATAR}</td></tr><tr align="center" valign="bottom"><td><b>{profile_views.PROFILE_VIEWS_LIST}</b></td></tr></table></td>
						<!-- END profile_views -->
						</tr>
					</table></td>
				</tr>
			<!-- ENDIF -->

[/size]

If it's better but still too wide - you could maybe add the profile views/miniavatars to a new row - like the signature. Something like:

Find:

Code: Select all

	<!-- IF SIGNATURE -->
		<tr>
			<td class="cat" colspan="<!-- IF U_PROFILE_PICTURE -->3<!-- ELSE -->2<!-- ENDIF -->" align="center"><h4>{L_SIGNATURE}</h4></td>

[/size]
Before-add:

Code: Select all

		<!-- IF S_PROFILE_VIEWS and PROFILE_VIEWS -->
		<tr>
			<td class="cat" colspan="<!-- IF U_PROFILE_PICTURE -->3<!-- ELSE -->2<!-- ENDIF -->" align="center"><h4>{L_PROFILE_VIEWS}: {PROFILE_VIEWS}</h4></td>
		</tr>
		<tr>
			<td class="row1" colspan="<!-- IF U_PROFILE_PICTURE -->3<!-- ELSE -->2<!-- ENDIF -->"><div class="postbody" style="padding: 10px;">
			<a href="{S_PROFILE_VIEW_ACTION}">{L_PROFILE_VIEWS_LIST}</a>:<br />
			<!-- BEGIN profile_views -->
						<table><tr align="center" height="42"><td>{profile_views.AVATAR}</td></tr><tr align="center" valign="bottom"><td><b>{profile_views.PROFILE_VIEWS_LIST}</b></td></tr></table>
						<!-- END profile_views --></div></td>
		</tr>
	<!-- ENDIF -->

[/size]

Hope that helps. Tell me how it went.

[MydnyteSyn]

Well, it went mostly okay, lol. Here's some more screen shots.

With Profile Picture - This is my profile again when viewed in the ClassyDark theme. I actually had to do both of your suggestions to get it lined up just right. But where the profile views is located now, I need the heading Recent Profile Views to be centered at the top of that area and have the same background image that appears behind the rest of the headings (IE: Signature, Profile, Contact).

Without Profile Picutre - This is the other admin's profile when viewed in the ClassyDark theme. Lines up very nicely, but again, the heading for the Recent Profile Views needs to be centered and sport the same background as the rest of the area headings.

W/Profile Picture - Other theme - This is my profile in the JediKnights theme. Turned out perfectly. I didn't need to do the suggested edits you gave to this one so this is a-okay

W/out Profile Picture - Other theme - But, the signature area when viewing a profile in the Jedi Knights theme that does not have a profile picture uploaded needs to span the entire the width.

Pee-Ess: Thank you so much for helping me with this! I appreciate it immensely and once I actually tell the other members of my community about this feature, I know they're going to love it!

[iEric]

Well, it went mostly okay, lol. Here's some more screen shots.

With Profile Picture - This is my profile again when viewed in the ClassyDark theme. I actually had to do both of your suggestions to get it lined up just right. But where the profile views is located now, I need the heading Recent Profile Views to be centered at the top of that area and have the same background image that appears behind the rest of the headings (IE: Signature, Profile, Contact).

Without Profile Picutre - This is the other admin's profile when viewed in the ClassyDark theme. Lines up very nicely, but again, the heading for the Recent Profile Views needs to be centered and sport the same background as the rest of the area headings.

Great so it doesn't stretch now? The background thing...
You have:

Code: Select all

             <!-- IF S_PROFILE_VIEWS and PROFILE_VIEWS -->
                <tr>
                   <td class="gen" align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap">{L_PROFILE_VIEWS}: </td>
                   <td class="gen"><b>{PROFILE_VIEWS}</b></td>
                </tr>
                <tr>
                  <td colspan="2" align="{S_CONTENT_FLOW_END}" valign="top" nowrap="nowrap" class="gen"><a href="{S_PROFILE_VIEW_ACTION}">{L_PROFILE_VIEWS_LIST}</a>: </td>
               </tr>
                <tr>
                   <td colspan="2" class="gen"><table>
                   <tr align="center">
                      <!-- BEGIN profile_views -->
                      <td><table><tr align="center" height="42"><td>{profile_views.AVATAR}</td></tr><tr align="center" valign="bottom"><td><b>{profile_views.PROFILE_VIEWS_LIST}</b></td></tr></table></td>
                      <!-- END profile_views -->
                      </tr>
                   </table></td>
                </tr>
             <!-- ENDIF -->

[/size]
Test with (the one I wrote in last post):

Code: Select all

	<!-- IF S_PROFILE_VIEWS and PROFILE_VIEWS -->
		<tr>
			<td class="cat" colspan="<!-- IF U_PROFILE_PICTURE -->3<!-- ELSE -->2<!-- ENDIF -->" align="center"><h4>{L_PROFILE_VIEWS}: {PROFILE_VIEWS}</h4></td>
		</tr>
		<tr>
			<td class="row1" colspan="<!-- IF U_PROFILE_PICTURE -->3<!-- ELSE -->2<!-- ENDIF -->"><div class="postbody" style="padding: 10px;">
			<a href="{S_PROFILE_VIEW_ACTION}">{L_PROFILE_VIEWS_LIST}</a>:<br />
			<!-- BEGIN profile_views -->
						<table><tr align="center" height="42"><td>{profile_views.AVATAR}</td></tr><tr align="center" valign="bottom"><td><b>{profile_views.PROFILE_VIEWS_LIST}</b></td></tr></table>
						<!-- END profile_views --></div></td>
		</tr>
	<!-- ENDIF -->

[/size]
The differences are the "class" names: You have: class="gen" and the other example have class="cat"" and class="row1" and no "content flow end". Looks fine here.

W/Profile Picture - Other theme - This is my profile in the JediKnights theme. Turned out perfectly. I didn't need to do the suggested edits you gave to this one so this is a-okay

W/out Profile Picture - Other theme - But, the signature area when viewing a profile in the Jedi Knights theme that does not have a profile picture uploaded needs to span the entire the width.

Well, I recommend you put in that blank step. It is needed. <!-- ELSE --> ...and is why his signature doesn't span all the way.

Pee-Ess: Thank you so much for helping me with this! I appreciate it immensely and once I actually tell the other members of my community about this feature, I know they're going to love it!

Thanks - hope they do!

---
Edit: Fixed that typo now in the download

[MydnyteSyn]

Awesome! Almost there! Screen shot I like that Total Profile Views now looks all nice as a heading but it made the avatars of the viewers line up vertically instead of horizontally. Can that be changed to line up horizontally? Added the space so now the signature area stretches the entire width in the Classy Dark Theme.

[iEric]

Try this... Find:

Code: Select all

<!-- BEGIN profile_views -->
                  <table><tr align="center" height="42"><td>{profile_views.AVATAR}</td></tr><tr align="center" valign="bottom"><td><b>{profile_views.PROFILE_VIEWS_LIST}</b></td></tr></table>
                  <!-- END profile_views -->

[/size]Replace with:

Code: Select all

                    <table>
                   <tr align="center">
                      <!-- BEGIN profile_views -->
                      <td><table><tr align="center" height="42"><td>{profile_views.AVATAR}</td></tr><tr align="center" valign="bottom"><td><b>{profile_views.PROFILE_VIEWS_LIST}</b></td></tr></table></td>
                      <!-- END profile_views -->
                      </tr>
                   </table>

[/size]

[MydnyteSyn]

That didn't work quite the way I had wanted it to, but that's okay! You actually helped me I ended up doing this and it turned out perfectly! Thank you so very, very much!

Code: Select all

<!-- IF S_PROFILE_VIEWS and PROFILE_VIEWS -->
                    <tr>
                      <td class="cat" colspan="<!-- IF U_PROFILE_PICTURE -->3<!-- ELSE -->2<!-- ENDIF -->" align="center"><h4>{L_PROFILE_VIEWS}: {PROFILE_VIEWS}</h4></td>
                   </tr>
                    <tr>
                      <td colspan="3" align="left" valign="top" nowrap="nowrap" class="row1"><a href="{S_PROFILE_VIEW_ACTION}"><b>{L_PROFILE_VIEWS_LIST}</a></b>: </td>
                   </tr>
                    <tr>
                       <td colspan="3" class="row1"><table>
                       <tr align="center">
                          <!-- BEGIN profile_views -->
                          <td><table>
                                     <tr align="center" height="42"><td>{profile_views.AVATAR}</td></tr>
                                     <tr align="center" valign="bottom"><td><b>{profile_views.PROFILE_VIEWS_LIST}</b></td>
                          </tr></table>
                          </td>
                          <!-- END profile_views -->
                          </tr>
                       </table></td>
                    </tr>
                 <!-- ENDIF -->

[iEric]

Great! Glad you got it all together.

[sevenseven]

When this mod become stable?

[iEric]

You mean as in submitted to MODDB?
Hopefully not too far from now

[sevenseven]

[sopi]

*poke* Any progress here?

[iEric]

Yes.. (always) Just that I've had a busy week.

[JeRicHoOL]

I have a please. Can you tell me how I can have this feature for my shop mod. I'm talking about this feature which diplays the picture in its original size after you click on it. A 2nd click closes the full screen thing again.

Picture: http://i107.photobucket.com/albums/m287 ... 061952.gif

Need it for the icons, otherwize people couldn't recognize small pictures.

----------

Is there a way to have an uploader included next to the field where you put in your link? Maybe it's possible to use the built in uploader which avatars have.

[iEric]

I have a please. Can you tell me how I can have this feature for my shop mod. I'm talking about this feature which diplays the picture in its original size after you click on it. A 2nd click closes the full screen thing again.

Picture: http://i107.photobucket.com/albums/m287 ... 061952.gif

Need it for the icons, otherwize people couldn't recognize small pictures.

Hi JeRicHoOL
The function you refer to is a show/hide script. The script-part of that is the 1st part in the file: lpp.js. In the template file you can se the onclick-function how it is triggered - and in overall_footer.html where the hidden parts are - you can see how it is closed again. As for the sizes it is all about the CSS. There's only one image and it is set in the css file how it is behaving.

But if you just ant to make your small icons a little bigger? Maybe you could use something like this: photo caption zoom, instead of having a fullscreen popup

Is there a way to have an uploader included next to the field where you put in your link? Maybe it's possible to use the built in uploader which avatars have.

An upload function is something I've been thinking of... Looked into it a bit, have an idea of how it could look like, but not more. Perhaps later - in a version 2.0.

An upload function would also kill the MOD's name.

- - -

I'm just about to clean up some edits - see if they can be reduced.
Maybe add some permissions, and then I think it's a "Go"

[JeRicHoOL]

Thanks for your reply. I'm gonna try to use the script for my icons. I'll come back to you when I got it to work or not work . The zoom thing is a good thing too. I'm still not sure what to use for my site.

I'm looking forward for the upload feature

I leave the name problem to you

EDIT: What do you consider as 1st part in the lpp.js file? All the following or only the first part of the following?

Code: Select all

function MM_findObj(n, d) { //v4.01
  var width = document.body.clientWidth;
  var height = document.body.scrollHeight;
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var width = document.body.clientWidth;
  var height = document.body.scrollHeight;
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}