7.12.17 | Hooray for festive cheer! It's been almost a month since I've last updated Floral, as I just had my end of year exams. I've swapped out the code for the horizontally scrolling Photo Reel so that the textbox scrolls, and I've changed the code for dream because it looks weird on different browsers.

11.11.17 | We have a new affiliate, Salt, which offers minimalistic premade petpage layouts, do check them out! I've removed Streamlined and added Dream in its place, and I'm still working on disabling the carousel for Neopian.

+ 1 Affiliate
+ 1 Layout
- 1 Layout

30.10.17 | We have a new affiliate, Whitespace, who I'm sure needs no further introduction c; But just in case, Mexxy creates lovely minimalistic layouts, for your userlookups, petpages and petlookups! In other news, I am in the process in creating code which disables the carousel for my userlookups, as apparently not a lot of people like it ;u;

+ 1 Affiliate

27.10.17 | Neopian Header has finally been patched up, I forgot to update it ;n;

Check older updates?

Welcome to Floral! Floral is a css-based premade layout site made by Sunlit. Here, I aim to provide a regularly updated site providing high quality layouts.

I only have one rule: If you use my layouts, keep credit, even if you change the code. That is all for now, if I feel the need to change something I will. Use the links on the left to navigate, and if you have any questions, or need help with my codes, feel free to neomail me! I'm always willing to help! Currently looking for affies and listers, neomail me to apply or if you have listed Floral. Thank you for visiting Floral, and have a great day!

Userlookups

need a change in style? «       
neopian

  • Small layout, best for sides where some ids do not need to be displayed
  • Removed #usershop, #userneohome and #ncmall
  • Scrolling
  • Two variants: header and footer
  • Credit to Details for most header and footer pngs
  • Aurum has a nice selection of PNGs under foreground if you want to make changes yourself! The navigation is annoying, so I go underneath to my computer's taskbar and back up again.

Header

Footer


Satellite

  • Now you can put pets not on that account into the carousel!
  • Disclaimer: actual pets on your account are still there, I have not removed #userneopets
  • Neopets header and footer intact
  • Removed #userneohome and #ncmall
  • Scrolling
  • Two variants: With and without shop
  • Extra code for those with 5/6 neopets
  • Design inspiration taken/stolen from Satellite
  • Help with the carousel from this guide

With & Without Shop

5 neopets code & 6 neopets code


Petlookups

showcase your neopets «       
Dream

  • Made for pets with a character blurb, or if you wanted to put art on the side
  • Petpet is underneath the petinfo
  • Anchored
  • Two variants: petpet and no petpet
  • Extra code for a smooth scrolling transition: check it out!

petpet & no petpet

transition code


Portrait

  • When you hover over the text/image it will switch to the petinfo.
  • Anchored
  • Petpet is underneath the petinfo
  • Two variants: petpet and no petpet
  • Extra code for a smooth scrolling transition: check it out!

petpet & no petpet

transition code


Litany

  • Large pet image
  • Lots of padding
  • Layout does not account for trophies
  • Scrolling
  • Two variants: petpet and no petpet
  • Background from Peta
  • Recommended sites for backgrounds: Mariposa, WS Resources and lol wat.

Plain: Petpet & No Petpet

Fish: Petpet & No Petpet


Clarion

  • Layout is not centered, due to limitations of neo css ;n;
  • Fixed layout, no scrolling
  • Two variants: petpet and no petpet

Petpet & No petpet

Petpages

write! «
myriad

  • Can be used for many purposes (e.g application, story)
  • Scrolling
  • Code to get your own pet's image has been provided, replace NAME with the name of your pet.
  • You can also use a medium preview from DTI for the pet image.

light & dark

day & night

petimage code


Imperial

  • Simple, clean layout
  • Scrolling
  • There's a navigation that appears when you scroll down
  • There is code availble if you want to change the navigation to the normal neopets one

Layout Code & Neopets Navigation


Photo Reel

  • Hover on your pet's image to see their info
  • Can be used as a pet portfolio/customisation lookbook/uft/ufa page
  • Code's a bit hard to modify, if you need help just nm me!
  • One variant scrolls to the right, the other to the bottom
  • Icon is interchangeable
  • Editing the layout is encouraged!
  • Original icon is from esquire

horizontally scrolling & vertically scrolling


Legion

  • Designed for petpages/applications, but you could turn it into a portfolio
  • Scrolls sideways, with main bar disappearing behind the png
  • All boxes are set to overflow if needed
  • Header 2 inspiration taken from Emily
  • PNGs from Aurum, Aroma and Details, Art by Becky
  • Backgrounds from Mariposa, Peta and Lol wat

PNGs

Adoptables: Xweetok & Kougra & Peophin

Sitely

farewell «    
Link Back?







Credits

  • Any resources used in my premade layouts have been credited in the layout, and in their section on Floral. If you believe that I have not followed proper protocol, please neomail me!
  • 1st and 2nd buttons from Jewel, 3rd button from exquisite, 4th button from kimochi, 5th button from Confectionery, thank you all so much!
  • Thank you aweber for the code to remove the premium navigation!
  • Credit to Details for flower footer.
  • All coding/content made by Sunlit unless otherwise specified.
Sister Site

Confectionery is my sister site, run by Candy, my twin sister! She creates lovely pixels and code to use, so check her site out!

Affies (6/??)

Listers

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., 1999-2016.
denotes Reg. US Pat. & TM Office. All rights reserved.
PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit | Refer 10lank10


Oh, tiptoe from the garden, by the garden of the willow tree, and tiptoe through the tulips with me...
-Tiny Tim



Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
Heads Up! You're about to leave Neopia!

You've clicked on a link that will take you outside of
Neopets.com. We do not control your destination's website,
so its rules, regulations, and Meepit defense systems will be
different! Are you sure you'd like to continue?



It is a journey
I must face...alone.
*dramatic music*
I want to stay on Neopets,
where the dangers of
Meepit invasion
are taken seriously.
/help/bumper/headers/log-in-to-facebook

NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2017.
® denotes Reg. US Pat. & TM Office. All rights reserved.

PRIVACY POLICY | Safety Tips | Contact Us | About Us | Press Kit
Use of this site signifies your acceptance of the Terms and Conditions