This Game Theme Instructions

ＬＩＳＴ ＯＦ ＳＰＥＣＩＡＬ ＯＰＴＩＯＮＳ
----------------------------------------

>> ENTER PAGE: Enable or disables the enter page you see in the live preview.

>> SIDE IMAGE: Enable or disables the picture on the side of your blog that you see in the live preview.

>> STICKY HEADER: Enable or disables the header at the top staying there when you scroll down. Disabled in the preview.

>> DESCRIPTION BACKGROUND: Enable or disables the background color under the description. Disabled in the preview.

ＥＤＩＴＩＮＧ ＴＨＥ ＡＳＫ
--------------------------

	【 o.1 EDIT YOUR URL SO THAT YOUR ASK BOX WILL ACTUALLY ... U KNOW, WORK.】

Use CTRL+F to find 'YOUR URL HERE'. It'll jump you here;

<iframe frameborder="0" scrolling="yes" width="100%" height="150" src="http://www.tumblr.com/ask_form/YOUR URL HERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>

Now, just replace 'YOUR URL HERE' with your Tumblr URL.


ＥＤＩＴＩＮＧ ＰＩＣＴＵＲＥＳ
-----------------------------

        【 o.1 EDIT THE SIDE IMAGE】

Click 'Customize Theme' and scroll down to 'Theme Options'. Find the one named 'SideImage' and click the pencil next to it to upload a new image.

        <div id="portrait"><img src="http://static.tumblr.com/pgongfd/8Oqn6ojhe/01.png"></div> <-- EDIT THE LINK THERE.

        【 o.2 EDIT THE IMAGE AT THE TOP】

Click 'Customize Theme' and scroll down to 'Theme Options'. Find the one named 'SideIbar' and click the pencil next to it to upload a new image.


ＲＥ－ＰＯＳＩＴＩＯＮＩＮＧ
--------------------------

	【 o.1 MOVE THE SIDE IMAGE 】

To edit the placement of the side image, use CTRL+F in your theme's code to find '#side'. The code will look like this;

#side {

    top: 60%;
    z-index: 0;
    right: 6.5%;
    position: fixed;

}

Edit 'top' to move it up and down and edit 'right' to move it left or right.


	【 o.2 MOVE THE BACK TO TOP BUTTON 】

Use CTRL+F to find '#btt'.  The code will look like this;

#btt {
{block:ifInfiniteScroll}

    font-size: 50px;
    text-decoration: none;
   {block:ifSideImage} bottom: 40%;
    right: 22.4%;{/block:ifSideImage}
    position: fixed;

    {block:ifNotSideImage}bottom: 3%;{/block:ifNotSideImage}

    display: none;
{/block:ifInfiniteScroll}

{block:ifNotInfiniteScroll}

    font-size: 50px;
    text-decoration: none;

    position: fixed;
    {block:ifSideImage}right: 22%;
bottom: 46%;{/block:ifSideImage}

    {block:ifNotSideImage}right: 12.3%;
    bottom: 8%;{/block:ifNotSideImage}
    display: none;

{/block:ifNotInfiniteScroll}

}


---

If you're using INFINITE SCROLL, edit the first 'bottom' to move it up and down. Edit the next 'right' you see to move it left and right.

If you're NOT using INFINITE SCROLL, move down until you see '{block:ifNotInfiniteScroll}' and edit the 'right' and 'bottom' directly after between the '{block:ifSideImage}' brackets accordingly.

【 o.3 MOVE THE NAVIGATION/PAGINATION 】

Use CTRL+F to find '#pagination' in your theme's code. It'll look like this;

#pagination {

    font-size: 15px;
    text-decoration: none;
    {block:ifSideImage} bottom: 40%;
right: 20%;{/block:ifSideImage}

    position: fixed;

    {block:ifNotSideImage}bottom: 3%;
        right: 10%;{/block:ifNotSideImage}

    text-align: center;
    padding: 20px 20px 13px;
    background-color: {color:COLOR04};
    color: {color:COLOR03};
}

If you have a SIDE IMAGE, edit the first bottom / right you see.

If you do NOT have a SIDE IMAGE then edit the second bottom / right you see here;  {block:ifNotSideImage}bottom: 3%;
        right: 10%;{/block:ifNotSideImage}

ＡＮＹ ＱＵＥＳＴＩＯＮＳ？
------------------------

Contact littlejayneycakes.tumblr.com :)