Zee: Cherry Blossom

Copy and paste this text into your Index.html page.

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Zee: Birds</title> <link rel="shortcut icon" href="https://zeesplace.neocities.org/crow.png"> <link rel="stylesheet" href="https://zeesplace.neocities.org/birdscss.css"> </head> <body> <div id="layout"> <div id="header"> <center> <div class="sitename">Site Name</div> </center> </div> <div id="navi"> <a href="" target="iframe">link here</a> <a href="" target="iframe">link here</a> <a href="" target="iframe">link here</a> <a href="" target="iframe">link here</a> <a href="" target="iframe">link here</a> <a href="" target="iframe">link here</a> </div> <div id="columns"> <div id="left1"> <div class="title">Header Title Here</div> <div class="box"> Text and content goes here <b>Bold</b>. <i>Italic</i>. <a href="">A Link</a>. </div> <div class="title">More Links Here</div> <div class="box extralinks"> <a href="">extra link</a><br> <a href="">extra link</a><br> <a href="">extra link</a><br> <a href="">extra link</a> </div> <div class="title">Header Title Here</div> <div class="box">More content can go here.<p> more content can go here. </div> <div class="title">Header Title Here</div> <div class="scrollbox"> this box<p> scrolls<p> Scrolls<p>scrolls<p> Scrolls<p>scrolls<p> Scrolls<p>scrolls<p> Scrolls<p>scrolls<p> Scrolls<p> </div> </div> <div id="content1"> <iframe src="https://zeesplace.neocities.org/layout2main" width="100%" height="550px" name="iframe" frameBorder="0"></iframe> </div> <div id="right1"> <div class="title">Header Title Here</div> <div class="box">More content can go here.<p> more content can go here. </div> <div class="title">Header Title Here</div> <div class="box">More content can go here.<p> more content can go here. </div> <div class="title">Header Title Here</div> <div class="box">More content can go here.<p> more content can go here. </div> </div> </div> <center> <b>Credit</b>: Site <a href="https://zeesplace.neocities.org" target="_blank">Zee</a>. Image <a href="https://eggnored.tumblr.com/post/91084109043/i-know-a-lot-of-these-background-masterposts" target="_blank">Chicken Nugget</a>. Background <a href="https://www.itinerae.org" target="_blank">Itinerae</a>. </center> </div> </body> </html>

This is the code for your Main.html page and other side pages.

<!DOCTYPE html> <html> <head> <title>Zee: Cherry Blossom</title> <link rel="shortcut icon" href="https://zeesplace.neocities.org/image_2026-05-04_184622761.png" /> <link rel="stylesheet" href="https://zeesplace.neocities.org/birdsmaincss.css"> <style> body { overflow-x: hidden;} </style> </head> <body> <div class="title">Welcome</div> <div class="box"> Welcome text can go here, this is your main page. </div> <div class="title">Get the Code</div> <div class="box"> Please Leave Credit to Me at the Bottom. </div> </body> </html>

The CSS Style Sheet. This is optional but if you're altering anything at all and need to make your own sheet here is the CSS for your Index.html page.

