Ryoma (Family Page)

Live preview || The Codes

• I mixed up left and right for the id OTL
• Pictures should be square ones (height=width)
• To change each member’s colors, it’s a bit complicate if you’re not so at ease with coding but observe how it’s done for the “coach” (put and id to the line : tr id=”linetwo” and combine it to #right #about : #linetwo #right #about etc)
• To add an other line just copy/paste from < !—line1—> to < !—end line 1—>
• To link to your member’s blog look for <a href=”/”><!—blog URL—> and replace the / by the url ex: <a href=”http://gyapo.tumblr.com”><!—blog URL—>

Paginski (About me page)

Live Preview || The Codes

Anime page. 

- Live Preview : Example || Codes preview. || The Codes.

- Recommendations : 

• I  recommend you to create a sideblog wich could serve you as a test blog later. Paste the code there in edit htlm and tweak it ( i mean modify, add text etc )  like a theme. Then use those codes you worked with when you’ll create a custom page.
• You’ll need your images URL and I would recommend hosting them at Tumblr’s the Static file uploader.

- How to use (create a custom page) :

• Go to your customize page
• Pages > Add a page
• Choose Custom Layout instead of Standard Layout.
• Page url : it will be the url of your page, ex : ” http://(xxx)/anime”
• Paste the codes
• Click Create page.
• Done. Your page is now at the url you previously named.

- Adding more :

• Just copy/paste from <!—start of a line—> to <!—end of a line—>

- Style :

• to put in bold use <b>word</b>
• to put in italic use <i>word</i>
• “poster” images are 200*300px (auto width to 200px)
• “icons” images are 100*100px (auto width to 100px)
• “onegif” images are 216*100px (auto width to 216px)
• credits for my example : KHR icons from Moonagel@LJ, Kirito gif from Eucliffes@Tumblr, Uta-pri icons from Anjichan@LJ, Sekaiichi Hatsukoi icons from Kimkard@LJ, Backgrounds : Fivepointaparts@Blogspot & Cazykira-Resources@Deviantart

1611 family page. 

- Live Preview : example preview & CODES // codes preview.

- Recommendations : 

• Look carefully at the pastebin file since it’s more clear there to visualise the things
• I also recommend you to create a sideblog wich could serve you as a test blog later, and paste the code there in edit htlm and work it ( i mean modify, add text etc )  like a theme instead of working it in the “page maker pop up” of tumblr :) and then paste those codes you worked with in the pop up thing…

- How to use (create a custom page) :

• Go to your customize page
• Pages > Add a page
• Choose Custom Layout instead of Standard Layout.
• Page url : it will be the url of your page, ex : ” http://(xxx)/1611”
• Paste the codes
• Click Create page.
• Done. Your page is now at the url you previously named.
• Replace the “IMG URL HERE”, Text here, title text here and such

Weirdos family page. 

- Live Preview : codes preview - effective preview, to see how it works. Best viewed in Chrome.

- Recommendations : 

• Look carefully at the pastebin file since it’s more clear there to visualise the things
• I also recommend you to create a sideblog wich could serve you as a test blog later, and paste the code there in edit htlm and work it ( i mean modify, add text etc )  like a theme instead of working it in the “page maker pop up” of tumblr :) and then paste those codes you worked with in the pop up thing…

- How to use (create a custom page) :

• Go to your customize page
• Pages > Add a page
• Choose Custom Layout instead of Standard Layout.
• Page url : it will be the url of your blogroll, ex : ” http://(xxx)/weirdos”
• Paste the codes
• Click Create page.
• Done. Your page is now at the url you previously named.
• Replace the “IMG URL HERE”, Text here, title text here and such

- The codes : Weirdos family page by gyapo.

Rachmaninov page. (about me) 

- Live Preview : codes preview - effective preview, to see how it works. Best viewed in Chrome.

- Recommendations : 

• Look carefully at the pastebin file since it’s more clear there to visualise the things
• I also recommend you to create a sideblog wich could serve you as a test blog later, and paste the code there in edit htlm and work it ( i mean modify, add text etc )  like a theme instead of working it in the “page maker pop up” of tumblr :) and then paste those codes you worked with in the pop up thing…

- How to use (create a custom page) :

• Go to your customize page
• Pages > Add a page
• Choose Custom Layout instead of Standard Layout.
• Page url : it will be the url of your blogroll, ex : ” http://(xxx)/aboutme”
• Paste the codes
• Click Create page.
• Done. Your page is now at the url you previously named.
• Replace the “IMG URL HERE”, Text here, title text here and such

• If you want to use a pattern instead of a wallpaper :
  • look for body
  • erase  background-size:100%;

- The codes : Rachmaninov page by gyapo.

hello  you create a sideblog with your olr url and use it as a theme for the side blog :)

Loser page.

- Live Preview : codes preview - effective preview, to see how it works.

- Recommendations : 

• Look carefully at the pastebin file since it’s more clear there to visualise the things
• I also recommend you to create a sideblog wich could serve you as a test blog later, and paste the code there in edit htlm and work it ( i mean modify, add text etc )  like a theme instead of working it in the “page maker pop up” of tumblr :) and then paste those codes you worked with in the pop up thing…

- How to use (create a custom page) :

• Go to your customize page
• Pages > Add a page
• Choose Custom Layout instead of Standard Layout.
• Page url : it will be the url of your blogroll, ex : ” http://(xxx)/loser”
• Paste the codes
• Click Create page.
• Done. Your page is now at the url you previously named.

- The codes : Loser page by gyapo.

Family page.

- Live Preview : codes preview - effective preview, to see how it works.

- Recommendations : 

• Look carefully at the pastebin file since it’s more clear there to visualise the things
• I also recommend you to create a sideblog wich could serve you as a test blog later, and paste the code there in edit htlm and work it ( i mean modify, add text etc )  like a theme instead of working it in the “page maker pop up” of tumblr :) and then paste those codes you worked with in the pop up thing…

- How to use (create a custom page) :

• Go to your customize page
• Pages > Add a page
• Choose Custom Layout instead of Standard Layout.
• Page url : it will be the url of your blogroll, ex : ” http://(xxx)/family”
• Paste the codes
• Click Create page.
• Done. Your page is now at the url you previously named.

- The codes : Family page by gyapo. (updated)

About Page

- Live Preview : codes preview - effective preview, to see how it works (my own “about me” page

- Credits pictures used :

• Joui : Reira, @pixiv id=2077700
• Chibi Joui : 選択, @pixiv id=12350404
• Gin Parfait : Render by Rayuko93.
• Background : Gyapo @tumblr.

- Recommendations : 

• Look carefully at the pastebin file since it’s more clear there to visualise the things
• I also recommend you to create a sideblog wich could serve you as a test blog later, and paste the code there in edit htlm and work it ( i mean modify, add text etc )  like a theme instead of working it in the “page maker pop up” of tumblr :) and then paste those codes you worked with in the pop up thing…

- How to use (create a custom page) :

• Go to your customize page
• Pages > Add a page
• Choose Custom Layout instead of Standard Layout.
• Page url : it will be the url of your blogroll, ex : ” http://(xxx)/about”
• Paste the codes
• Click Create page.
• Done. Your page is now at the url you previously named.

- How it works (How to change this/that) : About page, user guide.

- The codes : About page by gyapo.