Subsilver2 Extra`s

[Post Bot]

Subsilver2 Extra`s
Written by DoYouSpeakWak??

For some time i wondered why some prosilver and subsilver2 features are so diffrent. Here is a few examples and how to change them. If you got any other subsilver2 features that could need improving, this could be the place to post them.

[font=Verdana]Overview[/font]

• [goto=one]Attachment box[/goto]
• [goto=two]Clickable username and avatar[/goto]
• [goto=three]Disable topic icons[/goto]
• [goto=four]Inserting long messages[/goto]
• [goto=five]Link to posts[/goto]

[font=Verdana]Attachment box[/font][anchor]one[/anchor]
A box are made for inline attached images. Prosilver just shows the image and on mouse over the file info.

Prosilver
[hsimg]http://psyhosting.info/mod_images/attac ... silver.png[/hsimg]
Subsilver2
[hsimg]http://psyhosting.info/mod_images/attac ... ilver2.png[/hsimg]

Fix:(demo) (Credit to prototech) Altered to look more clean.

Open /styles/subsilver2/template/bbcode.html
[spoiler2]Find

Code: Select all

<!-- BEGIN inline_attachment_open -->
<div class="attachtitle">{L_ATTACHMENT}:</div><div class="attachcontent">
<!-- END inline_attachment_open -->

Replace-with

Code: Select all

<!-- BEGIN inline_attachment_open -->
<div class="attachcontent-inline">
<!-- END inline_attachment_open -->

[/spoiler2]

Open /styles/subsilver2/template/attachment.html
[spoiler2]Find

Code: Select all

		<!-- IF _file.COMMENT -->
			<span class="gensmall"><b>{L_FILE_COMMENT}:</b> {_file.COMMENT}</span><br />
		<!-- ENDIF -->

		<!-- IF _file.S_THUMBNAIL -->
			<a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" /></a><br />
			<span class="gensmall">{_file.DOWNLOAD_NAME} [ {_file.FILESIZE} {_file.SIZE_LANG} | {_file.L_DOWNLOAD_COUNT} ]</span>
		<!-- ENDIF -->

		<!-- IF _file.S_IMAGE -->
			<img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" /><br />
			<span class="gensmall">{_file.DOWNLOAD_NAME} [ {_file.FILESIZE} {_file.SIZE_LANG} | {_file.L_DOWNLOAD_COUNT} ]</span>
		<!-- ENDIF -->

Replace-with

Code: Select all

		<!-- IF _file.S_THUMBNAIL -->
			<a href="{_file.U_DOWNLOAD_LINK}"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}"/></a>
		<!-- ENDIF -->

		<!-- IF _file.S_IMAGE -->
			<img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}"/>
		<!-- ENDIF -->
   
		<!-- IF _file.COMMENT -->
			<br /><em>{_file.COMMENT}</em>
		<!-- ENDIF -->

Or with this (If highslide attachment mod is installed)

Code: Select all

		<!-- IF _file.S_THUMBNAIL -->
		<div class="highslide-gallery">
			<a href="{_file.U_DOWNLOAD_LINK}/{_file.DOWNLOAD_NAME}" class="highslide" onclick="return hs.expand(this)"><img src="{_file.THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}"/></a>
				<div class="highslide-heading"></div>
		</div>
		<!-- ENDIF -->

		<!-- IF _file.S_IMAGE -->
			<img src="{_file.U_INLINE_LINK}" alt="{_file.DOWNLOAD_NAME}" title="{_file.DOWNLOAD_NAME} ({_file.FILESIZE} {_file.SIZE_LANG}) {_file.L_DOWNLOAD_COUNT}"/>
		<!-- ENDIF -->
   
		<!-- IF _file.COMMENT -->
			<br /><em>{_file.COMMENT}</em>
		<!-- ENDIF -->

[/spoiler2]

Open /styles/subsilver2/theme/stylesheet.css
[spoiler2]Find

Code: Select all

.attachcontent {
   font-size: 0.85em;
}

Replace-with

Code: Select all

.attachcontent, .attachcontent-inline {
   font-size: 0.85em;
}

[/spoiler2]


[font=Verdana]Clickable username and avatar[/font][anchor]two[/anchor]
Standard subsilver2 do not have links to users profile in viewtopic_body.html, when clicking the users name or avatar.

Fix:(demo)
Open /styles/subsilver2/template/viewtopic_body.html
[spoiler2]Find

Code: Select all

<b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b>

Replace-with

Code: Select all

