Advertisement
Jayn

Media Page Instructions

Jun 9th, 2014
527
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.79 KB | None | 0 0
  1. EDIT THE TITLES
  2. --------------------------
  3.  
  4. 【 o.1 CHANGE THE PAGE TITLE 】
  5.  
  6. This is what will show up on your browser tab. If you want to change it, just change the text here: <title>Media Page!</title>
  7.  
  8. 【 o.2 CHANGE 'TABLE OF CONTENTS' TITLE 】
  9.  
  10. Edit this:
  11.  
  12. <div id="toc">Table of Contents</div>
  13.  
  14. 【 o.3 CHANGE THE TABLE OF CONTENTS TITLES】
  15.  
  16. These are the links that will appear under 'Table of Contents'. Edit these:
  17.  
  18. <b>&#10006;</b> <a class="scroll" a href="#1">TV Shows</a> <br>
  19. <b>&#10006;</b> <a class="scroll" a href="#2">Anime</a> <br>
  20. <b>&#10006;</b> <a class="scroll" a href="#3">Games</a> <br>
  21. <b>&#10006;</b> <a class="scroll" a href="#4">Music</a>
  22.  
  23. 【 o.4 CHANGE THE MAIN TITLES】
  24.  
  25. For instance, to change the big teal 'TV Shows' title, edit this;
  26.  
  27. <div class="page_title">TV Shows</div>
  28.  
  29. ADDING AND REMOVING LINKS
  30. -------------------------------------------
  31.  
  32. 【 o.1 ADDING LINKS 】
  33.  
  34. Let's say you have more to add under Table of Contents.
  35.  
  36. You would want to copy and paste another line like this:
  37.  
  38. <b>&#10006;</b> <a class="scroll" a href="#5">New Section</a>
  39.  
  40. Make sure you edit the number to whatever the next number is.
  41.  
  42. The next step is to add this new section by copying and pasting EVERYTHING from
  43.  
  44. <!--M U S I C S T A R T S H E R E!!!!-->
  45.  
  46. to
  47.  
  48. <!--M U S I C E N D S H E R E!!!!-->
  49.  
  50.  
  51. Change 'M U S I C' to whatever your new section is and right after the new start, add '<div id="5"></div>'. Remember it's only 5 because that's the next number. Edit everything accordingly. Anything after a fifth section would be '6' and whatnot. Anyway, your new section should start out like this;
  52.  
  53. <!--N E W S E C T I O N S T A R T S H E R E!!!!-->
  54.  
  55. <div id="5"></div>
  56.  
  57. 【 o.2 REMOVING LINKS】
  58.  
  59. To remove a link, just delete the link:
  60.  
  61. <b>&#10006;</b> <a class="scroll" a href="#4">Music</a> <----- DELETE THIS.
  62.  
  63. Then you want to delete EVERYTHING from
  64.  
  65. <!--M U S I C S T A R T S H E R E!!!!-->
  66.  
  67. to
  68.  
  69. <!--M U S I C E N D S H E R E!!!!-->
  70.  
  71. and there you go! That whole section is gone! :)
  72.  
  73. EDITING YOUR DESCRIPTION
  74. ------------------------------------------
  75.  
  76. 【 o.1 EDIT YOUR DESCRIPTION】
  77.  
  78. Edit the obvious text here;
  79.  
  80. <div id="description">This is where your description goes! The maximum size of the picture is 150 x 150.
  81. <br><br>
  82. <center><a href="http://myanimelist.net/animelist/Jayn">my anime list</a> &#10006; <a href="http://steamcommunity.com/id/Jaynabelle">steam</a> &#10006; <a href="http://www.last.fm/user/Krystellia">last.fm</a> </center>
  83. </div>
  84.  
  85.  
  86. You can also delete those links, obviously. They're just example ones.
  87.  
  88. EDITING PICTURES
  89. -----------------------------
  90.  
  91. 【 o.1 EDIT THE PORTRAIT】
  92.  
  93. To edit the portrait at the top, replace the link here with one of your own image. Please use a perfect square image for the best results.
  94.  
  95. <div id="portrait"><img src="http://static.tumblr.com/pgongfd/8Oqn6ojhe/01.png"></div> <-- EDIT THE LINK THERE.
  96.  
  97. 【 o.2 EDIT THE SHOW/MEDIA IMAGES】
  98.  
  99. Edit the URL here;
  100.  
  101. <div class="image"><img src="http://static.tumblr.com/pgongfd/w32n6ohl1/02.png"></div>
  102.  
  103. Each show/anime/game/music will have one of those. Edit accordingly.
  104.  
  105.  
  106. ADDING AND REMOVING SHOWS/MEDIA
  107. ------------------------------------------------------
  108.  
  109. Each individual piece of media will have a helpful marker before and after it.
  110.  
  111. 【 o.1 ADD MEDIA 】
  112.  
  113. To add a show, for instance, simply copy and paste this whole thing after the last one;
  114.  
  115. <!--SHOW STARTS HERE-->
  116.  
  117. <div class="show"><div class="image"><img src="http://static.tumblr.com/pgongfd/w32n6ohl1/02.png"></div>
  118. <div class="show_title">[ SHOW TITLE HERE ]</div>
  119. <div class="show_stats">
  120. <b>ON EPISODE:</b> What episode are you on?
  121. <br><b>THOUGHTS:</b> What do you think about the show?
  122. <br><b>RATING:</b> &#9733;&#9733;&#9733;&#9733;&#9734;
  123.  
  124. </div>
  125. </div>
  126.  
  127. <!--SHOW ENDS HERE-->
  128.  
  129. AN IMPORTANT NOTE: After the VERY last block in a category, there will be an extra 'div' after 'show ends here'. Don't copy and paste that or you'll break the page lol. It's indented differently so help but yeah, just a warning.
  130.  
  131. 【 o.2 REMOVE MEDIA 】
  132.  
  133. To remove a show, delete this whole thing;
  134.  
  135. <!--SHOW STARTS HERE-->
  136.  
  137. <div class="show"><div class="image"><img src="http://static.tumblr.com/pgongfd/w32n6ohl1/02.png"></div>
  138. <div class="show_title">[ SHOW TITLE HERE ]</div>
  139. <div class="show_stats">
  140. <b>ON EPISODE:</b> What episode are you on?
  141. <br><b>THOUGHTS:</b> What do you think about the show?
  142. <br><b>RATING:</b> &#9733;&#9733;&#9733;&#9733;&#9734;
  143.  
  144. </div>
  145. </div>
  146.  
  147. <!--SHOW ENDS HERE-->
  148.  
  149. EDITING MEDIA
  150. -----------------------
  151.  
  152. To edit the show/anime/game/whatever's information ... Edit everything between <!--SHOW STARTS HERE--> and <!--SHOW ENDS HERE-->
  153.  
  154. 【 o.1 EDIT SHOW TITLE】
  155.  
  156. <div class="show_title">[ SHOW TITLE HERE ]</div> <--- Edit this
  157.  
  158. 【 o.2 EDIT EPISODE NUMBER, THOUGHTS, AND RATINGS】
  159.  
  160. Edit the categories here accordingly;
  161.  
  162. <div class="show_stats">
  163. <b>ON EPISODE:</b> What episode are you on?
  164. <br><b>THOUGHTS:</b> What do you think about the show?
  165. <br><b>RATING:</b> &#9733;&#9733;&#9733;&#9733;&#9734;
  166.  
  167. </div>
  168.  
  169. ANY QUESTIONS?
  170. ------------------------
  171.  
  172. Contact littlejayneycakes.tumblr.com :)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement