My Room for Neocities - The Original France La'lune

My Room, for Neocities

Published 2/12/23, last updated 2/12/23
Live previews: 1, 2, 3
Art in preview here

Built in features:

Left links sidebar
Right sidebar for anything
Calendar and clock
Header with built in table for image
Additional box next to calendar for anything

View resources to decorate your Neocities page here!

Copy here or install from Github
<!DOCTYPE HTML> <head>  <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.10/SmoothScroll.min.js"></script> <link rel="shortcut icon" href="https://emoemo.girly.jp/i/snowman/snowman_11.gif"> <title>This is 2005</title> <style type="text/css"> body{ font-family:ms gothic; background-image:url('https://64.media.tumblr.com/bcfea4a5e8ad504a317d3945a52a66cd/ef88cccc47cd17c9-77/s75x75_c1/4118951c5afbe9ebec4ba4373180fadbcb463a28.png'); } /************************** CONTAINER **************************/ #container{ padding:5px; height:530px; width:915px; /* This is used to position the container */ margin-top:15px; position:absolute; left: 50%; transform: translateX(-50%); } /************************** SECTIONS **************************/ #section-1{ position:fixed; width:150px; float:left; left:5px; text-align:center; } /* - - - - - - - - - - - */ #section-2{ position:fixed; width:525px; float:left; margin-top:10px; left:200px; text-align:center; } /* - - - - - - - - - - - */ #section-3{ position:fixed; width:150px; float:right; background:white; right:5px; height:520px; text-align:center; } /************************** DATE/LINK **************************/ #news-text-inner{ padding:5px; height:230px; overflow-y:auto; } {CustomCss} </style> </head> <body> <div id="container"> <div id="section-1"> <div style="padding:23px;background:#c9b1ff;"><a href="/">About me</a></div> <div style="padding:23px;background:#ffcaf2"><a href="/">What's New?</a></div> <div style="padding:23px;background:#ffb2b1"><a href="/">Shrines</a></div> <div style="padding:23px;background:#fff3ad"><a href="/">Gallery</a></div> <div style="padding:23px;background:#bcffbc"><a href="/">Diary</a></div> <div style="padding:23px;background:#a2edff"><a href="/">Favorite Link</a></div> <div style="padding:23px;background:#c9b1ff"><a href="/">Resource</a></div> <div style="padding:23px;background:#ffcaf2"><a href="/">Blog</a></div> </div>  <div id="section-2"> <div id="heading" style="background:white;box-shadow: 0px 0px 10px 10px white;"> <table style="width:525px;"> <tbody> <tr> <td style="width:300px;"> <div style="text-align:center;height:180px;padding:5px;overflow-y:auto;"> </div> </td> <td> <br><img src="/" style="border:1px solid black;width:200px;border-radius:20px;"> </td> </tr> </tbody> </table> </div> <div id="news-contain" style="margin-top:20px;margin-left:-20px;"> <table> <tbody> <tr> <td> <iframe style="height:260px;border:none;width:215px;" src="https://figgypudding.neocities.org/blogendar/blogendar-4" ></iframe> </td> <td> <table style="width:325px;"> <tbody> <tr> <td height="160px;"> <div id="news-text-inner" style="margin-top:-15px;height:215px;border:5px ridge white;background:white;text-align:left;"> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <div style="width:532px;margin-top:-5px;margin-left:10px;position:fixed;text-align:center;">website design c. <a href="https://shenanigans.neocities.org/">France</a></div> </div> </div>  <div id="section-3"> <p><img src="https://shenanigans.neocities.org/files/shen-pink.png" style="max-width:100%"> <br>You can replace this if you want it's just so you know how to use images </div> </div> </body> </html>
Thank you and enjoy.