HomePicure options
2 posters
Page 1 of 1
Picure options
by yehiapsycho February 5th 2010, 1:00 am
Hello
i am here to just ask a simple question and i wanna know if it possible or not
can i add this function which allows me when i host a picture,two buttons will appear above the picture..
click here to enlarge ================= click here to see full size
i am just wondering and i hope thts my point is clear.
my skin :phpBB2
i am here to just ask a simple question and i wanna know if it possible or not
can i add this function which allows me when i host a picture,two buttons will appear above the picture..
click here to enlarge ================= click here to see full size
i am just wondering and i hope thts my point is clear.
my skin :phpBB2
Last edited by yehiapsycho on February 21st 2010, 2:01 am; edited 1 time in total
yehiapsycho- Forumember
-
Posts : 145
Reputation : 0
Language : English
Location : Egypt,Alexandria -
Re: Picure options
by MrMario February 5th 2010, 1:14 am
Its possible.
You will have to add some codes to your templetes in order to be able to use it.
To place the templetes go to Admin Panel // Display // Templetes
--> privmsgs_preview.tpl and posting_preview.tpl and privmsgs_read_body.tpl
--> viewtopic_body.tpl and viewcomments_body.tpl
--> privmsgs_topic_review.tpl
--> posting_topic_review.tpl
--> mod_news.tpl
--> viewtopic_body.tpl and posting_body.tpl and privmsgs_read_body.tpl and viewcomments_body.tpl
--> topics_blog_box.tpl
The option to do this will be in Admin Panel // General // Messages & Email // Configuration // Look for Image Resizer
If you need any more help you can look at this topic https://help.forumotion.com/updates-and-new-features-f1/new-update-25-fresh-functionalities-for-your-pleasure-t57131.htm
You will have to add some codes to your templetes in order to be able to use it.
To place the templetes go to Admin Panel // Display // Templetes
--> privmsgs_preview.tpl and posting_preview.tpl and privmsgs_read_body.tpl
- Spoiler:
- Replace :
- Code:
<span class="postbody">{MESSAGE}</span>
- Code:
<div class="postbody">{MESSAGE}</div>
--> viewtopic_body.tpl and viewcomments_body.tpl
- Spoiler:
- Replace :
- Code:
<span class="postbody">
<!-- google_ad_section_start -->
{postrow.displayed.MESSAGE}
<!-- google_ad_section_end -->
{postrow.displayed.SIGNATURE}
</span>
- Code:
<div class="postbody">
<!-- google_ad_section_start -->
{postrow.displayed.MESSAGE}
<!-- google_ad_section_end -->
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
</div>
--> privmsgs_topic_review.tpl
- Spoiler:
- Replace :
- Code:
<span class="postbody">{postrow.MESSAGE}</span>
By :- Code:
<div class="postbody">{postrow.MESSAGE}</div>
--> posting_topic_review.tpl
- Spoiler:
- Replace :
- Code:
<span class="postbody">{postrow.displayed.MESSAGE}</span>
By :- Code:
<div class="postbody">{postrow.displayed.MESSAGE}</div>
--> mod_news.tpl
- Spoiler:
- Replace all by :
- Code:
<!-- BEGIN post_row --><!-- BEGIN saut -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="2px"></td>
</tr>
</table><!-- END saut -->
<table class="forumline mod_news" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catLeft" height="25">
<a name="news_{post_row.ID}"></a><span class="genmed">{post_row.TITLE}</span>
</td>
</tr>
--> viewtopic_body.tpl and posting_body.tpl and privmsgs_read_body.tpl and viewcomments_body.tpl
- Spoiler:
- Code:
Add to the end of the file :
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(function(){
$('.postbody img').not('.signature_div img').css('display','none');
});
$(window).load(function(){
$('.postbody img')
.not('div.signature_div img')
.each(function(){
if ( ( $(this).width() > {switch_image_resize.IMG_RESIZE_WIDTH} && {switch_image_resize.IMG_RESIZE_WIDTH} != 0 ) || ( $(this).height() > {switch_image_resize.IMG_RESIZE_HEIGHT} && {switch_image_resize.IMG_RESIZE_HEIGHT} != 0 ) ) {
$(this)
.before(document.createElement('div'))
.prev()
.click(function(){
return false;
})
.addClass('resizebox gensmall clearfix')
.append(document.createElement('div'))
.children()
.addClass('resize_border clearfix')
.append(document.createElement('div'))
.children()
.addClass('resize_content clearfix')
.append(document.createElement('a'))
.children()
.addClass('enlarge')
.attr('href', '#')
.text('{switch_image_resize.L_IMAGE_ENLARGE}')
.focus(function(){
$(this).blur();
})
.click(function(){
$(this).parent().parent().parent().next().css('display','none').attr('resizeWidth', $(this).parent().parent().parent().next().width()).width('');
$(this).parent().parent().parent().next().width($(this).parent().parent().parent().next().width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left) ? $('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left : '').css('display','inline');
$(this).css('display','none').next('a.resize').css('display','inline-block');
$(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
return false;
})
.parent()
.append(document.createElement('a'))
.children()
.next()
.addClass('resize')
.attr('href','#')
.text('{switch_image_resize.L_CLICK_TO_RESIZE}')
.click(function(){
$(this).parent().parent().parent().next().width(parseInt($(this).parent().parent().parent().next().attr('resizeWidth'))).removeAttr('resizeWidth');
$(this).css('display','none').prev('a.enlarge').css('display','inline-block');
$(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
return false;
})
.parent()
.append(document.createElement('div'))
.children('a.resize')
.next()
.addClass('resize_filler')
.text(' ')
.parent()
.append(document.createElement('a'))
.children('div.resize_filler')
.next()
.addClass('fullsize')
.attr('href','#')
.click(function(){
window.open('/viewimage.forum?u=' + encodeURIComponent($(this).parent().parent().parent().next().attr('src')));
return false;
})
.attr('target', '_blank')
.text('{switch_image_resize.L_CLICK_TO_SEE_FULLSIZE}');
if ($(this).width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).prev().offset().left + $(this).closest('td').offset().left : $(this).prev().width() + $(this).prev().offset().left - $(this).closest('td').offset().left)){
$(this).prev().find('a.fullsize').attr('href','/viewimage.forum?u=' + encodeURIComponent($(this).attr('src'))).css('display', 'inline-block');
}
$(this).width($(this).width() * ( ( {switch_image_resize.IMG_RESIZE_WIDTH} != 0 && ( {switch_image_resize.IMG_RESIZE_HEIGHT} == 0 || $(this).width() / $(this).height() > {switch_image_resize.IMG_RESIZE_WIDTH} / {switch_image_resize.IMG_RESIZE_HEIGHT} ) )
? {switch_image_resize.IMG_RESIZE_WIDTH} / $(this).width()
: {switch_image_resize.IMG_RESIZE_HEIGHT} / $(this).height() ) )
.css('display','inline')
.prev().width($(this).width());
}
})
.css('display','inline');
});
//]]>
</script>
<!-- END switch_image_resize -->
--> topics_blog_box.tpl
- Spoiler:
- Add to the end of the file
- Code:
<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(function(){
$('.blog_message img').not('.signature_div img').css('display','none');
});
$(window).load(function(){
$('.blog_message img')
.each(function(){
if ( ( $(this).width() > {switch_image_resize.IMG_RESIZE_WIDTH} && {switch_image_resize.IMG_RESIZE_WIDTH} != 0 ) || ( $(this).height() > {switch_image_resize.IMG_RESIZE_HEIGHT} && {switch_image_resize.IMG_RESIZE_HEIGHT} != 0 ) ) {
$(this)
.before(document.createElement('div'))
.prev()
.click(function(){
return false;
})
.addClass('resizebox gensmall clearfix')
.append(document.createElement('div'))
.children()
.addClass('resize_border clearfix')
.append(document.createElement('div'))
.children()
.addClass('resize_content clearfix')
.append(document.createElement('a'))
.children()
.addClass('enlarge')
.attr('href', '#')
.text('{switch_image_resize.L_IMAGE_ENLARGE}')
.focus(function(){
$(this).blur();
})
.click(function(){
$(this).parent().parent().parent().next().css('display','none').attr('resizeWidth', $(this).parent().parent().parent().next().width()).width('');
$(this).parent().parent().parent().next().width($(this).parent().parent().parent().next().width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left) ? ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).parent().parent().parent().offset().left + $(this).closest('td').offset().left : $(this).parent().parent().parent().width() + $(this).parent().parent().parent().offset().left - $(this).closest('td').offset().left) : '').css('display','inline');
$(this).css('display','none').next('a.resize').css('display','inline-block');
$(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
return false;
})
.parent()
.append(document.createElement('a'))
.children()
.next()
.addClass('resize')
.attr('href','#')
.text('{switch_image_resize.L_CLICK_TO_RESIZE}')
.click(function(){
$(this).parent().parent().parent().next().width(parseInt($(this).parent().parent().parent().next().attr('resizeWidth'))).removeAttr('resizeWidth');
$(this).css('display','none').prev('a.enlarge').css('display','inline-block');
$(this).parent().parent().parent().width('').width($(this).parent().parent().parent().next().width());
return false;
})
.parent()
.append(document.createElement('div'))
.children('a.resize')
.next()
.addClass('resize_filler')
.text(' ')
.parent()
.append(document.createElement('a'))
.children('div.resize_filler')
.next()
.addClass('fullsize')
.attr('href','#')
.click(function(){
window.open('/viewimage.forum?u=' + encodeURIComponent($(this).parent().parent().parent().next().attr('src')));
return false;
})
.attr('target', '_blank')
.text('{switch_image_resize.L_CLICK_TO_SEE_FULLSIZE}');
if ($(this).width() > ($('html').attr('dir') != 'rtl' ? $(this).closest('td').width() - $(this).prev().offset().left + $(this).closest('td').offset().left : $(this).prev().width() + $(this).prev().offset().left - $(this).closest('td').offset().left)){
$(this).prev().find('a.fullsize').attr('href','/viewimage.forum?u=' + encodeURIComponent($(this).attr('src'))).css('display', 'inline-block');
}
$(this).width($(this).width() * ( ( {switch_image_resize.IMG_RESIZE_WIDTH} != 0 && ( {switch_image_resize.IMG_RESIZE_HEIGHT} == 0 || $(this).width() / $(this).height() > {switch_image_resize.IMG_RESIZE_WIDTH} / {switch_image_resize.IMG_RESIZE_HEIGHT} ) )
? {switch_image_resize.IMG_RESIZE_WIDTH} / $(this).width()
: {switch_image_resize.IMG_RESIZE_HEIGHT} / $(this).height() ) )
.css('display','inline')
.prev().width($(this).width());
}
})
.css('display','inline');
});
//]]>
</script>
<!-- END switch_image_resize -->
The option to do this will be in Admin Panel // General // Messages & Email // Configuration // Look for Image Resizer
If you need any more help you can look at this topic https://help.forumotion.com/updates-and-new-features-f1/new-update-25-fresh-functionalities-for-your-pleasure-t57131.htm
MrMario- Helper
- Posts : 22186
Reputation : 1839
Language : test
Re: Picure options
by yehiapsycho February 5th 2010, 1:19 pm
i am little bit lost ,, uhmm
what do i do when i reach this point ?
To place the templetes go to Admin Panel // Display // Templetes
what to be clicked then ? O.o
and what do u mean by this ? :O it can be done with 2 diffrient ways ?
The option to do this will be in Admin Panel // General // Messages & Email // Configuration // Look for Image Resizer ??
what do i do when i reach this point ?
To place the templetes go to Admin Panel // Display // Templetes
what to be clicked then ? O.o
and what do u mean by this ? :O it can be done with 2 diffrient ways ?
The option to do this will be in Admin Panel // General // Messages & Email // Configuration // Look for Image Resizer ??
yehiapsycho- Forumember
- Posts : 145
Reputation : 0
Language : English
Location : Egypt,Alexandria -
Re: Picure options
by MrMario February 5th 2010, 11:16 pm
1. You go around and click on the templates the match the bold writing I posted.
2. That is the option to use the image resizer.
2. That is the option to use the image resizer.
MrMario- Helper
- Posts : 22186
Reputation : 1839
Language : test
Re: Picure options
by yehiapsycho February 6th 2010, 12:50 am
ok thats awesome .. i am on it right now
wish me goodluck LOL
i will give feedback soon
well for example when i start by this :
and when i stop and starting looking @ templates
and then i compare if i got this
"--> privmsgs_preview.tpl and posting_preview.tpl and privmsgs_read_body.tpl"
well to be honest i cant see it sorry .
wish me goodluck LOL
i will give feedback soon
well for example when i start by this :
and when i stop and starting looking @ templates
and then i compare if i got this
"--> privmsgs_preview.tpl and posting_preview.tpl and privmsgs_read_body.tpl"
well to be honest i cant see it sorry .
yehiapsycho- Forumember
- Posts : 145
Reputation : 0
Language : English
Location : Egypt,Alexandria -
Re: Picure options
by MrMario February 6th 2010, 5:46 am
the .tpl is the file type so just look for the stuff before the .tpl.
MrMario- Helper
- Posts : 22186
Reputation : 1839
Language : test
Re: Picure options
by yehiapsycho February 6th 2010, 11:48 am
dude i am stuck when i search for this part
--> privmsgs_preview.tpl and posting_preview.tpl and privmsgs_read_body.tpl
i found it
when i click to edit it
i only get this code
"
i searched for the codes to be replaced its not there
--> privmsgs_preview.tpl and posting_preview.tpl and privmsgs_read_body.tpl
i found it
when i click to edit it
i only get this code
"
- Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
<tr>
<th class="thHead" colspan="2" height="25">{L_PREVIEW}</th>
</tr>
<tr>
<td class="row2"><span class="genmed">{L_FROM}:</span></td>
<td class="row2" width="100%"><span class="genmed">{MESSAGE_FROM}</span></td>
</tr>
<tr>
<td class="row2"><span class="genmed">{L_TO}:</span></td>
<td class="row2" width="100%"><span class="genmed">{MESSAGE_TO}</span></td>
</tr>
<tr>
<td class="row2"><span class="genmed">{L_POSTED}:</span></td>
<td class="row2" width="100%"><span class="genmed">{POST_DATE}</span></td>
</tr>
<tr>
<td class="row2"><span class="genmed">{L_SUBJECT}:</span></td>
<td class="row2" width="100%"><span class="genmed">{POST_SUBJECT}</span></td>
</tr>
<tr>
<td class="row1" colspan="2" valign="top"><div class="postbody">{MESSAGE}</div></td>
</tr>
</table>
<br clear="all" />
i searched for the codes to be replaced its not there
yehiapsycho- Forumember
- Posts : 145
Reputation : 0
Language : English
Location : Egypt,Alexandria -
Re: Picure options
by yehiapsycho February 11th 2010, 12:08 am
hello !! i know ur way busy and goodluck with that 
but try to keep up with me plz.
but try to keep up with me plz.
yehiapsycho- Forumember
- Posts : 145
Reputation : 0
Language : English
Location : Egypt,Alexandria -
Re: Picure options
by MrMario February 11th 2010, 2:38 am
Do you have this option The option to do this will be in Admin Panel // General // Messages & Email // Configuration // Look for Image Resizer?
If so don't worry about the codes.
If so don't worry about the codes.
MrMario- Helper
- Posts : 22186
Reputation : 1839
Language : test
Re: Picure options
by yehiapsycho February 16th 2010, 1:27 am
well yes i got this option..
this would do the same job like what i have said before .. or its just a replacment solution ?
this would do the same job like what i have said before .. or its just a replacment solution ?
yehiapsycho- Forumember
- Posts : 145
Reputation : 0
Language : English
Location : Egypt,Alexandria -
Re: Picure options
by MrMario February 16th 2010, 3:42 am
If you do have the option then no need to do anything to the templates.
MrMario- Helper
- Posts : 22186
Reputation : 1839
Language : test
Re: Picure options
by yehiapsycho February 21st 2010, 2:00 am
yeh i have the option
thnx dude.. and sorry for my late reply
MARKED AS SOLVED
thnx dude.. and sorry for my late reply
MARKED AS SOLVED
yehiapsycho- Forumember
- Posts : 145
Reputation : 0
Language : English
Location : Egypt,Alexandria -
MrMario- Helper
- Posts : 22186
Reputation : 1839
Language : test
Similar topics» Small Picure
» How Can Add This Options
» Customization question, custom domain name options? also pay options?
» i can't use options at all
» more options
» How Can Add This Options
» Customization question, custom domain name options? also pay options?
» i can't use options at all
» more options
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
Facebook
Twitter
Pinterest
Youtube
