[ABD] Avatar Upload - Resize, visual trim

[[email protected]]

Description: Automatically reduces image, resolution, visual resize and a particular area..



GitHub: https://github.com/bb3mobi/AvatarUpload ... master.zip

BB3.Mobi: Avatar Upload Resize & Crop

phpBB Version: >=3.1.6-RC1

Light version download: http://bb3.mobi/forum/download/file.php?id=879

[VOLKERMORD]

to install do this: ext/bb3mobi/AvatarUpload
@[email protected] is need more setings from ACP?
Very nice work thx.

[Mess]

Very nice, ill try it out.

[DevMakoto]

error!
Tried to redirect to potentially insecure url.
http://nimb.ws/doYA4W

[DevMakoto]

use http://bootsnipp.com/snippets/7QeDl

[BiscoMix]

This mod doesn't work. When you go to upload an image, it takes you to a page that says:

No input file specified.

I was really looking forward to this mod, as it seems no one else has attempted it.

[[email protected]]

use http://bootsnipp.com/snippets/7QeDl

Already applied another script http://deepliquid.com/projects/Jcrop/demos.php

error!
Tried to redirect to potentially insecure url.
http://nimb.ws/doYA4W

Check for errors.. Update extension.

[SalazarAG]

Can you add support for thumbnails?
For example, in my forum avatars are 150x150
to the extent, the User would be able to crop the image and see the tumbnail next to the framework in 150x150

[DevMakoto]

Can you add support for thumbnails?
For example, in my forum avatars are 150x150
to the extent, the User would be able to crop the image and see the tumbnail next to the framework in 150x150

+1

[DevMakoto]

error in upload avatar

No file avatar

[[email protected]]

777 for folder ext/bb3mobi/AvatarUpload/images

[SalazarAG]

Anvar Hello!
I noticed that the new release thumbnails appear next. Thank you for including it.
A note: the thumbnail next to have accurate 150x150 pixels, how should I do to change if one day need?
Because I noticed that regardless of ACP Avatar settings the tumbnail will always be 150x150.
About bug "No avatar found," I think he is after we click out of the picture to crop the image and try to cut it again so it is noticed that.

[SalazarAG]

777 for folder ext/bb3mobi/AvatarUpload/images

Hello Anvar and all those who can help.

I bought the Mobbern Responsive style this week and I intend to default leave it on my forum, and uninstall all other styles. However, the extent Avatar Upload're not working properly on it.

The page is locked in the header, and only you can see a photo piece that will cut, nothing more. I think it is a problem of adaptation, but I do not know how to do it. Please help me. I have tried to contact the Mobbern support, but did not respond.

I left an extension of print with the locked page (it does not scroll, you can not go down the page to crop the image).



Like style is paid and there's no way you checking the structure, I leave in the code files that correspond to the UCP page so you catch some divs and classes to tailor the extension that style, perhaps.

/Mobbern3.1/template/ucp_avatar_options.html

Code: Select all

