[resources.invisionpower.com - pliki] Skinning > Enabling the top button

[DawPi]

Due to design decisions made during development of IP.Board 3.x, the top button was removed from display, however the code is still in place in the skin. To enable the top button you only have to make a minor skin edit.

In the ACP navigate to Look & Feel -> Manage Skin Templates. Click on your skin to open it. In the left hand pane select Topic View and then click on "topicViewTemplate".

Find

<li class='top hide'>

and change to

<li class='top'>

Save the template. The top button should now be displayed, but will not show it in it's familiar location from the 2.3.x version of IP.Board. To do this, you'll need to perform a few extra steps.

1. "Fix" the html to allow the image to display beside the words "Back to top" ---
   Find:
   <li class='top'><a href='#top' title='{$this->lang->words['back_top']}'>{$this->lang->words['back_top']}</a></li>
   Replace with:
   <li class='top'><a href='#top' title='{$this->lang->words['back_top']}'>{parse replacement="top_button"}{$this->lang->words['back_top']}</a></li>
2. Add the replacement variable ---
   When at the template editting page, click the Edit Replacement Variables button up top. After that loads up, click on "Add New Replacement." The replacement key should be "top_button" (no quotes), and the replacement code should be as follows:
   <img src='{style_image_url}/top_button.png' alt='Top Of Page' />
3. Edit ipb_styles.css ---
   Find:
   ul.post_controls li.report,
   ul.post_controls.left li {
   float: left;
   }
   Replace with:
   ul.post_controls li.report,
   ul.post_controls li.top,
   ul.post_controls.left li {
   float: left;
   }
4. Upload the image you want to your images directory. This will be your public/style_images/master/

Wyświetl pełny artykuł