<a href="{postrow.U_POST_AUTHOR}"><b class="postauthor"<!-- IF postrow.POST_AUTHOR_COLOUR --> style="color: {postrow.POST_AUTHOR_COLOUR}"<!-- ENDIF -->>{postrow.POST_AUTHOR}</b></a>

Find

Code: Select all

<td>{postrow.POSTER_AVATAR}</td>

Replace-with

Code: Select all

<td><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a></td>

[/spoiler2]
You can center most parts of code in that area of viewtopic_body.html.
Example:

Code: Select all

<td align="center"><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a></td>

[font=Verdana]Disable topic icons[/font][anchor]three[/anchor]
phpBB3 can disable them in viewtopic.

Acp > Forums > manage forums, enter the forum you wanna edit and set the "Enable topic icons" to no.

But the row will still be visable in the following sections of search.php

View unanswered posts
View active topics
View new posts
View your posts

Example
[hsimg]http://psyhosting.info/mods/subsilver2_extra1.PNG[/hsimg]

Fix: (Credit to TheIlluminative)
Open /styles/subsilver2/template/search_results.html
[spoiler2]Find

Code: Select all

		<th colspan="2" nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>

Replace with

Code: Select all

		<th nowrap="nowrap">&nbsp;{L_TOPICS}&nbsp;</th>

Find and delete

Code: Select all

			<td class="row1" width="25" align="center"> 
			<!-- IF searchresults.TOPIC_ICON_IMG --> 
				<img src="{T_ICONS_PATH}{searchresults.TOPIC_ICON_IMG}" width="{searchresults.TOPIC_ICON_IMG_WIDTH}" height="{searchresults.TOPIC_ICON_IMG_HEIGHT}" alt="" title="" /> 
			<!-- ENDIF --> 
			</td>

[/spoiler2]


[font=Verdana]Inserting long messages[/font][anchor]four[/anchor]
When you insert this in prosilver with a "code" bbcode, a box is made were you can scroll. But not in subsilver2. the post just gets very wide and mess up the design. The same edits can be made for quotes

Example:
[hsimg]http://psyhosting.info/mod_images/code_ ... ilver2.PNG[/hsimg]

Try it yourself and see the problem.

Code: Select all

Duplicate entry '0' for key 'PRIMARY' [1062]

SQL

INSERT INTO phpbb_bbcodes (bbcode_tag, bbcode_helpline, display_on_posting, bbcode_match, bbcode_tpl, first_pass_match, first_pass_replace, second_pass_match, second_pass_replace) VALUES ('spoiler2', 'Insert spoiler2: [spoiler2]your text here[/spoiler2]', '1', '0x5b73706f696c65725d7b544558547d5b2f73706f696c65725d', '0x3c646976207374796c653d226d617267696e3a323070783b206d617267696e2d746f703a357078223e3c64697620636c6173733d2271756f74657469746c65223e3c623e53706f696c65723a3c2f623e203c696e70757420747970653d22627574746f6e222076616c75653d2253686f7722207374796c653d2277696474683a343570783b666f6e742d73697a653a313070783b6d617267696e3a3070783b70616464696e673a3070783b22206f6e636c69636b3d2269662028746869732e706172656e744e6f64652e706172656e744e6f64652e676574456c656d656e747342795461674e616d65282764697627295b315d2e676574456c656d656e747342795461674e616d65282764697627295b305d2e7374796c652e646973706c617920213d20272729207b20746869732e706172656e744e6f64652e706172656e744e6f64652e676574456c656d656e747342795461674e616d65282764697627295b315d2e676574456c656d656e747342795461674e616d65282764697627295b305d2e7374796c652e646973706c6179203d2027273b202020202020746869732e696e6e657254657874203d2027273b20746869732e76616c7565203d202748696465273b207d20656c7365207b20746869732e706172656e744e6f64652e706172656e744e6f64652e676574456c656d656e747342795461674e616d65282764697627295b315d2e676574456c656d656e747342795461674e616d65282764697627295b305d2e7374796c652e646973706c6179203d20276e6f6e65273b20746869732e696e6e657254657874203d2027273b20746869732e76616c7565203d202753686f77273b207d22202f3e3c2f6469763e3c64697620636c6173733d2271756f7465636f6e74656e74223e3c646976207374796c653d22646973706c61793a206e6f6e653b223e7b544558547d3c2f6469763e3c2f6469763e3c2f6469763e', '0x215c5b73706f696c65725c5d282e2a3f295c5b2f73706f696c65725c5d21696573', '0x275b73706f696c65723a247569645d272e7374725f7265706c61636528617272617928225c725c6e222c20275c22272c20275c27272c202728272c20272927292c20617272617928225c6e222c202722272c2027262333393b272c2027262334303b272c2027262334313b27292c207472696d2827247b317d2729292e275b2f73706f696c65723a247569645d27', '0x215c5b73706f696c65723a247569645c5d282e2a3f295c5b2f73706f696c65723a247569645c5d2173', '0x3c646976207374796c653d226d617267696e3a323070783b206d617267696e2d746f703a357078223e3c64697620636c6173733d2271756f74657469746c65223e3c623e53706f696c65723a3c2f623e203c696e70757420747970653d22627574746f6e222076616c75653d2253686f7722207374796c653d2277696474683a343570783b666f6e742d73697a653a313070783b6d617267696e3a3070783b70616464696e673a3070783b22206f6e636c69636b3d2269662028746869732e706172656e744e6f64652e706172656e744e6f64652e676574456c656d656e747342795461674e616d65282764697627295b315d2e676574456c656d656e747342795461674e616d65282764697627295b305d2e7374796c652e646973706c617920213d20272729207b20746869732e706172656e744e6f64652e706172656e744e6f64652e676574456c656d656e747342795461674e616d65282764697627295b315d2e676574456c656d656e747342795461674e616d65282764697627295b305d2e7374796c652e646973706c6179203d2027273b202020202020746869732e696e6e657254657874203d2027273b20746869732e76616c7565203d202748696465273b207d20656c7365207b20746869732e706172656e744e6f64652e706172656e744e6f64652e676574456c656d656e747342795461674e616d65282764697627295b315d2e676574456c656d656e747342795461674e616d65282764697627295b305d2e7374796c652e646973706c6179203d20276e6f6e65273b20746869732e696e6e657254657874203d2027273b20746869732e76616c7565203d202753686f77273b207d22202f3e3c2f6469763e3c64697620636c6173733d2271756f7465636f6e74656e74223e3c646976207374796c653d22646973706c61793a206e6f6e653b223e247b317d3c2f6469763e3c2f6469763e3c2f6469763e')

