F2U TEMPLATE

guess who finally decided to make a f2u template for the lovely neocitizens (and also reused the code from her graphics page because she was too lazy to be original)?!?!

ive been wanting to make something like this for as long as ive started this site. however, only now do i have the confidence to do so!!! so, i made everyone a...

STRAWBERRY THEMED TEMPLATE!!

click here to view it!

i am so super duper excited about this, it turned out so adorable in my opinion!! now, are you ready for the code? okay...

HALT! before i show you this, you HAVE to promise me you will follow the rules!!

don't remove the credits! if your site is made from this template, even used as a building block, i still think credit is necessary!! and, feel free to change the theme to another!!! i just picked strawberries because it was the cutest thing i could think of!!

okay, NOW i will show you the code!

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>happy go lovely theme! (＾Ｕ＾)ノ</title>   </head> <body>  <div class="holder" style="width: 800px; height: 580px; background-color: white; border: 4px groove pink; margin-left: 250px;"> <div class="header" style="width:85%; position: center; background-image: url('https://files.catbox.moe/17bplx.png'); height: 90px; border: 2px solid gray; background-size: 700px; background-position: left center; float: left;"></div><div class="picbox" style="width: 14%; height: 90px; background-image: url('https://files.catbox.moe/kfjdkq.png'); background-size: 110px; background-position: center; border: 2px solid gray; float: right; align-content: center;"><img src="https://64.media.tumblr.com/7b73532775b96efd0c7f7e215055438e/851ca7d3d5fc2b21-6e/s100x200/3cf75fcb204e8b30218a2cb52e575dff96501d92.gifv" style="position: center; height: 90%; margin-left: 70px;"></div> <div class="navigation" style="float: left; background-image: url('https://files.catbox.moe/0r3dn7.webp'); background-size: 20px; border: 2px solid pink; width: 150px; margin-top: 5px;"> <div class="tops" style="background: linear-gradient(360deg,pink,white); border: 2px outset pink; text-align: center;">navigate my site!</div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/index">home page</a></div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/blog">my blog</a></div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/about">about me</a></div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/interests">interests</a></div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/">link</a></div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/">link</a></div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/">link</a></div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/">link</a></div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/">link</a></div> <div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/">link</a></div> </div> <div class="berry" style="border: none; overflow: hidden; position: absolute; left: 260px; top: 385px;"><img src="https://i.pinimg.com/736x/13/d9/63/13d963e5d6ae5f0145d1ce9475257423.jpg" style="width: 160px;"></div> <div class="sitedesc" style="border: 3px outset pink; background-image: url('https://files.catbox.moe/iuyx3j.webp'); background-size: 200px; width: 400px; height: 300px; float: center; margin-left: 170px; margin-top: 100px;">welcome to <b><font color="pink">site name!</font></b> i am so happy to have you here!<p style="margin-top: 3px; margin-bottom: 3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <img src="https://64.media.tumblr.com/513f4d67f7a124189216309fb2fe377e/a5758f60eac88e5d-65/s400x600/d1f13c95a5ab0e48441bfc04b908a5ad66f9aa13.pnj" style="width:100%"><a href="swirl.neocities.org/graphics"><img src="https://swirl.neocities.org/sozai/mediums/kawaiisakura.gif" style="float: right; width: 100px;"></a><p style="margin-top: 3px; margin-bottom: 3px;">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></div> <div class="thought" style="background-image: url('https://www.fancyparts.com/fancyparts/cg/pattern/dot_01/dot-01-10.gif'); border: 1px solid gray; height: 100px; width: 404px; float: center; margin-left: 170px; margin-top: 5px; text-align: center;"><font color="gray"><b>what is on your mind?<img src="https://64.media.tumblr.com/04db291970f723f8d92abc7bdc57e92c/ab94b47053b242d2-6c/s75x75_c1/4af37f0b793eefc733727a51426c6d0b18fbbcc6.gifv"></b></font><p style="font-size: 13px;">type whatever you're thinking right here!! feel free to say absolutely anything, neocities is a pretty friendly platform! i did you the favor of pre-downscaling the text so you can fit more (´▽｀)</p></div> <div class="yourprofile" style="float: right; width: 200px; background-color: white; border: 1px solid pink; height: 350px; text-align: center; margin-top: -415px;"><b>your name!</b><img src="https://files.catbox.moe/lwc37n.png" style="width: 80%; border: 1px solid gray;"><p style="margin-top: 3px; margin-bottom: 3px;">currently: <b>action</b></p><p style="margin-top: 5px; margin-bottom: 5px;">feeling: <b>emotion</b></p><p style="margin-top: 5px; margin-bottom: 5px;">playing: <b>game</b></p><p style="margin-top: 5px; margin-bottom: 5px;">from: <b>place</b></p><p style="margin-top: 5px; margin-bottom: 5px;">working on: <b>site page</b></p><p style="margin-top: 5px; margin-bottom: 5px;">watching: <b>show/movie</b></p><p style="margin-top: 5px; margin-bottom: 5px;">reading: <b>book</b></p><div class="yourbutton" style="background: linear-gradient(360deg,white,pink,white); margin-top: 5px; margin-bottom: 5px; border: 2px outset pink; font-size: 15px; text-align: center;"><a href="/about">more on my about page!</a></div></div> <div class="pamda" style="float: right; position: absolute; top: 470px; right: 304px;"><img src="https://i.pinimg.com/originals/ae/19/8a/ae198a049ebe92a1eba4129def936b2c.gif" style="width: 200px; border: 1px solid pink;"></div>  <div class="CREDITSDONTTAMPER" style="float: bottom right; height: 30px; background: linear-gradient(0deg,pink,white); border: 2px outset pink; width: 590px; margin-top: 15px;"><marquee>credits go to <a href="https://drizzle.neocities.org">drizzle</a> for making this site theme! <img src="https://pixels.crd.co/assets/images/gallery61/f667e234.gif?v=99d3974e"> site theme made 2025年1月27日. <img src="https://pixels.crd.co/assets/images/gallery01/8bfdd358.gif?v=99d3974e"> put literally anything you want here!<img src="https://pixels.crd.co/assets/images/gallery01/8bfdd358.gif?v=99d3974e"> thank you for using my theme! - kochanie</marquee></div> </div> </body> <style> body { background-image: url('https://files.catbox.moe/0liek1.webp'); background-size: 200px; font-family: MS Gothic; } a { color: #e065af; } </style> </html>

in order to use this template, just select all of the code in the textarea and then import it into your index/home html file!! then, customize it as you need--change the blank spots that i added in favor of your own lovely things, put whatever's on your mind onto the bulletin board (if you want)!!! i hope that any users of this template have tons of fun with it!! customize it however you please, and make it yours!!! thank you!!!