@font-face { font-family: 'AlumniSansInlineOne'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/AlumniSansInlineOne-Regular.ttf); } @font-face { font-family: 'Atomic'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/AtomicAge-Regular.ttf); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/Roboto-VariableFont_wdth,wght.ttf); } body { background:#fff; font-family: 'Roboto', verdana, arial; font-size:10px; color:#fff; letter-spacing:1px; line-height:13px; background: url("https://zeesplace.neocities.org/tumblr_f00a92272f4cabd32865bf3d6de979ea_bcc37542_250.webp"); background-repeat: repeat} a:link, a:visited, a:active { color:#c1c1c1;text-decoration:none;} a:hover {color:#8d8d8d; font-style: italic;} b {color:#d6d6d6;} img {border:0;} /* width */ ::-webkit-scrollbar { width: 8px; } /* Track */ ::-webkit-scrollbar-track { background: #8d8d8d; } /* Handle */ ::-webkit-scrollbar-thumb { background: #d6d6d6; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #c1c1c1; } #layout { width:900px; margin:0 auto; } #columns { overflow: hidden; background-color: #ffffff80; } #header { height:180px; background:#fff url(https://zeesplace.neocities.org/Screenshot%202026-05-06%20132001.png) no-repeat center; opacity: 0.75; } #navi { height:20px; line-height:20px; text-align:center; background: #fff; opacity: 0.75; } #navi a { display:inline-block; background: #292929; font:normal 9px 'Atomic',arial; line-height:9px; padding-top:2px; padding-left:5px; padding-right:5px; padding-bottom:2px; margin-bottom:4px; letter-spacing:1px; color:#b8b8b8; border-radius:10px; border:1px solid #292929;} #navi a:hover { color:#4c4c4c; background: #a6a6a6;} #left1, #content1, #right1 { float:left; padding:6px; margin:0; } #left1 { width:180px; color:#fff; background-color: #33333380; } #content1 { width:494px; color:#fff; background: #333; margin: 4px; } #right1 { width:180px; color:#fff; background-color: #33333380} .title { font-weight:bold; border-bottom:3px dashed #333; margin-bottom:4px; padding-top:0px; font:14px 'Atomic', courier new, arial; padding-left:5px; color: #b3b3b3; background: #919191; text-shadow: 0px 0px 5px #393939, 0px 0px 10px #2f2f2f, 0px 0px 10px #2f2f2f, 0px 0px 20px #2f2f2f; margin-bottom:5px;} .box { background-color: #33333365; padding: 2px; border:1px solid #333; margin-bottom:20px; margin-top: 5px; margin-left:5px; margin-right: 5px; box-shadow: 2px 2px 5px #333; } .scrollbox { background-color: #33333365; height:100px; overflow:auto; overflow-x:hidden; margin-top:4px; padding: 2px; box-shadow: 2px 2px 5px #333;} textarea { font:10px calibri; background:#333; } .extralinks a { display:inline-block; background: #212121; font:normal 9px 'Roboto',arial; line-height:9px; width:80%; text-transform:uppercase; padding-top:2px; padding-left:5px; padding-right:5px; padding-bottom:2px; margin-bottom:4px; margin-left: 12px; letter-spacing:1px; color:#b3b3b3; border-radius:10px; border:1px solid #212121; box-shadow: 2px 2px 5px #212121} .extralinks a:hover { color:#393939; background: #bababa;} .sitename { font:42px 'AlumniSansInlineOne'; text-align: center; letter-spacing:3px; text-shadow:1px 1px 8px #393939; padding-top:120px; float: center; color: #d5d5d5; -webkit-text-stroke: 2px #393939; } .iframe { border: none; }

The CSS Style Sheet. This is optional but if you're altering anything at all and need to make your own sheet here is the CSS for your Main.html page and other side pages, anything going INSIDE the frame.

@font-face { font-family: 'AlumniSansInlineOne'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/AlumniSansInlineOne-Regular.ttf); } @font-face { font-family: 'Atomic'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/AtomicAge-Regular.ttf); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://zeesplace.neocities.org/Roboto-VariableFont_wdth,wght.ttf); } body { background:#333; font-family: 'Roboto', verdana, arial; font-size:10px; color:#fff; letter-spacing:1px; line-height:13px; } a:link, a:visited, a:active { color:#c1c1c1;text-decoration:none;} a:hover {color:#8d8d8d; font-style: italic;} b {color:#d6d6d6;} img {border:0;} /* width */ ::-webkit-scrollbar { width: 8px; } /* Track */ ::-webkit-scrollbar-track { background: #8d8d8d; } /* Handle */ ::-webkit-scrollbar-thumb { background: #d6d6d6; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #c1c1c1; } #layout { width:900px; margin:0 auto; } #columns { overflow: hidden; background-color: #ffffff80; } #header { height:180px; background:#fff url(https://zeesplace.neocities.org/Screenshot%202026-05-06%20132001.png) no-repeat center; opacity: 0.75; } #navi { height:20px; line-height:20px; text-align:center; background: #fff; opacity: 0.75; } #navi a { display:inline-block; background: #292929; font:normal 9px 'Atomic',arial; line-height:9px; padding-top:2px; padding-left:5px; padding-right:5px; padding-bottom:2px; margin-bottom:4px; letter-spacing:1px; color:#b8b8b8; border-radius:10px; border:1px solid #292929;} #navi a:hover { color:#4c4c4c; background: #a6a6a6;} #left1, #content1, #right1 { float:left; padding:6px; margin:0; } #left1 { width:180px; color:#fff; background-color: #33333380; } #content1 { width:494px; color:#fff; background: #333; margin: 4px; } #right1 { width:180px; color:#fff; background-color: #33333380} .title { font-weight:bold; border-bottom:3px dashed #333; margin-bottom:4px; padding-top:0px; font:14px 'Atomic', courier new, arial; padding-left:5px; color: #b3b3b3; background: #919191; text-shadow: 0px 0px 5px #393939, 0px 0px 10px #2f2f2f, 0px 0px 10px #2f2f2f, 0px 0px 20px #2f2f2f; margin-bottom:5px;} .box { background-color: #21212180; padding: 2px; border:1px solid #212121; margin-bottom:20px; margin-top: 5px; margin-left:5px; margin-right: 5px; box-shadow: 2px 2px 5px #212121; } .scrollbox { background-color: #33333365; height:100px; overflow:auto; overflow-x:hidden; margin-top:4px; padding: 2px; box-shadow: 2px 2px 5px #333;} textarea { color: #fff; font:10px calibri; background:#333; } .extralinks a { display:inline-block; background: #212121; font:normal 9px 'Roboto',arial; line-height:9px; width:80%; text-transform:uppercase; padding-top:2px; padding-left:5px; padding-right:5px; padding-bottom:2px; margin-bottom:4px; margin-left: 12px; letter-spacing:1px; color:#b3b3b3; border-radius:10px; border:1px solid #212121; box-shadow: 2px 2px 5px #212121} .extralinks a:hover { color:#393939; background: #bababa;} .sitename { font:42px 'AlumniSansInlineOne'; text-align: center; letter-spacing:3px; text-shadow:1px 1px 8px #393939; padding-top:48px; float: center; color: #d5d5d5; -webkit-text-stroke: 2px #393939; } .iframe { border: none; }