Various modifications for phpBB3 ⇒ Santa hat

[dmzx]

Santa hat

To put it in the corner at the very top

Open styles/prosilver/template/overall_header.html

Find This may be a partial find and not the whole line

Code: Select all

<div class="headerbar">

Add before Add these lines on a new blank line before the preceding line(s) to find

Code: Select all

<div style="position: absolute; margin: -5px 0 0 -25px ">
        <img src="{T_THEME_PATH}/images/cornerhat.png" alt="Santa hat" />
    </div>

To put in topics at the top left hand corner

Open styles/prosilver/template/viewtopic_body.html

Find This may be a partial find and not the whole line

Code: Select all

<div class="inner"><span class="corners-top"><span></span></span>

          <div class="postbody">

Add before Add these lines on a new blank line before the preceding line(s) to find

Code: Select all

<div style="position: absolute; margin: -5px 0 0 -25px ">
        <img src="{T_THEME_PATH}/images/cornerhat.png" alt="Santa hat" />
    </div>

Upload this hat to your theme/images folder

cornerhat.png

cornerhat.png

Smaller hat

hohohat1.png

hohohat1.png

Credit to Christian 2.0

Note the viewtopic_body.html edits can be applied to other html pages of your choice but you will need to play with the margin: -5px 0 0 -25px settings.

[martin]

Guess this come from my old site (this code is for phpbb 3.0.X)

Store the images at {ROOT_PATH}images/ for 3.1.X

[dmzx]

[ Post made via Samsung Galaxy S4 ]