API tools faq
paste
Guest User

Untitled

a guest
Oct 27th, 2025
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Insert webpage title here</title>
  7.     <style>
  8.         @font-face {
  9.             font-family: body;
  10.             src: url('https://file.garden/aNy90GYmaWI-Okj1/dogicapixelbold.ttf');
  11.         }
  12.         @font-face {
  13.             font-family: bold;
  14.             src: url('https://file.garden/aNy90GYmaWI-Okj1/font1.ttf');
  15.         }
  16.         a, a:hover, a:visited{
  17.         color:rgb(129, 84, 66);
  18.         }
  19.         body{
  20.         background-color: rgb(129, 84, 66);
  21.         background-image: url('https://file.garden/aNy90GYmaWI-Okj1/wall_dot4_whitemint%20copy.png');
  22.         font-family: body;
  23.         font-size: 12px;
  24.         text-align: center;
  25.         }
  26.         ::-webkit-scrollbar{
  27.         width:0px;
  28.         background: transparent;
  29.         }
  30.         .title{
  31.         background-image: url('https://file.garden/aNy90GYmaWI-Okj1/tyoko02.gif');
  32.         height:fit-content;
  33.         width:100%;
  34.         margin-top:0;
  35.         padding:5px;
  36.         font-size: 16px;
  37.         box-sizing: border-box;
  38.         font-family: bold;
  39.         color:white;            
  40.         text-shadow: 0.05em 0 black, 0 0.05em black, -0.05em 0 black, 0 -0.05em black, -0.05em -0.05em black, -0.05em 0.05em black, 0.05em -0.05em black, 0.05em 0.05em black;
  41.         }
  42.         .main{
  43.         max-width: 1000px;
  44.         height: fit-content;
  45.         margin:auto;
  46.         position:relative;
  47.         border: 0px solid transparent;
  48.         background-image: url('https://file.garden/aNy90GYmaWI-Okj1/tumblr_inline_mozfjeNOsa1qz4rgp.png'), url('https://file.garden/aNy90GYmaWI-Okj1/tumblr_inline_mozfjihSBp1qz4rgp.png');
  49.         background-repeat: repeat-y ;
  50.         background-position: left, right;
  51.         padding-left: 20px;
  52.         padding-right: 20px;
  53.         }
  54.         .grid{
  55.         display: grid;
  56.         grid-template-columns: 1fr 3fr 1fr;
  57.         grid-template-rows: 1fr;
  58.         width: 100%;
  59.         gap:10px
  60.         }
  61.         .header{
  62.         width:100%;
  63.         border: 1px solid rgb(129, 84, 66);
  64.         height: 20%;
  65.         background-image: url('https://file.garden/aNy90GYmaWI-Okj1/tyoko02.gif');
  66.         font-family: bold;
  67.         font-size: 25px;
  68.         text-shadow: 0.05em 0 black, 0 0.05em black, -0.05em 0 black, 0 -0.05em black, -0.05em -0.05em black, -0.05em 0.05em black, 0.05em -0.05em black, 0.05em 0.05em black;
  69.         color:white;
  70.         padding:10px;
  71.         box-sizing: border-box;
  72.         overflow-wrap: break-word;
  73.         }
  74.         .center{
  75.         min-height: 700px;
  76.         width:100%;
  77.         grid-column: 2;
  78.         grid-row:1;
  79.         }
  80.         .centerbox{
  81.         width:100%;
  82.         border: 1px solid rgb(129, 84, 66);
  83.         background-color: rgba(239, 221, 198, 0.731);
  84.         margin-top: 10px;
  85.         height:538px;
  86.         }
  87.         .left{
  88.         height: 700px;
  89.         max-width:200px;
  90.         grid-column: 1;
  91.         grid-row:1;
  92.         overflow-y: auto;
  93.         overflow-x:hidden;
  94.         }
  95.         .right{
  96.         height: 700px;
  97.         max-width:200px;
  98.         grid-column: 3;
  99.         grid-row:1;
  100.         overflow-y: auto;
  101.         overflow-x:hidden;
  102.         }
  103.         @media only screen and (max-width: 900px) {
  104.         .left {grid-area: 2 / span 3; min-height: 300px; max-height:none;min-width:100%;}
  105.         .center {grid-area: 1 / span 3;}
  106.         .right {grid-area: 3/ span 3;min-height: 300px;min-width:100%}
  107.         }
  108.     </style>
  109. </head>
  110. <body>
  111.     <div class="main">
  112.         <div style="height:100%;width:100%;background-color: white;padding:20px;box-sizing: border-box;border-top: 2px dotted rgb(129, 84, 66);border-bottom: 2px dotted rgb(129, 84, 66)">
  113.             <div class="grid">
  114. <!--you may add extra links/change the height of the boxes and the column overflow will become scrollable-->
  115. <!--NOTE: the height of the boxes of the left column depend on which browser you are using, adjust if you want everything to fit without scrolling. most ideal on chrome -->
  116. <!--LEFT COLUMN-->
  117.                 <div class="left">
  118.                     <div style="width:100%;border:1px solid rgb(129, 84, 66);margin-bottom:10px;box-sizing: border-box;overflow:auto;">
  119.                         <div class="title">sitemap</div>
  120.                         <br>
  121.                         <div style="background-color: #d6f0e5;padding:5px;box-sizing: border-box;width:90%;margin: auto;">[ <a href="">link</a> ]</div>
  122.                         <div style="background-color: #b1f1d6;padding:5px;box-sizing: border-box;width:90%;margin: auto;">[ <a href="">link</a> ]</div>
  123.                         <div style="background-color: #d6f0e5;padding:5px;box-sizing: border-box;width:90%;margin: auto;">[ <a href="">link</a> ]</div>
  124.                         <div style="background-color: #b1f1d6;padding:5px;box-sizing: border-box;width:90%;margin: auto;">[ <a href="">link</a> ]</div>
  125.                         <div style="background-color: #d6f0e5;padding:5px;box-sizing: border-box;width:90%;margin: auto;">[ <a href="">link</a> ]</div>
  126.                         <div style="background-color: #b1f1d6;padding:5px;box-sizing: border-box;width:90%;margin: auto;">[ <a href="">link</a> ]</div>
  127.                         <div style="background-color: #d6f0e5;padding:5px;box-sizing: border-box;width:90%;margin: auto;">[ <a href="">link</a> ]</div>
  128.                         <div style="background-color: #b1f1d6;padding:5px;box-sizing: border-box;width:90%;margin: auto;">[ <a href="">link</a> ]</div>
  129.                         <div style="background-color: #d6f0e5;padding:5px;box-sizing: border-box;width:90%;margin: auto;">[ <a href="">link</a> ]</div>
  130.                         <br>
  131.                     </div>
  132.                     <div style="width:100%;border:1px solid rgb(129, 84, 66);margin-bottom:10px;box-sizing: border-box;overflow:auto;">
  133.                         <div class="title">links out</div>
  134.                         <br>
  135.                         <div style="background-color: #d6f0e5;padding:5px;box-sizing: border-box;width:90%;margin: auto;"><a href="">profile</a></div>
  136.                         <div style="background-color: #b1f1d6;padding:5px;box-sizing: border-box;width:90%;margin: auto;"><a href="">guestbook</a></div>
  137.                         <br>
  138.                        
  139.                     </div>
  140.                     <div style="width:100%;height:200px;border:1px solid rgb(129, 84, 66);margin-bottom:10px;box-sizing: border-box;overflow:auto;">
  141.                         <div class="title">webrings</div>
  142.                         <br>
  143.                         <div style="min-height: 74%;background-color: #d6f0e5;padding:5px;box-sizing: border-box;width:90%;margin: auto;">
  144.                             insert webrings here
  145.                         </div>
  146.                     </div>
  147.                     <div style="width:100%;height:125px;border:1px solid rgb(129, 84, 66);margin-bottom:10px;box-sizing: border-box;">
  148.                        
  149.                         <div class="title">link me</div>
  150.                         <br>
  151.                         <img src="https://file.garden/aNy90GYmaWI-Okj1/blank88.gif" alt="button">
  152.                         <textarea>insert your own button and code here</textarea>
  153.                     </div>
  154.                 </div>
  155.  
  156. <!--MIDDLE SECTION-->
  157.                 <div class="center">
  158.                     <!--header - website name customisable-->
  159.                     <div class="header">
  160.                         <p style="text-wrap: cutoff;">yourwebsitename.neocities.com</p>
  161.                     </div>
  162.                     <div class="centerbox">
  163.                         <!--first box-->
  164.                         <div style="width:95%;margin-left:auto;margin-right:auto;margin-top:15px;box-sizing: border-box;border: 2px dotted rgb(129, 84, 66);height:40%">
  165.                             <div style="width:100%;background:white;border-bottom:2px dotted rgb(129, 84, 66);height:15%;box-sizing: border-box;">
  166.                                 <br>
  167.                                 <img src="https://file.garden/aNy90GYmaWI-Okj1/small_divider21231123.png" alt="dividertop">
  168.                                 <br>
  169.                             </div>
  170.                             <div style="width:100%;padding:10px;box-sizing: border-box;height:70%;overflow:auto;">
  171.                                  insert text here
  172.                             </div>
  173.                             <div style="width:100%;background:white;border-top:2px dotted rgb(129, 84, 66);height:15%;box-sizing: border-box;">
  174.                                  <br>
  175.                                 <img src="https://file.garden/aNy90GYmaWI-Okj1/small_divider21231123.png" alt="dividerbottom">
  176.                             </div>
  177.                         </div>
  178.                         <br>
  179.                         <!--second box-->
  180.                         <div style="width:95%;margin-left:auto;margin-right:auto;margin-top:15px;box-sizing: border-box;border: 2px dotted rgb(129, 84, 66);height:40%">
  181.                             <div style="width:100%;background:white;border-bottom:2px dotted rgb(129, 84, 66);height:15%;box-sizing: border-box;">
  182.                                 <br>
  183.                                 <img src="https://file.garden/aNy90GYmaWI-Okj1/small_divider21231123.png" alt="dividertop">
  184.                                 <br>
  185.                             </div>
  186.                             <div style="width:100%;padding:10px;box-sizing: border-box;height:70%;overflow:auto;">
  187.                                 insert text here
  188.                             </div>
  189.                             <div style="width:100%;background:white;border-top:2px dotted rgb(129, 84, 66);height:15%;box-sizing: border-box;">
  190.                                  <br>
  191.                                 <img src="https://file.garden/aNy90GYmaWI-Okj1/small_divider21231123.png" alt="dividerbottom">
  192.                             </div>
  193.                         </div>
  194.                         <img src="https://file.garden/aNy90GYmaWI-Okj1/tumblr_m2idioWMFi1qid2nw540.gif"  alt="footer divider" width="50%">
  195.                     </div>
  196.                 </div>
  197. <!--RIGHT COLUMN-->
  198.                 <div class="right">
  199.                     <div style="width:100%;height:170px;border:1px solid rgb(129, 84, 66);margin-bottom:10px;box-sizing: border-box;overflow: auto;box-sizing: border-box;overflow-y:auto;">
  200.                         <div class="title">updates</div>
  201.                         <br>                            
  202.                         <div style="width:100%;border-bottom: 2px dashed #b1f1d6;line-height: 20px;">date - update 1</div>
  203.                         <div style="width:100%;border-bottom: 2px dashed #b1f1d6;line-height: 20px;">date - update 2 </div>
  204.                         <div style="width:100%;border-bottom: 2px dashed #b1f1d6;line-height: 20px;">date - update 3 </div>
  205.                         <div style="width:100%;border-bottom: 2px dashed #b1f1d6;line-height: 20px;">date - update 4 </div>
  206.                         <div style="width:100%;border-bottom: 2px dashed #b1f1d6;line-height: 20px;">date - update 5 </div>
  207.                         <br>
  208.                     </div>  
  209.                     <div style="width:100%;border:1px solid rgb(129, 84, 66);margin-bottom:10px;box-sizing: border-box;height:140px;">
  210.                         <div class="title">info</div>
  211.                         <br>
  212.                         <div style="background-color: #d6f0e5;padding:5px;box-sizing: border-box;width:90%;margin: auto;height:63%;overflow-y: auto;">
  213.                             status: currently XXX
  214.                             <br><br>
  215.                             <a href="http://www.snazzyspace.com/generators/viewer-counter/" title="SnazzySpace.com Viewer Counter" target="_blank"><img src="http://www.snazzyspace.com/generators/viewer-counter/counter.php/fid=1761441994/style=2/counter.png" border="0" width="120px";></a>
  216.                         </div>
  217.                         <br>  
  218.                     </div>
  219.                     <div style="width:100%;height:365px;border:1px solid rgb(129, 84, 66);margin-bottom:10px;box-sizing: border-box;overflow-y: auto;">
  220.                         <div class="title">
  221.                             cbox
  222.                         </div>
  223.                         <br>
  224.                         <div style="min-height:85%;background-color: #b1f1d6;padding:5px;box-sizing: border-box;width:90%;margin: auto;">
  225.                             insert cbox here
  226.                         </div>
  227.                     </div>
  228.                 </div>
  229.             </div>
  230.             <!--credits: DO NOT REMOVE-->
  231.             <span style="font-size: 10px;">
  232.                 credits: coded by <a href="ol1vi4s-corner.neocities.org">ol1vi4's-corner</a> | <a href="http://blinkies.web.fc2.com/">bg </a> | <a href="www.fancyparts.com">header bg</a> | <a href="https://jasminnie.weebly.com/">pixels</a>
  233.             </span>
  234.         </div>
  235.        
  236.     </div>
  237. </body>
  238. </html>
  239.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!