Advertisement
tentacoolgoods

click through entry parts

Mar 31st, 2018
1,754
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.52 KB | None | 0 0
  1. <center><font style="font-family: monster; color: #000; font-size:25px; line-height:13px; letter-spacing:2px; text-transform:uppercase;"><a href="http://tentacool.insanejournal.com/21890.html">click through entry or narrative</a><span style="display:none;"><lj-cut></span></font></center>
  2. <lj-raw>
  3. <div style="margin:0 auto; overflow: hidden; width:800px; height:410px;">
  4.  
  5. <a name="one">
  6. <table align="center" cellpadding="5"><tr><td>
  7. <div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
  8. if you want to add more sections just c/p the coding from #two (this just ensures you get both arrows, it doesn't really matter which section as they're all the same otherwise) and adjust to #seven or #whatever. don't forget to adjust the href links to the pages before and after to reflect where it should go.
  9. <br><br>
  10. if you want to make your height bigger or smaller you can do this by adjusting the height: 410px in the div style at the top, and then changing the height of every section to be 10px smaller than that number.
  11. <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo neque. Aliquam sit amet nisi at metus scelerisque finibus ut non mauris. Integer sollicitudin eu dui in accumsan. Praesent sodales libero at ligula pharetra pulvinar. Suspendisse molestie lectus sit amet leo dictum sollicitudin. Suspendisse potenti. Quisque varius turpis at cursus pulvinar. Pellentesque quis purus ac nisi consectetur congue id at augue. Praesent commodo ligula vitae nunc scelerisque posuere. Aenean a ornare turpis, et convallis erat. Vestibulum consequat dui a condimentum finibus. Nullam mollis ante pretium fermentum hendrerit. Aenean vitae congue libero. Suspendisse potenti. Etiam hendrerit, augue et porttitor sagittis, eros justo fermentum dolor, id mattis nulla lacus ac ligula. Sed ut libero ac risus sodales lobortis at vel est. Praesent molestie commodo dui, quis facilisis metus blandit vel. Ut pretium, elit in aliquam faucibus, leo massa vestibulum turpis, eget iaculis velit nunc in massa. Maecenas venenatis aliquet ex non fringilla. Integer ac neque arcu. Quisque eleifend aliquam erat vel tempor. Nam interdum varius eros vitae dignissim. Nullam id neque turpis. Cras tellus turpis, efficitur eu cursus a, suscipit nec quam. Aenean id felis lacinia, iaculis est in, malesuada leo. Donec lacinia dictum nisi. Donec eu vehicula ex, et maximus libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac ligula imperdiet turpis fringilla rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Duis a sapien quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris arcu dui, pulvinar sit amet ultricies sit amet, consectetur ac dui. Aenean eleifend ligula in purus sagittis, eu tempor felis ornare. Nullam placerat eros ac dui pulvinar iaculis. Nunc nec magna sit amet ipsum tincidunt efficitur efficitur sed arcu. Sed ac dictum diam. Maecenas vitae vehicula quam. Sed vitae finibus velit. Duis lacus purus, pulvinar quis hendrerit vel, ullamcorper sed nunc. Suspendisse malesuada pharetra mollis. Proin porttitor dictum dignissim. Vivamus scelerisque nulla quis tristique ultricies. Quisque dictum mattis neque ac interdum. Praesent quis lacus tincidunt enim aliquam scelerisque. Ut mattis sollicitudin ante, ac tempor lectus ultricies at. Morbi vel nulla sagittis, ullamcorper risus molestie, lobortis velit. Suspendisse sollicitudin nisl tellus, efficitur molestie dui faucibus quis. Integer mattis arcu tincidunt, pulvinar massa at, condimentum ante. Pellentesque eu orci ac ex laoreet venenatis. Duis a leo quis felis tristique malesuada eget sed justo. Donec euismod, libero id consectetur posuere, erat risus viverra nunc, et sollicitudin lacus massa vitae enim. Nam nibh massa, faucibus eu tempor eget, dictum quis purus. Phasellus sed ullamcorper massa. Pellentesque sodales ligula in mi semper porta. Nunc sit amet ipsum mauris. Aenean sodales felis quis cursus posuere. Vestibulum et consequat ligula. Maecenas non tellus quis sem aliquet maximus. Maecenas augue ipsum, lobortis et justo vitae, dignissim ultricies tellus. Donec volutpat sollicitudin nulla vitae rhoncus. Pellentesque commodo mauris et mi sodales vehicula. Mauris euismod erat a rhoncus tincidunt. Nunc ac massa nec ante consectetur auctor ac sit amet massa. Sed varius nisi tristique, congue lacus vel, ullamcorper augue. In in tincidunt elit. Suspendisse elementum commodo dictum. Aliquam a dictum dolor. Nulla feugiat ante ante, id ornare urna blandit a. Vivamus ut ante nisi. Proin mi magna, consectetur ut interdum eu, dictum at mauris.
  12. </div>
  13. </td>
  14. <td><a href="#two"><img src="https://i.imgur.com/PewhH81.png" width="30" title="2"></a></td>
  15. </tr></table></a>
  16.  
  17.  
  18. <a name="two">
  19. <table align="center" cellpadding="5"><tr>
  20. <td><a href="#one"><img src="https://imgur.com/MJSetUn.png" width="30" title="1"></a></td>
  21. <td>
  22. <div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
  23. Page two. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo neque. Aliquam sit amet nisi at metus scelerisque finibus ut non mauris. Integer sollicitudin eu dui in accumsan. Praesent sodales libero at ligula pharetra pulvinar. Suspendisse molestie lectus sit amet leo dictum sollicitudin. Suspendisse potenti. Quisque varius turpis at cursus pulvinar. Pellentesque quis purus ac nisi consectetur congue id at augue. Praesent commodo ligula vitae nunc scelerisque posuere. Aenean a ornare turpis, et convallis erat. Vestibulum consequat dui a condimentum finibus. Nullam mollis ante pretium fermentum hendrerit. Aenean vitae congue libero. Suspendisse potenti. Etiam hendrerit, augue et porttitor sagittis, eros justo fermentum dolor, id mattis nulla lacus ac ligula. Sed ut libero ac risus sodales lobortis at vel est. Praesent molestie commodo dui, quis facilisis metus blandit vel. Ut pretium, elit in aliquam faucibus, leo massa vestibulum turpis, eget iaculis velit nunc in massa. Maecenas venenatis aliquet ex non fringilla. Integer ac neque arcu. Quisque eleifend aliquam erat vel tempor. Nam interdum varius eros vitae dignissim. Nullam id neque turpis. Cras tellus turpis, efficitur eu cursus a, suscipit nec quam. Aenean id felis lacinia, iaculis est in, malesuada leo. Donec lacinia dictum nisi. Donec eu vehicula ex, et maximus libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac ligula imperdiet turpis fringilla rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Duis a sapien quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris arcu dui, pulvinar sit amet ultricies sit amet, consectetur ac dui. Aenean eleifend ligula in purus sagittis, eu tempor felis ornare. Nullam placerat eros ac dui pulvinar iaculis. Nunc nec magna sit amet ipsum tincidunt efficitur efficitur sed arcu. Sed ac dictum diam. Maecenas vitae vehicula quam. Sed vitae finibus velit. Duis lacus purus, pulvinar quis hendrerit vel, ullamcorper sed nunc. Suspendisse malesuada pharetra mollis. Proin porttitor dictum dignissim. Vivamus scelerisque nulla quis tristique ultricies. Quisque dictum mattis neque ac interdum. Praesent quis lacus tincidunt enim aliquam scelerisque. Ut mattis sollicitudin ante, ac tempor lectus ultricies at. Morbi vel nulla sagittis, ullamcorper risus molestie, lobortis velit. Suspendisse sollicitudin nisl tellus, efficitur molestie dui faucibus quis. Integer mattis arcu tincidunt, pulvinar massa at, condimentum ante. Pellentesque eu orci ac ex laoreet venenatis. Duis a leo quis felis tristique malesuada eget sed justo. Donec euismod, libero id consectetur posuere, erat risus viverra nunc, et sollicitudin lacus massa vitae enim. Nam nibh massa, faucibus eu tempor eget, dictum quis purus. Phasellus sed ullamcorper massa. Pellentesque sodales ligula in mi semper porta. Nunc sit amet ipsum mauris. Aenean sodales felis quis cursus posuere. Vestibulum et consequat ligula. Maecenas non tellus quis sem aliquet maximus. Maecenas augue ipsum, lobortis et justo vitae, dignissim ultricies tellus. Donec volutpat sollicitudin nulla vitae rhoncus. Pellentesque commodo mauris et mi sodales vehicula. Mauris euismod erat a rhoncus tincidunt. Nunc ac massa nec ante consectetur auctor ac sit amet massa. Sed varius nisi tristique, congue lacus vel, ullamcorper augue. In in tincidunt elit. Suspendisse elementum commodo dictum. Aliquam a dictum dolor. Nulla feugiat ante ante, id ornare urna blandit a. Vivamus ut ante nisi. Proin mi magna, consectetur ut interdum eu, dictum at mauris.
  24. </div>
  25. </td>
  26. <td><a href="#three"><img src="https://i.imgur.com/PewhH81.png" width="30" title="3"></a></td>
  27. </tr></table></a>
  28.  
  29.  
  30. <a name="three">
  31. <table align="center" cellpadding="5"><tr>
  32. <td><a href="#two"><img src="https://imgur.com/MJSetUn.png" width="30" title="2"></a></td>
  33. <td>
  34. <div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
  35. if one of your pages is too short though it's going to look weird like this because you can't make the height smaller without messing up the coding of all of it.
  36. </div>
  37. </td>
  38. <td><a href="#four"><img src="https://i.imgur.com/PewhH81.png" width="30" title="4"></a></td>
  39. </tr></table></a>
  40.  
  41.  
  42. <a name="four">
  43. <table align="center" cellpadding="5"><tr>
  44. <td><a href="#three"><img src="https://imgur.com/MJSetUn.png" width="30" title="3"></a></td>
  45. <td>
  46. <div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
  47. Page four. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo neque. Aliquam sit amet nisi at metus scelerisque finibus ut non mauris. Integer sollicitudin eu dui in accumsan. Praesent sodales libero at ligula pharetra pulvinar. Suspendisse molestie lectus sit amet leo dictum sollicitudin. Suspendisse potenti. Quisque varius turpis at cursus pulvinar. Pellentesque quis purus ac nisi consectetur congue id at augue. Praesent commodo ligula vitae nunc scelerisque posuere. Aenean a ornare turpis, et convallis erat. Vestibulum consequat dui a condimentum finibus. Nullam mollis ante pretium fermentum hendrerit. Aenean vitae congue libero. Suspendisse potenti. Etiam hendrerit, augue et porttitor sagittis, eros justo fermentum dolor, id mattis nulla lacus ac ligula. Sed ut libero ac risus sodales lobortis at vel est. Praesent molestie commodo dui, quis facilisis metus blandit vel. Ut pretium, elit in aliquam faucibus, leo massa vestibulum turpis, eget iaculis velit nunc in massa. Maecenas venenatis aliquet ex non fringilla. Integer ac neque arcu. Quisque eleifend aliquam erat vel tempor. Nam interdum varius eros vitae dignissim. Nullam id neque turpis. Cras tellus turpis, efficitur eu cursus a, suscipit nec quam. Aenean id felis lacinia, iaculis est in, malesuada leo. Donec lacinia dictum nisi. Donec eu vehicula ex, et maximus libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac ligula imperdiet turpis fringilla rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Duis a sapien quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris arcu dui, pulvinar sit amet ultricies sit amet, consectetur ac dui. Aenean eleifend ligula in purus sagittis, eu tempor felis ornare. Nullam placerat eros ac dui pulvinar iaculis. Nunc nec magna sit amet ipsum tincidunt efficitur efficitur sed arcu. Sed ac dictum diam. Maecenas vitae vehicula quam. Sed vitae finibus velit. Duis lacus purus, pulvinar quis hendrerit vel, ullamcorper sed nunc. Suspendisse malesuada pharetra mollis. Proin porttitor dictum dignissim. Vivamus scelerisque nulla quis tristique ultricies. Quisque dictum mattis neque ac interdum. Praesent quis lacus tincidunt enim aliquam scelerisque. Ut mattis sollicitudin ante, ac tempor lectus ultricies at. Morbi vel nulla sagittis, ullamcorper risus molestie, lobortis velit. Suspendisse sollicitudin nisl tellus, efficitur molestie dui faucibus quis. Integer mattis arcu tincidunt, pulvinar massa at, condimentum ante. Pellentesque eu orci ac ex laoreet venenatis. Duis a leo quis felis tristique malesuada eget sed justo. Donec euismod, libero id consectetur posuere, erat risus viverra nunc, et sollicitudin lacus massa vitae enim. Nam nibh massa, faucibus eu tempor eget, dictum quis purus. Phasellus sed ullamcorper massa. Pellentesque sodales ligula in mi semper porta. Nunc sit amet ipsum mauris. Aenean sodales felis quis cursus posuere. Vestibulum et consequat ligula. Maecenas non tellus quis sem aliquet maximus. Maecenas augue ipsum, lobortis et justo vitae, dignissim ultricies tellus. Donec volutpat sollicitudin nulla vitae rhoncus. Pellentesque commodo mauris et mi sodales vehicula. Mauris euismod erat a rhoncus tincidunt. Nunc ac massa nec ante consectetur auctor ac sit amet massa. Sed varius nisi tristique, congue lacus vel, ullamcorper augue. In in tincidunt elit. Suspendisse elementum commodo dictum. Aliquam a dictum dolor. Nulla feugiat ante ante, id ornare urna blandit a. Vivamus ut ante nisi. Proin mi magna, consectetur ut interdum eu, dictum at mauris.
  48. </div>
  49. </td>
  50. <td><a href="#five"><img src="https://i.imgur.com/PewhH81.png" width="30" title="5"></a></td>
  51. </tr></table></a>
  52.  
  53.  
  54. <a name="five">
  55. <table align="center" cellpadding="5"><tr>
  56. <td><a href="#four"><img src="https://imgur.com/MJSetUn.png" width="30" title="4"></a></td>
  57. <td>
  58. <div class="page" style="width: 600px; font-family: helvetica; text-align: justify; font-size:12px; height:400px; overflow:auto;">
  59. Page five. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam sed leo neque. Aliquam sit amet nisi at metus scelerisque finibus ut non mauris. Integer sollicitudin eu dui in accumsan. Praesent sodales libero at ligula pharetra pulvinar. Suspendisse molestie lectus sit amet leo dictum sollicitudin. Suspendisse potenti. Quisque varius turpis at cursus pulvinar. Pellentesque quis purus ac nisi consectetur congue id at augue. Praesent commodo ligula vitae nunc scelerisque posuere. Aenean a ornare turpis, et convallis erat. Vestibulum consequat dui a condimentum finibus. Nullam mollis ante pretium fermentum hendrerit. Aenean vitae congue libero. Suspendisse potenti. Etiam hendrerit, augue et porttitor sagittis, eros justo fermentum dolor, id mattis nulla lacus ac ligula. Sed ut libero ac risus sodales lobortis at vel est. Praesent molestie commodo dui, quis facilisis metus blandit vel. Ut pretium, elit in aliquam faucibus, leo massa vestibulum turpis, eget iaculis velit nunc in massa. Maecenas venenatis aliquet ex non fringilla. Integer ac neque arcu. Quisque eleifend aliquam erat vel tempor. Nam interdum varius eros vitae dignissim. Nullam id neque turpis. Cras tellus turpis, efficitur eu cursus a, suscipit nec quam. Aenean id felis lacinia, iaculis est in, malesuada leo. Donec lacinia dictum nisi. Donec eu vehicula ex, et maximus libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac ligula imperdiet turpis fringilla rutrum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti. Duis a sapien quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris arcu dui, pulvinar sit amet ultricies sit amet, consectetur ac dui. Aenean eleifend ligula in purus sagittis, eu tempor felis ornare. Nullam placerat eros ac dui pulvinar iaculis. Nunc nec magna sit amet ipsum tincidunt efficitur efficitur sed arcu. Sed ac dictum diam. Maecenas vitae vehicula quam. Sed vitae finibus velit. Duis lacus purus, pulvinar quis hendrerit vel, ullamcorper sed nunc. Suspendisse malesuada pharetra mollis. Proin porttitor dictum dignissim. Vivamus scelerisque nulla quis tristique ultricies. Quisque dictum mattis neque ac interdum. Praesent quis lacus tincidunt enim aliquam scelerisque. Ut mattis sollicitudin ante, ac tempor lectus ultricies at. Morbi vel nulla sagittis, ullamcorper risus molestie, lobortis velit. Suspendisse sollicitudin nisl tellus, efficitur molestie dui faucibus quis. Integer mattis arcu tincidunt, pulvinar massa at, condimentum ante. Pellentesque eu orci ac ex laoreet venenatis. Duis a leo quis felis tristique malesuada eget sed justo. Donec euismod, libero id consectetur posuere, erat risus viverra nunc, et sollicitudin lacus massa vitae enim. Nam nibh massa, faucibus eu tempor eget, dictum quis purus. Phasellus sed ullamcorper massa. Pellentesque sodales ligula in mi semper porta. Nunc sit amet ipsum mauris. Aenean sodales felis quis cursus posuere. Vestibulum et consequat ligula. Maecenas non tellus quis sem aliquet maximus. Maecenas augue ipsum, lobortis et justo vitae, dignissim ultricies tellus. Donec volutpat sollicitudin nulla vitae rhoncus. Pellentesque commodo mauris et mi sodales vehicula. Mauris euismod erat a rhoncus tincidunt. Nunc ac massa nec ante consectetur auctor ac sit amet massa. Sed varius nisi tristique, congue lacus vel, ullamcorper augue. In in tincidunt elit. Suspendisse elementum commodo dictum. Aliquam a dictum dolor. Nulla feugiat ante ante, id ornare urna blandit a. Vivamus ut ante nisi. Proin mi magna, consectetur ut interdum eu, dictum at mauris.
  60. </div>
  61. </td>
  62. </tr></table></a>
  63.  
  64. </div>
  65.  
  66. </lj-raw>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement