Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Template 4</title>
- <style>
- /* basic changes */
- body{
- background-image: url('https://sadhost.neocities.org/images/tiles/tumblr_inline_mlkxr4nUiK1r53miq.png');
- color: #395c38;
- }
- #container{
- width: 900px;
- margin-left: auto;
- margin-right: auto;
- text-align: center;
- }
- #content{
- width: 900px;
- height: 500px;
- border: solid 5px #62a365;
- background-color: white;
- text-align: center;
- padding: 5px;
- }
- #side1{
- width: 210px;
- height: 470px;
- float: left;
- border: solid 5px #62a365;
- background-color: white;
- padding: 2px;
- gap: 5px;
- margin-inline: 2px;
- }
- #main{
- width: 420px;
- float: left;
- margin-inline: 2px;
- height: 470px;
- border: solid 5px #62a365;
- background-color: white;
- }
- #side2 {
- width: 210px;
- float: left;
- margin-inline: 2px;
- height: 470px;
- border: solid 5px #62a365;
- background-color: white;
- padding: 2px;
- }
- #update{
- overflow: auto;
- width: 200px;
- height: 100px;
- background-color: white;
- border: solid 3px #62a365;
- }
- #nav{
- height: 100px;
- width: 200px;
- background-color: white;
- }
- a{
- text-decoration: none;
- font-size: 17px;
- color: #284027;
- }
- #to-do{
- overflow: auto;
- width: 200px;
- height: 100px;
- background-color: white;
- border: solid 3px #62a365;
- }
- #chatbox{
- border: solid 3px #62a365;
- }
- #footer{
- background-color:#395c38 ;
- color: white;
- text-align: center;
- }
- #footer a {
- color: white;
- }
- /* ===== Scrollbar CSS ===== */
- /* Firefox */
- * {
- scrollbar-width: auto;
- scrollbar-color: #588960 #ffffff;
- }
- /* Chrome, Edge, and Safari */
- *::-webkit-scrollbar {
- width: 16px;
- }
- *::-webkit-scrollbar-track {
- background: #ffffff;
- }
- *::-webkit-scrollbar-thumb {
- background-color: #588960;
- border-radius: 10px;
- border: 3px solid #ffffff;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <div id="header">
- <img src="https://64.media.tumblr.com/639ee9619b34eaba3349693c29a6c4ce/a51c5a81b206cf9c-81/s400x600/ccf0f73b9ab81aa9b38aa61281d40da553cbaaae.jpg" width="900px" height="250px">
- </div>
- <div id="content">
- <div id="side1">
- <div id="update">
- <h3>Updates</h3>
- <p>mm/dd/yyyy</p>
- <p>bla bal blah balh balh abl</p>
- <p>mm/dd/yyyy</p>
- <p>bla bal blah balh balh abl</p>
- <p>mm/dd/yyyy</p>
- <p>bla bal blah balh balh abl</p>
- <p>mm/dd/yyyy</p>
- <p>bla bal blah balh balh abl</p>
- </div>
- <div id="nav ">
- <br>
- <br>
- <h3>Nav</h3>
- <a href="">link</a>
- <br>
- <a href="">link</a>
- <br>
- <a href="">link</a>
- <br>
- <a href="">link</a>
- <br>
- <a href="">link</a>
- </div>
- <br>
- <br>
- <br>
- <img src="https://bettysgraphics.neocities.org/images/animals/butterflies.gif">
- </div>
- <div id="main">
- <h3>Welcome</h3>
- <p>This a template by Ivory's Rose's!</p>
- <p>You can change anything but at kepp the credits on the page:)</p>
- <p>if you need anything email me at [email protected] if theres any thing you may need</p>
- <br>
- <img src="https://bettysgraphics.neocities.org/images/animals/cat%2018.gif">
- <p>This is extra space do what ya want with it</p>
- </div>
- <div id="side2">
- <div id="to-do">
- <h3>to-do</h3>
- <ul>
- <li><p>blah balh balbhjh </p></li>
- <li><p>blah balh balbhjh </p></li>
- <li><p>blah balh balbhjh </p></li>
- <li><p>blah balh balbhjh </p></li>
- <li><p>blah balh balbhjh </p></li>
- <li><p>blah balh balbhjh </p></li>
- </ul>
- </div>
- <br>
- <!-- put your own chatbox here you can use this one here https://www.cbox.ws/getone-->
- <div id="chatbox">
- <iframe src="https://www3.cbox.ws/box/?boxid=3550251&boxtag=tR8kbp" width="200px" height="330" allowtransparency="yes" allow="autoplay" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"></iframe>
- </div>
- </div>
- </div>
- <!--DO NOT REMOVE-->
- <div id="footer">
- <p>Template By <a href="https://ivorysroses.nekoweb.org/index.html">Ivory's Rose's</a></p>
- </div>
- </div>
- </body>
- </html>
Advertisement