[CDB] Topic Preview

A place for Extension Authors to post and receive feedback on Extensions still in development. No Extensions within this forum should be used within a live environment!
Scam Warning
Forum rules
READ: phpBB.com Board-Wide Rules and Regulations

IMPORTANT: Extensions Development rules

IMPORTANT FOR NEEDED EVENTS!!!
If you need an event for your extension please read this for the steps to follow to request the event(s)
User avatar
Darkness_demoN
Registered User
Posts: 111
Joined: Sat Jun 16, 2012 2:20 pm

Re: [DEV] Topic Preview

Post by Darkness_demoN »

Its good that you can mess with the css and make a new style like this : Image
This is the code:

Code: Select all

/**
* Topic Preview - Dark Theme
*
* Color schema:
* backgrounds: #1e1e1e
* borders:     #cecece
* box shadows: #808080
* font colors: #cecece
*/

#topic_preview {
	background: #fff;
    background-image: url(http://opcdn.battle.net/static/heroes/496/images/news/triangles.png);
    background-position: bottom;
	border: 1px solid #56a4ff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px #56a4ff;
	-moz-box-shadow: 1px 1px 3px #56a4ff;
	box-shadow: 1px 1px 3px #56a4ff;
	padding: 10px;
	margin-left: -40px;
	min-width: 40px;
	position: absolute;
	font-size: 11px;
	text-decoration: none;
	font-style: normal;
	color: #4d4c4c;
	z-index: 10;
	display: none;
}

#topic_preview:before {
	/* Upper Triangle */
	content: "";
	background: #fff;
	border: 0;
	border-top: 1px solid #56a4ff;
	border-right: 1px solid #56a4ff;
	width: 10px;
	height: 10px;
	margin-left: 15px;
	margin-top: -16px;
	display: block;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

	display /*\**/: none\9;
	*display: none !important;
	*display: none;
}

#topic_preview.invert:after {
	/* Lower Triangle */
	content: "";
	background: #fff;
	border: 0;
	border-bottom: 1px solid #56a4ff;
	border-left: 1px solid #56a4ff;
	width: 10px;
	height: 10px;
	top: 100%;
	margin-left: 15px;
	margin-top: -5px;
	display: block;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);

	display /*\**/: none\9;
	*display: none !important;
	*display: none;
}

#topic_preview.invert:before {
	/* Hide upper triangle */
	content: "";
	display: none;
}

#topic_preview hr {
	margin: 5px 0;
}

/* Avatars and Text */
.topic_preview_avatar {
	float: left;
	position: relative;
	margin: 0 10px 0 0;
	border: solid 1px #000;
	width: 60px;
	height: 60px;
}

.topic_preview_avatar img {
	width: 60px;
	height: 60px;
}

.topic_preview_avatar.rtl {
	/* rtl languages */
	float: right;
	margin: 0 0 0 10px;
}

.topic_preview_first,
.topic_preview_last {
	word-wrap: break-word;
	overflow: hidden;
	max-height: 200px;
}

.topic_preview_break {
	clear: both;
	display: block;
	width: 100%;
	height: 0;
	padding: 5px 0;
	margin: 0;
	font-size: 0;
}

/* responsive design */
@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
	#topic_preview {
		width: 300px !important;
	}
}

@media only screen and (max-width: 360px), only screen and (max-device-width: 360px) {
	#topic_preview {
		width: 220px !important;
	}
}
Peter77sx
Registered User
Posts: 3260
Joined: Wed Nov 09, 2005 2:51 pm

Re: [DEV] Topic Preview

Post by Peter77sx »

Great work with this so far, VSE.

My first attempt at installing an Extension-- it was easy! :geek:
User avatar
MattF
Extensions Development Coordinator
Extensions Development Coordinator
Posts: 6080
Joined: Sat Jan 17, 2009 9:37 am
Location: Los Angeles, CA
Name: Matt Friedman

Re: [BETA] Topic Preview

Post by MattF »

Updated to Beta 1 release version :)

See first post.
Formerly known as VSEMy ExtensionsPlease do not PM me for support.
User avatar
PayBas
Former Team Member
Posts: 930
Joined: Thu May 25, 2006 12:37 am

Re: [BETA] Topic Preview

Post by PayBas »

