CSS

...

it's free CSS!

RETURN TO HOME PAGE

Sites I used for looking up how to get the web page to Do Stuff:

MDN Web Docs ... W3 Schools ... HTML Dog

(They all have tutorials available for both HTML and CSS)

Feel free to use & edit the CSS and HTML code for this page as much as you like, for noncommercial purposes!

Credit is not necessary for noncommercial use of the CSS or HTML code.

The images on this page are openly licensed via CC BY-NC-SA 4.0.
This means that you may use and edit them for noncommercial purposes, with credit, and licensed under the same terms. ^_^

Here is the CSS!! I also tried to add some helpful notes in the code to make it more useable for beginners!

get the CSS for this page here :D

HTML here!

You can copy-paste this into an HTML document and, if you name your CSS document the same as I named mine, it should work!

The images won't work, though. They're named to pull from my neocities files. Replace the image titles with your own image urls!

<!DOCTYPE html> <html> <head> <link rel="shortcut icon" type="image/jpg" href="/icon.png"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sporesgalaxy's CODES</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="/style3copy.css" rel="stylesheet" type="text/css" media="all"> </head> <body> <div class="linktop"> <p><b>OTHER PAGES: <a href="/oldhomepage">TEST PAGE</a> <a href="/index">HOME</a></b> </div> <div class="header"> <p><h2>CSS</h2> </div> <div class="headerimg"> <img src="/icon.png"> </div> <div class="bumper">...</div> <div class="desc"> <h1>it's free CSS!</h1> <p>Sites I used for looking up<br>how to get the web page to Do Stuff:</p> <p><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">MDN Web Docs</a> ... <a href="https://www.w3schools.com/html/default.asp">W3 Schools</a> ... <a href="https://www.htmldog.com">HTML Dog</a></p> (They all have tutorials available for both HTML and CSS) </div> <div class="mainbox"> <h3>Feel free to use & edit the CSS and HTML code for this page as much as you like, for noncommercial purposes!</h3> <p>Credit is not necessary for noncommercial use of the CSS or HTML code.</p> <p><strong>The images on this page are openly licensed via <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0.</a></strong><br> This means that you may use and edit them for noncommercial purposes, with credit, and licensed under the same terms. ^_^</p> </div> <div class="mainbox"> <p> Here is the CSS!! I also tried to add some helpful notes in the code to make it more useable for beginners!</p> <h2><a href="https://sporesgalaxy.neocities.org/style3copy.css">get the CSS for this page here :D</a></h2> </div> <div class="mainbox"> <h2>HTML here!</h2> <p>You can copy-paste this into an HTML document and, if you name your CSS document the same as I named mine, it should work!</p> <p>The images won't work, though. They're named to pull from my neocities files. Replace the image titles with your own image urls!</p> <div class="scrolly"> < xmp> <h2>Example text! This is where I put the code on the web page you just copied this from!</h2> This is more example text to show that the xmp tag changes code to plain text yayyyy </ xmp> delete that space and this text to get the xmp tag to work tho </div> </div> <div class="links"> <center><table> <tr> <td><img src="/transparentcookie.png"></td> <td><img src="/cookiebill.jpg"></td> <td colspan="2"><img src="/transparentcookie.png"></td> </tr> <tr> <td colspan="2"><img src="/cookiebill.jpg"></td> <td><img src="/transparentcookie.png"></td> <td><img src="/cookiebill.jpg"></td> </tr> </table></center> </div> <div class="sideimage"> <img src="/transparentcookie.png"> </div> <div class="sideimage2"> <img src="/livebug.jpg"> </div> <div class="bottombumper"> ... </div> <div class="footerimg"> <img src="/eraserheadbaby.jpg"> </div> <div class="bottombumper"> ... </div> </body> </html>
...
...