My phpBB3 version of smilies in a scroll box!

[Steve]

prosilver instructions
open styles/prosilver/templates/posting_editor.html
[spoiler]Find:

Code: Select all

			<strong>{L_SMILIES}</strong><br />
			<!-- BEGIN smiley -->
				<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
			<!-- END smiley -->

replace with:

Code: Select all

			<div style="width:100%; height:300px;border: solid 1px gray; overflow:auto;">
			<strong>{L_SMILIES}</strong><br />
			<!-- BEGIN smiley -->
				<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
			<!-- END smiley -->
			</div>

[/spoiler]
subsilver2 instructions
open styles/subsilver2/templates/posting_body.html
[spoiler]find:

Code: Select all

				<!-- BEGIN smiley -->
					<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;" style="line-height: 20px;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" hspace="2" vspace="2" /></a>
				<!-- END smiley -->

replace with:

Code: Select all

	        <div style="width:100%; height:300px;border: solid 1px gray; overflow:auto;">
				<!-- BEGIN smiley -->
					<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;" style="line-height: 20px;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" hspace="2" vspace="2" /></a>
				<!-- END smiley -->
			</div>	

[/spoiler]
Save and refresh template for prosilver and subsilver2.
height and border can be adjusted in this part of the new html code.

Code: Select all

height:290px;border: solid 1px gray;

snip.PNG

[hsimg]http://www.djsimg.com/images/93199341_0310_subss.png[/hsimg]

[Oliver]

What happens in the chat smileys?

[Steve]

What happens in the chat smileys?

doesnt affect the chat smilies heres how to do it for mini-chat for prosilver based styles,

open styles/prosilver/template/mchat_body.html
find:

Code: Select all

<!-- BEGIN mchatsmilerow -->
<a href="javascript://" onclick="insert_text('{mchatsmilerow.MCHAT_SMILE_CODE}', true);"><img src="{mchatsmilerow.MCHAT_SMILE_IMG}" width="{mchatsmilerow.MCHAT_SMILE_WIDTH}" height="{mchatsmilerow.MCHAT_SMILE_HEIGHT}" alt="{mchatsmilerow.MCHAT_SMILE_CODE}" title="{mchatsmilerow.MCHAT_SMILE_EMOTION}" /></a>
<!-- END mchatsmilerow -->

replace with:

Code: Select all

<div style="width:100%; height:45px;border: solid 1px gray; overflow:auto;">
<!-- BEGIN mchatsmilerow -->
<a href="javascript://" onclick="insert_text('{mchatsmilerow.MCHAT_SMILE_CODE}', true);"><img src="{mchatsmilerow.MCHAT_SMILE_IMG}" width="{mchatsmilerow.MCHAT_SMILE_WIDTH}" height="{mchatsmilerow.MCHAT_SMILE_HEIGHT}" alt="{mchatsmilerow.MCHAT_SMILE_CODE}" title="{mchatsmilerow.MCHAT_SMILE_EMOTION}" /></a>
<!-- END mchatsmilerow -->
</div>

height and border can be adjusted in this part of the code:

Code: Select all

height:45px;border: solid 1px gray;

refresh template for prosilver
[hsimg]http://www.djsimg.com/images/42052124_0310_chat.png[/hsimg]

[Oliver]

Thanks. Very good.

[kevinviet]

Thanks again, you're awesome vectra-mods

[Widmo]

Awesome!

[wide]

Thanks.

[cisco007]

if you would like to put everything except the topic review link in the scroll bar, for prosilver,
like in the pic:

my smilies.PNG

Find:

Code: Select all

			<strong>{L_SMILIES}</strong><br />
			<!-- BEGIN smiley -->
				<a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
			<!-- END smiley -->
		<!-- ENDIF -->
		<!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED-->
			<br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
		<!-- ENDIF -->

		<!-- IF BBCODE_STATUS -->
		<!-- IF .smiley --><hr /><!-- ENDIF -->
		{BBCODE_STATUS}<br />
		<!-- IF S_BBCODE_ALLOWED -->
			{IMG_STATUS}<br />
			{FLASH_STATUS}<br />
			{URL_STATUS}<br />
		<!-- ENDIF -->
		{SMILIES_STATUS}
		<!-- ENDIF -->

Replace with:

Code: Select all

             <div style="width:100%; height:300px;border: solid 1px gray; overflow:auto;">
             <strong>{L_SMILIES}</strong><br />
             <!-- BEGIN smiley -->
                <a href="#" onclick="insert_text('{smiley.A_SMILEY_CODE}', true); return false;"><img src="{smiley.SMILEY_IMG}" width="{smiley.SMILEY_WIDTH}" height="{smiley.SMILEY_HEIGHT}" alt="{smiley.SMILEY_CODE}" title="{smiley.SMILEY_DESC}" /></a>
             <!-- END smiley -->
                          <!-- ENDIF -->
              <!-- IF S_SHOW_SMILEY_LINK and S_SMILIES_ALLOWED-->
                 <br /><a href="{U_MORE_SMILIES}" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">{L_MORE_SMILIES}</a>
              <!-- ENDIF -->
		<!-- IF BBCODE_STATUS -->
		<!-- IF .smiley --><hr /><!-- ENDIF -->
		{BBCODE_STATUS}<br />
		<!-- IF S_BBCODE_ALLOWED -->
			{IMG_STATUS}<br />
			{FLASH_STATUS}<br />
			{URL_STATUS}<br />
		<!-- ENDIF -->
		{SMILIES_STATUS}
		<!-- ENDIF -->
              </div> 

[Mario14125]

Thanks. Very good mod

[artikkk]

Thanks.. very good