Still an awesome extension ;).
User avatar
Meis2M
Translator
Posts: 1020
Joined: Wed Mar 03, 2010 11:32 am
Location: IR.Damghan
Name: میثم نوبری

Re: [BETA] Topic Preview

Post by Meis2M »

Edit Persian translation for one file:
vse/passwordstrength/language/fa/passwordstrength.php

Code: Select all

<?php
/**
*
* info_acp_topic_preview [Persian]
* Persian Translator: Meisam Noubari from IRAN in php-bb.ir
*
* @package language
* @copyright (c) 2013 Matt Friedman
* @license http://opensource.org/licenses/gpl-2.0.php GNU General Public License v2
*
*/

/**
* DO NOT CHANGE
*/
if (!defined('IN_PHPBB'))
{
exit;
}

if (empty($lang) || !is_array($lang))
{
$lang = array();
}

// DEVELOPERS PLEASE NOTE
//
// All language files should use UTF-8 as their encoding and the files must not contain a BOM.
//
// Placeholders can now contain order information, e.g. instead of
// 'Page %s of %s' you can (and should) write 'Page %1$s of %2$s', this allows
// translators to re-order the output of data while ensuring it remains correct
//
// You do not need this where single placeholders are used, e.g. 'Message %d' is fine
// equally where a string contains only two placeholders which are used to wrap text
// in a url you again do not need to specify an order e.g., 'Click %sHERE%s' is fine

$lang = array_merge($lang, array(
'TOPIC_PREVIEW'	=> 'پیشنمایش پست',
'TOPIC_PREVIEW_EXPLAIN'	=> 'پیش نمایش موضوع و نمایش گزیده ای کوتاه از متن از اولین پست در یک tooltip در حالی که نشانه گر ماوس روی آن است.',
'TOPIC_PREVIEW_SETTINGS'	=> 'تنظیمات پیشنمایش پستها',
'TOPIC_PREVIEW_DISPLAY'	=> 'نمایش مود پیشنمایش پستها',
'TOPIC_PREVIEW_LENGTH'	=> 'طول موضوع متن پیشنمایش',
'TOPIC_PREVIEW_LENGTH_EXPLAIN'	=> 'تعداد حروف نمایش دهنده در toplip که به طور پیشفرض 150 حرف است. برای بکار انداختن این ویژگی 0 را وارد کنید.',
'TOPIC_PREVIEW_STRIP'	=> 'مخفی کردن BBcode ها',
'TOPIC_PREVIEW_STRIP_EXPLAIN'	=> 'لیست BBcode هایی که نمیخواهید در toplip نمایش داده شود. برای مثال متن های پنهانی که برای میهمانان قابل مشاهده نیست.',
'TOPIC_PREVIEW_AVATARS'	=> 'نمایش آواتار کاربر در جی کوئری',
'TOPIC_PREVIEW_LAST_POST'	=> 'نمایش آخرین پست موضوع در جی کوئری',
'CHARS'	=> 'کاراکتر',

'TOPIC_PREVIEW_STYLE_SETTINGS'	=> 'تنظیمات قالب افزونه"پیش نمایش پست"',
'TOPIC_PREVIEW_WIDTH'	=> 'عرض جدول ( بر حسب پیکسل )',
'TOPIC_PREVIEW_DELAY'	=> 'تاخیر در نمایش ( بر حسب میلی ثانیه )',
'TOPIC_PREVIEW_DRIFT'	=> 'جلوه انیمیشن ( بر حسب پیکسل )',
'TOPIC_PREVIEW_DRIFT_EXPLAIN'	=> ' مقدار انیمیشن عمودی(استفاده از مقادیر منفی برای تغییر جهت).',
'TOPIC_PREVIEW_THEME'	=> 'قالب برای %s',
'TOPIC_PREVIEW_THEME_EXPLAIN'	=> 'انتخاب قالب برای %s',
'THEME'	=> 'قالب',
'MILLISECOND'	=> 'میلی ثانیه',
));
phpBB persian international support
Follow us in Instagram
Free upgrade and install extensions on your forum - drop me PM
Ultimate phpBB SEO Friendly URL extension
User avatar
MattF
Extensions Development Coordinator
Extensions Development Coordinator
Posts: 6080
Joined: Sat Jan 17, 2009 9:37 am
Location: Los Angeles, CA
Name: Matt Friedman

