Link 1
Link 2
Link 3
Link 4
This is a basic, simple, free to use code for your site.
If you use this, please give credit.
Copy and paste the following into your
HTML
file:
<html> <head> <meta charset="UTF-8"> <title>Anime Fansite</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"> </head> <body> <center> <div id="containerborder"> <div id="container"> <a href="/"><img src="images/animefansite.png"></a> <!--Put your banner here--> </div> <div id="container"> <div id="headtext"><!--Your links go below--> <a href="URL">Link 1</a> <a href="URL">Link 2</a> <a href="URL">Link 3</a> <a href="URL">Link 4</a> </div> </div> <div id="container2"> <img src="https://media2.giphy.com/media/GXi4sKlH0owus/giphy.gif"> <!--THIS IS THE MAIN BODY - YOUR TEXT GOES HERE--> <br> <br> </div> <div id="container"> <!--This is the bottom footer. If you don't want this you can always just delete it!--> <img src="https://web.archive.org/web/20090831020913/http://geocities.com/milanimeclub/tmacno3.gif"> <img src="https://web.archive.org/web/20091019234605/http://br.geocities.com/oclananime/botao_anx.gif"> <img src="https://web.archive.org/web/20091027010902/http://geocities.com/animedudematt/kam_animated.gif"> <img src="https://web.archive.org/web/20091024160145im_/http://geocities.com/animedudematt/setsunakute7.gif"> </div> </div> </body>
Copy and paste the following into your
CSS
file:
@import url('https://fonts.googleapis.com/css?family=Gugi'); @import url('https://fonts.googleapis.com/css?family=Gugi|Nunito'); body { cursor: crosshair; font-family: 'Nunito', sans-serif; color:#cccccc; background-image: url('https://66.media.tumblr.com/4ca2ae8ce9ce4d54fdedc25b8d5dc8c7/tumblr_inline_n1t6elD2mM1qfc9y0.png'); background-color: #cccccc; background-repeat: repeat; font-size:18px; } #containerborder { border: 1px; border-color: #f298b7; border-style: solid; max-width:650px; max-height: 900px; margin-top: 30px; } #container { background: white; max-width:650px; height:auto; } #container2 { background: white; max-width:650px; max-height: 380px; overflow: auto; } #headtext { font-family: 'Gugi', cursive; font-size:18px; } a:link { color: #f298b7; cursor: crosshair; } a:visited { color: #f298b7; cursor: crosshair; } a:hover { color: #c4406e; cursor: crosshair; } b { color:#f298b7 }
