Posted Sun Sep 14, 2014 5:31 pm
SocialAcademy • Forum » Support Section » Ask Question 's & Problems » Solved & Trash Files → [Answered] request tutor
Go to page : 1, 2
- Please log in to Reply
#2
Jordan Lee
Posted Sun Sep 14, 2014 5:41 pm
pedros wrote:[link="/t613-request-tutor#5207"]Details:you can do this tutors for invision . Thank you very much!
Screenshot:
Forum Address:
Forum Version: Invision
Hello,
What is your problem?
#3
rosjoshuarecto
#4
pedros
Posted Sun Sep 14, 2014 7:56 pm
no..problem
request tutor preview image subforum
request tutor preview image subforum
#5
rosjoshuarecto
#6
Grafix
#7
pedros
Posted Mon Sep 15, 2014 6:46 pm
here it is.Thank you very much!
- Spoiler:
- Code:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
//<![CDATA[
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
{
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
{
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
//]]>
</script>
<!-- END multi_selection -->
<div class="maintitle floated dropped">
<h3>{FORUM_NAME} </h3>
<!-- BEGIN switch_forum_options -->
<div id="forummenu-options" class="popmenubutton">
<a href="javascript:void(0);" onclick="togglePopUpMenu('forummenu-options_menu');">{L_FORUM_OPTIONS}</a>
</div>
<ul id="forummenu-options_menu" class="popupmenu" style="position: absolute; top: 30px; right: 8px; z-index: 10000; display: none;">
<li class="popupmenu-category">
{L_FORUM_OPTIONS}
</li>
<li class="popupmenu-item">
<a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>
</li>
<li class="popupmenu-item last">
{S_WATCH_FORUM}
</li>
</ul>
<!-- END switch_forum_options -->
</div>
<table cellspacing="0" cellpadding="0" class="ipbtable">
<thead>
<tr>
<th class="icon"></th>
<th class="icon" style="width: 2%;"></th>
<th class="forum2">{topics_list_box.row.L_TITLE}</th>
<th class="topics">{topics_list_box.row.L_REPLIES}</th>
<th class="starter">{topics_list_box.row.L_AUTHOR}</th>
<th class="views">{topics_list_box.row.L_VIEWS}</th>
<th class="last last-post2">{topics_list_box.row.L_LASTPOST}</th>
<!-- BEGIN multi_selection -->
<th>
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
</th>
<!-- END multi_selection -->
</tr>
</thead>
<tbody>
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
<div class="maintitle">
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE}</h2>
</div>
<table cellspacing="0" cellpadding="0" class="ipbtable">
<thead>
<tr>
<th class="icon"></th>
<th class="icon"></th>
<th class="forum2">{topics_list_box.row.topic.table_sticky.L_TITLE}</th>
<th class="topics">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
<th class="starter">{topics_list_box.row.topic.table_sticky.L_AUTHOR}</th>
<th class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
<th class="last last-post2">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
<!-- BEGIN multi_selection -->
<th class="checkbox">
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
</th>
<!-- END multi_selection -->
</tr>
</thead>
<tbody>
<!-- END table_sticky -->
<tr>
<td class="row1 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</td>
<td class="row1 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
{topics_list_box.row.ICON}
</td>
<td class="row1 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
<!-- END single_selection -->
{topics_list_box.row.PARTICIPATE_POST_IMG} {topics_list_box.row.NEWEST_POST_IMG} {topics_list_box.row.TOPIC_TYPE}
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
<!-- BEGIN switch_description -->
<p class="topic-desc">{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</p>
<!-- END switch_description -->
{topics_list_box.row.GOTO_PAGE_NEW}
</td>
<td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
<td class="row1 centered author <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.TOPIC_AUTHOR}</td>
<td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
<td class="row1 lastaction <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
{topics_list_box.row.LAST_POST_IMG} {topics_list_box.row.LAST_POST_TIME}
<br />{topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR}
</td>
<!-- BEGIN multi_selection -->
<td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<input type="checkbox" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
</td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="row1 centered" colspan="8"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</tbody>
</table>
<div class="tfooter box-content darkrow clearfix">
<!-- BEGIN search -->
<div class="search-footer-box">
<form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
<fieldset>
<input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
<input class="button" type="submit" value="{L_SEARCH}" />
<input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
</fieldset>
</form>
</div>
<!-- END search -->
</div>
<!-- END bottom -->
<!-- BEGIN spacer -->
<br />
<!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
#8
Grafix
Posted Thu Sep 18, 2014 10:48 am
first ! replace your all topic_list_box template with this
- Code:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
<!-- BEGIN multi_selection -->
<script type="text/javascript">
//<![CDATA[
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
{
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
{
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
{
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
{
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
//]]>
</script>
<!-- END multi_selection -->
<div class="maintitle floated dropped">
<h3>{FORUM_NAME} </h3>
<!-- BEGIN switch_forum_options -->
<div id="forummenu-options" class="popmenubutton">
<a href="javascript:void(0);" onclick="togglePopUpMenu('forummenu-options_menu');">{L_FORUM_OPTIONS}</a>
</div>
<ul id="forummenu-options_menu" class="popupmenu" style="position: absolute; top: 30px; right: 8px; z-index: 10000; display: none;">
<li class="popupmenu-category">
{L_FORUM_OPTIONS}
</li>
<li class="popupmenu-item">
<a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a>
</li>
<li class="popupmenu-item last">
{S_WATCH_FORUM}
</li>
</ul>
<!-- END switch_forum_options -->
</div>
<table cellspacing="0" cellpadding="0" class="ipbtable">
<thead>
<tr>
<th class="icon"></th>
<th class="icon" style="width: 2%;"></th>
<th class="forum2">{topics_list_box.row.L_TITLE}</th>
<th class="topics">{topics_list_box.row.L_REPLIES}</th>
<th class="starter">{topics_list_box.row.L_AUTHOR}</th>
<th class="views">{topics_list_box.row.L_VIEWS}</th>
<th class="last last-post2">{topics_list_box.row.L_LASTPOST}</th>
<!-- BEGIN multi_selection -->
<th>
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
</th>
<!-- END multi_selection -->
</tr>
</thead>
<tbody>
<!-- END header_table -->
<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->
<!-- BEGIN topic -->
<!-- BEGIN table_sticky -->
</tbody>
</table>
<div class="maintitle">
<h2>{topics_list_box.row.topic.table_sticky.L_TITLE}</h2>
</div>
<table cellspacing="0" cellpadding="0" class="ipbtable">
<thead>
<tr>
<th class="icon"></th>
<th class="icon"></th>
<th class="forum2">{topics_list_box.row.topic.table_sticky.L_TITLE}</th>
<th class="topics">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
<th class="starter">{topics_list_box.row.topic.table_sticky.L_AUTHOR}</th>
<th class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
<th class="last last-post2">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
<!-- BEGIN multi_selection -->
<th class="checkbox">
<input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
</th>
<!-- END multi_selection -->
</tr>
</thead>
<tbody>
<!-- END table_sticky -->
<tr>
<td class="row1 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
</td>
<td class="row1 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
{topics_list_box.row.ICON}
</td>
<td class="row1 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN single_selection -->
<input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
<!-- END single_selection -->
{topics_list_box.row.PARTICIPATE_POST_IMG} {topics_list_box.row.NEWEST_POST_IMG} {topics_list_box.row.TOPIC_TYPE}
<a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
<!-- BEGIN switch_description -->
<br />
<a rel="lightbox" href="{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}" id="hanckidescpopup"><img class="hanckidesc" src="{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}"/></a>
<!-- END switch_description -->
{topics_list_box.row.GOTO_PAGE_NEW}
</td>
<td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
<td class="row1 centered author <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.TOPIC_AUTHOR}</td>
<td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
<td class="row1 lastaction <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
{topics_list_box.row.LAST_POST_IMG} {topics_list_box.row.LAST_POST_TIME}
<br />{topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR}
</td>
<!-- BEGIN multi_selection -->
<td class="row2 centered <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
<input type="checkbox" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
</td>
<!-- END multi_selection -->
</tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
<td class="row1 centered" colspan="8"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->
<!-- BEGIN bottom -->
</tbody>
</table>
<div class="tfooter box-content darkrow clearfix">
<!-- BEGIN search -->
<div class="search-footer-box">
<form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
<fieldset>
<input type="text" name="search_keywords" id="search_keywords" size="20" value="{L_SEARCH}" onclick="if (this.value == '{L_SEARCH}') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}';" />
<input class="button" type="submit" value="{L_SEARCH}" />
<input type="hidden" value="{SEARCH_WHERE}" name="search_where" />
</fieldset>
</form>
</div>
<!-- END search -->
</div>
<!-- END bottom -->
<!-- BEGIN spacer -->
<br />
<!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
<style>
img.hanckidesc{float:right !important}
img.hanckidesc{width:100px;height:50px;background-color:#ACF5B2;margin-left:-85px;margin-top:-35px;padding:1px;box-shadow:0 0 6px rgba(132,132,132,0.75);border-radius:4px}
</style>
#9
pedros
Posted Thu Sep 18, 2014 6:18 pm
I do not see image.thanks for the reply
#10
pedros
Posted Thu Sep 18, 2014 7:11 pm
I found this it works question:
remove double image ?
remove scroll ?
resize images ? Thank you very much!
remove double image ?
remove scroll ?
resize images ? Thank you very much!
- Spoiler:
- Code:
/***
* Application: Topic Thumbnail
* Description: This application can displays thumbnails of topics.
* Version: 1.03032014-jq1.9.1 - Udyat (Argumentum parvam)
* Made and Optimizations by JScript - 2014/03/03
* View more in: http://ajuda.forumeiros.com
* Copyright (c) 2013 JScript <jscriptbrasil at live dot com>
* This work is free. You can redistribute it and/or modify it
* under the terms of the WTFPL, Version 2
*/
jQuery(function () {
var sCSS =
'<style>' +
'.bim_mainThumb {' +
'opacity: 1;' +
'visibility: visible;' +
'max-width: none;' +
'max-height: none;' +
'width: 100%;' +
'height: auto;' +
'display: block;' +
'image-rendering: auto' +
'}' +
'.bim_thumbPreview {' +
'float: right;' +
'position: relative;' +
'z-index: 0;' +
'}' +
'.bim_img_container {' +
'height: 70px;' +
'width: 70px;' +
'}' +
'.bim_thumbPreview span {' +
'box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);' +
'margin-left: 84px;' +
'margin-top: -68px;' +
'position: absolute;' +
'visibility: hidden;' +
'z-index: 100;' +
'}' +
'.bim_thumbPreview:hover span {' +
'visibility: visible;' +
'}' +
'.bim_thumbPreview span img {' +
'border: 3px solid #000000;' +
'max-width: 300px;' +
'}' +
'</style>';
document.head.insertAdjacentHTML('beforeEnd', sCSS);
var sHtml =
'<a class="bim_thumbPreview">' +
'<div style="padding: 1px; border: 1px solid #d5d5d5;">' +
'<div class="thumbIMG">' +
'<div class="bim_img_container" style="overflow: hidden; background-image: none;">' +
'<img src="http://2img.net/i/fa/empty.gif" class="bim_mainThumb">' +
'</div>' +
'</div>' +
'</div>' +
'<span class="previewIMG"><img src="http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg"></span>' +
'</a>';
var oTarget = 0,
sFound = 'td:eq(2)',
sInsert = '',
sCommon = 'a.topictitle',
sOverflow = 'auto',
sGetIMG = '';
/* Forum versions! */
var phpBB2 = jQuery('.three-col td:eq(1) > table.forumline:last tbody tr:not(":empty")');
var phpBB3 = jQuery('.topiclist.topics.bg_none li:not(":empty")');
var punbb = jQuery('.statused tr:not(":empty")');
var invision = jQuery('.borderwrap table.ipbtable tbody tr:not(":empty")');
if (phpBB2.length) {
oTarget = phpBB2;
sInsert = 'div.topictitle';
sGetIMG = '.postbody:first div:eq(0) img';
} else if(phpBB3.length) {
oTarget = phpBB3;
sFound = 'dd.dterm';
sInsert = 'div.topic-title-container';
sOverflow = 'inherit';
sGetIMG = '.postbody:first .content img';
} else if(punbb.length) {
oTarget = punbb;
sFound = '.tcl.tdtopics';
sInsert = 'span.status';
sGetIMG = '.entry-content:first img';
} else if(invision.length) {
oTarget = invision;
sInsert = sCommon;
sGetIMG = '.post-entry:first img';
};
oTarget.each(function( index ) {
var oFound = jQuery(this).find(sFound);
if (oFound.length) {
var oInsert = oFound.find(sInsert);
var sUrl = oFound.find(sCommon).attr('href');
var ID = 'Udyat_' + index;
oFound.attr('id', ID);
oFound.css('overflow', sOverflow);
jQuery(sHtml).insertAfter(oInsert);
/***
* Only show the image if is visible in browser window (view port)!!!
* Made and Optimizations by JScript at www.punbb.forumeiros.com
*/
var elem = document.getElementById( ID );
if (isInViewPort(elem)) {
jQuery.get(sUrl, function(data) {
var oImg = jQuery(sGetIMG, data);
var sImg = '';
if (oImg !== undefined) {
sImg = oImg.attr('src');
if (sImg !== undefined) {
oFound.find('.bim_img_container img').attr('src', sImg);
oFound.find('.previewIMG img').attr('src', sImg);
} else {
oFound.find('.bim_img_container img').attr('src', 'http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg');
}
}
});
} else {
/* Fire event for 'scroll' to show the image... */
jQuery(window).on('scroll.' + sUrl, showImage(sUrl, elem, oFound, sGetIMG));
}
}
});
});
/* Function to check if an element is visible in view port */
function isInViewPort(elem) {
var rect = elem.getBoundingClientRect();
return (
rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /*or $(window).height() */
rect.right <= (window.innerWidth || document.documentElement.clientWidth) /*or $(window).width() */ );
}
/* Start function to show the image... */
function showImage(event, elem, oBject, sString) {
return function() {
/* Chech if the element is visible in view port! */
if (isInViewPort(elem)) {
/* If visible, stop event!!! */
jQuery(window).off('scroll.' + event);
jQuery.get(event, function(data) {
var oImg = jQuery(sString, data);
var sImg = '';
if (oImg !== undefined) {
sImg = oImg.attr('src');
if (sImg !== undefined) {
oBject.find('.bim_img_container img').attr('src', sImg);
oBject.find('.previewIMG img').attr('src', sImg);
} else {
oBject.find('.bim_img_container img').attr('src', 'http://i55.servimg.com/u/f55/18/17/62/92/no_ima10.jpg');
}
}
});
}
}
}
Message (Page 1 of 2)
Go to page : 1, 2
Share Topics Url
Url | |
BBcode | |
HTML |
Permissions in this forum:
You cannot reply to topics in this forum