Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>title of your tab</title>
- <!-- The style.css file allows you to change the look of your web pages.
- If you include the next line in all your web pages, they will all share the same look.
- This makes it easier to make new pages for your site. -->
- <link href="style.css" rel="stylesheet" type="text/css" media="all">
- <style>
- /* this is where u can put css */
- body {
- background-color:#000;
- }
- /* changes links */
- a:link {
- text-decoration: none;
- color: #fff;
- -webkit-transition: 0.2s ease-in-out;
- -moz-transition: 0.2s ease-in-out;
- -o-transition: 0.2s ease-in-out;
- transition: 0.2s ease-in-out;
- }
- a:visited {
- color:#0015ff;
- }
- a:hover {
- color: #f50000;
- -webkit-transition: 0.2s ease-in-out;
- -moz-transition: 0.2s ease-in-out;
- -o-transition: 0.2s ease-in-out;
- transition: 0.2s ease-in-out;
- }
- a:active {
- color:#f50000;
- }
- /* changes selection with cursor */
- ::selection {
- background-color:rgb(171, 171, 171);
- }
- /* changes scrollbar */
- ::-webkit-scrollbar {
- width: 8px;
- height: 8px;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #ffffff;
- border: 1px solid #ffffff;
- }
- ::-webkit-scrollbar-track {
- background-color: #000000;
- }
- /* i think u can figure this out urself */
- .header, .container {
- background-color:#000;
- color:#fff;
- margin:5px;
- padding:5px;
- border:5px double white;
- }
- .header {
- max-width:700px;
- }
- .container {
- max-width:400px;
- max-height:200px;
- overflow:auto;
- }
- </style>
- </head>
- <body>
- <center>
- <!--
- header
- -->
- <div class="header">
- <p><img src="https://cdn.discordapp.com/attachments/396912105497821195/870410692090535956/Bambolina.png"></p>
- <p>Put a header picture here or something</p>
- </div>
- <!--
- your "diary entries"
- -->
- <div class="container">
- <p>Hi im ro</p>
- <p>New paragraph</p>
- <p>Idk put an icon here somewhere</p>
- <p><a href="">Here is a link that leads to nowhere</a></p>
- </div>
- <div class="container">
- <p>Hi im ro</p>
- <p>New paragraph</p>
- <p>Idk put an icon here somewhere</p>
- <p><a href="">Here is a link that leads to nowhere</a></p>
- <p>im tired</p>
- <p>im tired</p>
- <p>im tired</p>
- <p>im tired</p>
- <p>im tired</p>
- <p>im tired</p>
- <p>im tired</p>
- </div>
- </center>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement