[resources.invisionpower.com - pliki] Simple Modifications > Return To Top Of Page Button

[DawPi]

UPLOAD

Download the button top_button.png -> <- from this tutorial and upload it to public/style_images/master/

**rename the downloaded image to button top_button.png

ADD LANGUAGE BIT

Look &amp;amp;amp; Feel --> Manage Languages --> English --> Translate

Select Add String

Application: Forum

Pack Name: public_topic

Key: top_page

Default Text: Top

Click Add This Entry

SKIN EDITS

Look &amp;amp;amp; Feel --> YOUR SKIN --> Topic View --> Topic View Template

Find

<ul class='post_controls'>

Add After

<li class='toppage'>

<a href='java script:scroll(0,0);' > {parse replacement="top_page_icon"} {$this->lang->words['top_page']}</a>

</li>

*Due to IPB's security parsing, you will have to remove the space between java and script to make it one word.

Click Save

CSS EDITS

Click CSS then ipb_styles.css

FIND

ul.post_controls li.report,

ul.post_controls li.top,

ul.post_controls.left li {

float: left;

}

Repalce With

ul.post_controls li.toppage,

ul.post_controls li.report,

ul.post_controls li.top,

ul.post_controls.left li {

float: left;

}

Click Save

REPLACEMENT MACROS

Click Edit Replacement Variables then click Add New Variable

In Replacement Key, Add:

top_page_icon

In Replacement Content, Add;

<img src='{style_image_url}/top_button.png' alt='Top Of Page' />

Click Add Replacement

Finished Wyświetl pełny artykuł