<div class="panel panel-ucp-avatar">
	<!-- IF not S_AVATARS_ENABLED -->
	<p>{L_AVATAR_FEATURES_DISABLED}</p>
	<!-- ENDIF -->

	<fieldset>
	<!-- IF ERROR --><p class="error">{ERROR}</p><!-- ENDIF -->
		<dl>
			<dt><label>{L_CURRENT_IMAGE}{L_COLON}</label><br /><span>{L_AVATAR_EXPLAIN}</span></dt>
			<dd><!-- IF AVATAR -->{AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.gif" alt="" /><!-- ENDIF --></dd>
			<dd><label for="avatar_delete"><input type="checkbox" name="avatar_delete" id="avatar_delete" /> {L_DELETE_AVATAR}</label></dd>
		</dl>
	</fieldset>
	
	<h3>{L_AVATAR_SELECT}</h3>
	
	<fieldset>
		<dl>
			<dt><label>{L_AVATAR_TYPE}{L_COLON}</label></dt>
			<dd><select name="avatar_driver" id="avatar_driver" data-togglable-settings="true">
				<!-- BEGIN avatar_drivers -->
				<option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF --> data-toggle-setting="#avatar_option_{avatar_drivers.DRIVER}">{avatar_drivers.L_TITLE}</option>
				<!-- END avatar_drivers -->
			</select></dd>
		</dl>
	</fieldset>

	<div id="avatar_options">

		<!-- BEGIN avatar_drivers -->
		<div id="avatar_option_{avatar_drivers.DRIVER}">
		<noscript>
		<h3 class="avatar_section_header">{avatar_drivers.L_TITLE}</h3>
		</noscript>
		<p>{avatar_drivers.L_EXPLAIN}</p>

		<fieldset>
		{avatar_drivers.OUTPUT}
		</fieldset>
		</div>
		<!-- END avatar_drivers -->

	</div>

	<!-- IF not S_GROUP_MANAGE -->
	<fieldset class="submit-buttons">
		<input type="reset" value="{L_RESET}" name="reset" class="button2" /> &nbsp;
		<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
	</fieldset>
	<!-- ENDIF -->

</div><!-- /.panel-ucp-avatar -->

/Mobbern3.1/template/ucp_main_front.html

Code: Select all

<!-- INCLUDE ucp_header.html -->

<h2>{L_TITLE}</h2>

<div class="panel panel-ucp-front">

	<p>{L_UCP_WELCOME}</p>

	<!-- IF .topicrow -->
	<h3 class="margin-v-20px">{L_IMPORTANT_NEWS}</h3>

	<ul class="topiclist cplist two-long-columns">
	<!-- BEGIN topicrow -->
		<li class="row<!-- IF topicrow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
			<dl class="icon {topicrow.TOPIC_IMG_STYLE}">
				<dt <!-- IF topicrow.TOPIC_ICON_IMG -->style="background-image: url({T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF -->>
					<!-- IF topicrow.S_UNREAD_TOPIC --><a href="{topicrow.U_NEWEST_POST}" class="icon-link"></a><!-- ENDIF -->
					<div class="list-inner">
						<!-- IF topicrow.S_UNREAD --><a href="{topicrow.U_NEWEST_POST}">{NEWEST_POST_IMG}</a> <!-- ENDIF --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a><br />
						<!-- IF .topicrow.pagination -->
						<div class="pagination">
							<ul>
							<!-- BEGIN pagination -->
								<!-- IF topicrow.pagination.S_IS_PREV -->
								<!-- ELSEIF topicrow.pagination.S_IS_CURRENT --><li class="active"><span>{topicrow.pagination.PAGE_NUMBER}</span></li>
								<!-- ELSEIF topicrow.pagination.S_IS_ELLIPSIS --><li class="ellipsis"><span>{L_ELLIPSIS}</span></li>
								<!-- ELSEIF topicrow.pagination.S_IS_NEXT -->
								<!-- ELSE --><li><a href="{topicrow.pagination.PAGE_URL}">{topicrow.pagination.PAGE_NUMBER}</a></li>
								<!-- ENDIF -->
							<!-- END pagination -->
							</ul>
						</div>
						<!-- ENDIF -->
						<div class="responsive-hide">
							<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->
							{L_POST_BY_AUTHOR} {topicrow.TOPIC_AUTHOR_FULL} &raquo; {topicrow.FIRST_POST_TIME}
						</div>
						<div class="responsive-show" style="display: none;">
							<!-- IF topicrow.ATTACH_ICON_IMG -->{topicrow.ATTACH_ICON_IMG} <!-- ENDIF -->
							{L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL} &laquo; <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{topicrow.LAST_POST_TIME}</a>
						</div>
					</div>
				</dt>
				<dd class="lastpost"><span>{L_LAST_POST} {L_POST_BY_AUTHOR} {topicrow.LAST_POST_AUTHOR_FULL}
					<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">{LAST_POST_IMG}</a> <br />{topicrow.LAST_POST_TIME}</span>
				</dd>
			</dl>
		</li>
	<!-- END topicrow -->
	</ul>
	<!-- ENDIF -->

	<h3 class="margin-v-20px">{L_YOUR_DETAILS}</h3>

	<dl class="details">
		<dt>{L_JOINED}{L_COLON}</dt> <dd>{JOINED}</dd>
		<dt>{L_LAST_ACTIVE}{L_COLON}</dt> <dd>{LAST_VISIT_YOU}</dd>
		<dt>{L_TOTAL_POSTS}{L_COLON}</dt> <dd><!-- IF POSTS_PCT -->{POSTS}<!-- IF S_DISPLAY_SEARCH --> | <strong><a href="{U_SEARCH_USER}">{L_SEARCH_YOUR_POSTS}</a></strong><!-- ENDIF --><br />({POSTS_DAY} / {POSTS_PCT})<!-- ELSE -->{POSTS}<!-- ENDIF --></dd>
		<!-- IF ACTIVE_FORUM != '' --><dt>{L_ACTIVE_IN_FORUM}{L_COLON}</dt> <dd><strong><a href="{U_ACTIVE_FORUM}">{ACTIVE_FORUM}</a></strong><br />({ACTIVE_FORUM_POSTS} / {ACTIVE_FORUM_PCT})</dd><!-- ENDIF -->
		<!-- IF ACTIVE_TOPIC != '' --><dt>{L_ACTIVE_IN_TOPIC}{L_COLON}</dt> <dd><strong><a href="{U_ACTIVE_TOPIC}">{ACTIVE_TOPIC}</a></strong><br />({ACTIVE_TOPIC_POSTS} / {ACTIVE_TOPIC_PCT})</dd><!-- ENDIF -->
		<!-- IF WARNINGS --><dt>{L_YOUR_WARNINGS}{L_COLON}</dt> <dd class="error">{WARNING_IMG} [{WARNINGS}]</dd><!-- ENDIF -->
	</dl>

</div><!-- /.panel-ucp-front -->


<!-- INCLUDE ucp_footer.html -->

I'm desperate, this extension has always been my dream, and have it in Mobbern is the best thing for me. Help me to adapt it, please.

[[email protected]]

I do not support the commercial styles.

[SalazarAG]

More can anyone help me?

Unfortunately I have to uninstall the extension