Re: [BETA] Topic Preview

Post by MattF »

Thanks.
Formerly known as VSEMy ExtensionsPlease do not PM me for support.
User avatar
nuxtovios
Registered User
Posts: 17
Joined: Tue May 29, 2007 6:06 pm

Re: [BETA] Topic Preview

Post by nuxtovios »

Hi there! Awesome Ext :)

How can i make the preview to show by default under the topic Subject with no mouse hover?

Example
Image

Soon Greek translation will be ready :)
User avatar
MattF
Extensions Development Coordinator
Extensions Development Coordinator
Posts: 6080
Joined: Sat Jan 17, 2009 9:37 am
Location: Los Angeles, CA
Name: Matt Friedman

Re: [BETA] Topic Preview

Post by MattF »

It's not designed to do that.
Formerly known as VSEMy ExtensionsPlease do not PM me for support.
User avatar
MattF
Extensions Development Coordinator
Extensions Development Coordinator
Posts: 6080
Joined: Sat Jan 17, 2009 9:37 am
Location: Los Angeles, CA
Name: Matt Friedman

Re: [BETA] Topic Preview

Post by MattF »

Updated to Beta 2.

Most noticeable change is avatar images will now retain their correct proportions when scaled to fit the preview.
Formerly known as VSEMy ExtensionsPlease do not PM me for support.
User avatar
MattF
Extensions Development Coordinator
Extensions Development Coordinator
Posts: 6080
Joined: Sat Jan 17, 2009 9:37 am
Location: Los Angeles, CA
Name: Matt Friedman

Re: [BETA] Topic Preview

Post by MattF »

Updated to Beta 3 to work with phpBB 3.1.0-RC2

See first post.
Formerly known as VSEMy ExtensionsPlease do not PM me for support.
User avatar
Patrick W.
Registered User
Posts: 110
Joined: Wed Sep 26, 2007 9:02 pm

Re: [BETA] Topic Preview

Post by Patrick W. »

I really like this extension. I do have one feature request, however.

Would it be possible to extend this past the viewforum page and include the index page's last post column to include the topic preview hover? If not an 'automatic on' such as it is on the viewforum page, then as a setting? Maybe only allow it if "Display 'Last Post'" is set to yes.

I feel like this implemented in either of these fashions would make this a better extension in the long run.
Always use the Support Board for phpBB support. One PM answers one. One post answers many.
User avatar
Volksdevil
Registered User
Posts: 2415
Joined: Sun Oct 03, 2010 2:03 pm
Location: Lancashire, UK
Name: Neil

Re: [BETA] Topic Preview

Post by Volksdevil »

^^ +1 as an option in the acp.

I'm testing on 3.1.0-RC2 and it all works great! 8-) Good work man.
My phpBB Extensions
Finally found great Website Hosting from :arrow: KUALO!
Do NOT use 123-reg.co.uk - Incapable of running phpBB!
:ugeek: TekNeil - Streamer on Twitch | My Volkswagen Corrado G60
User avatar
watisnf.nl
Registered User
Posts: 607
Joined: Sat Mar 13, 2010 12:53 pm
Location: The Netherlands
Name: David

Re: [BETA] Topic Preview

Post by watisnf.nl »

Just added two pull request for the Dutch translation :)

The extension looks really nice, It a nice function that makes the forum a little more modern. I tested it a while ago and I'm testing it again now, well done!
Dutch Translator | Looking for, Dutch extensions translations
User avatar
aldink
Registered User
Posts: 67
Joined: Wed May 16, 2012 7:32 pm
Location: Dortmund

Re: [BETA] Topic Preview

Post by aldink »

don't work the BBcode's for me.. :?
phpBBadvanced.com - phpBB templates. 3.0.12 Zaroon (need forum account to download.)
User avatar
MattF
Extensions Development Coordinator
Extensions Development Coordinator
Posts: 6080
Joined: Sat Jan 17, 2009 9:37 am
Location: Los Angeles, CA
Name: Matt Friedman

Re: [BETA] Topic Preview

Post by MattF »

aldink wrote:don't work the BBcode's for me.. :?
BBCodes are removed.
Formerly known as VSEMy ExtensionsPlease do not PM me for support.

Return to “Extensions in Development”