BACKTRACE

FILE: includes/db/mysqli.php
LINE: 163
CALL: dbal->sql_error()

FILE: install/install_bbcode.php
LINE: 180
CALL: dbal_mysqli->sql_query()

FILE: install/install_bbcode.php
LINE: 118
CALL: install_bbcode->bbcode_data()

FILE: install/index.php
LINE: 417
CALL: install_bbcode->main()

FILE: install/index.php
LINE: 289
CALL: module->load()

Fix: (demo)(Credit to prototech)
Open /styles/subsilver2/theme/stylesheet.css
[spoiler2]Find

Code: Select all

.codetitle {
   margin: 10px 5px 0 5px;
   padding: 2px 4px;
   border-width: 1px 1px 0 1px;
   border-style: solid;
   border-color: #A9B8C2;
   color: #333333;
   background-color: #A9B8C2;
   font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
   font-size: 0.8em;

Add-after

Code: Select all

   width: 700px;

Find

Code: Select all

.codecontent {
   direction: ltr;
   margin: 0 5px 10px 5px;
   padding: 5px;
   border-color: #A9B8C2;
   border-width: 0 1px 1px 1px;
   border-style: solid;
   font-weight: normal;
   color: #006600;
   font-size: 0.85em;
   font-family: Monaco, 'Courier New', monospace;
   background-color: #FAFAFA;

Add-after

Code: Select all

   overflow: auto;
   width: 700px;
   max-height: 200px;

[/spoiler2]

[font=Verdana]Link to posts[/font][anchor]five[/anchor]
The subject of each post are not clickable as in prosilver.

[hsimg]http://psyhosting.info/mod_images/post_ ... ilver2.PNG[/hsimg]

Fix:(demo)
[spoiler2]OPEN
styles/subsilver2/template/viewtopic_body.html
Find

Code: Select all

{postrow.POST_SUBJECT}

Replace-with

Code: Select all

<a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a>

[/spoiler2]

More to come

[TiTex]

thank you for sharing , i applied them all , just one thing
if you make the changes for Inserting long messages i think you should not use fixed width like width: 700px; because for me it messed up pm view history, use max-width:700px; instead.

[DoYouSpeakWak]

Good idea.

[am.hitek]

thank you for sharing , i applied them all , just one thing
if you make the changes for Inserting long messages i think you should not use fixed width like width: 700px; because for me it messed up pm view history, use max-width:700px; instead.

does it matter that your "Max-Width:700px" doesn't have a space between the color (:) and the px value (700px) like the OP's Width?

[Stoker]

It doesnt matter at all.