family sites
→ hover here ← Jewel Bejeweled Bejeweled Tutorials Augment The Popsicle Stand Bijou

Welcome to element

css layouts by jewlz

Element is a premade css layout site run by Jewlz. For the moment, all the layouts on this site are petpage layouts that have a matching color scheme to their graphics to keep things bright and fun! Of course, all our layouts are customizable. Element was designed to be used with the jewel family sites to create the perfect layout. All content is interchangeable within sites. So take a look around and see if you find something to your liking.


please read my terms of use!

  • Edit to your heart's desire, my credit MUST remain visible on the layout.
  • Do not redistribute my coding in any way/shape/form without permission.
  • Credit is appreciated as a text link or link back button.
  • updates

  • 09.09.2018 New layout design! I made 3 new anchored layouts and 1 new scrolling layout.
  • 05.21.2018 I made 3 new anchored layouts and 5 new scrolling layouts.
  • info anchored scrolling

    some quick notes about our layouts


    Element layouts have multiple views to show exactly what kind of special coding is within and how the layout looks. Hover over each layout section to display more information about the layout including layout difficulty. You can find the layout code in the boxes below the images. Use CTRL A + CTRL C to copy all the text. As previously stated, all of these layouts can be easily edited. There is also additional instructions for use within the layout coding itself.

    image quality: Some of the GIFs of the layout previews may have a bad image quality. It's just from uploading such a large animated image. The layout itself will have 100% quality images. No worries there!

    can't find the save button? Layouts that have a 'hidden' save button usually just need to be zoomed out. Try using CTRL - a few times until you see the button.

    still not there? Try holding shift then hit the tab / indent button twice. ( I suggest saving a copy of your work in a notepad first before doing this. Just in case. )



    have fun and be creative!



    Have a suggestion? Or perhaps some comments/questions?



    anchored layouts: 28
    scrolling layouts: 28

    anchored layouts

    drag and drop for larger images

    stunning moonview


    difficulty level: easy-medium
  • original homepage can be used as title drop or banner.
  • Anchored layout with top navigation.
  • 3 Types of table sections.
  • Perfect for sites or guilds.
  • tooth faerie


    difficulty level: easy
  • Anchored layout.
  • Adjustable side navigation.
  • Has pet lookup styled coding.
  • perfect for portfolios.
  • spring wocky


    difficulty level: easy
  • fixed side navigation.
  • Anchored layout.
  • Portfolio styling for goals, avatars, closet and bookmarks.
  • snow queen taelia


    difficulty level: easy
  • Top fixed navigation.
  • Anchored layout.
  • Simple layout styling.
  • simple succulents


    difficulty level: easy
  • Side fixed navigation.
  • Anchored single page layout.
  • Content box enlarges when hovered.
  • nigthsteed


    difficulty level: easy
  • Adjustable top navigation.
  • Anchored layout.
  • Title screen if wanted.
  • alien aisha


    difficulty level: easy-medium
  • art portfolio styling.
  • anchored layout.
  • anchored side content with navigation.
  • Perfect for pets as well.
  • Caylis


    difficulty level: easy
  • Adjustable side navigation.
  • Anchored layout.
  • Perfect for art, pets, pet apps.
  • large art/banner box.
  • candyland


    difficulty level: easy
  • Adjustable side nav with hidden menus.
  • features a top banner.
  • graphics and pet coding styles.
  • perfect for sites or portfolios.
  • princess amira


    difficulty level: easy
  • simple anchored layout.
  • invisible content scrolling.
  • side art/image and title.
  • faerie sketch


    difficulty level: medium
  • single page layout.
  • adjustable side navigation.
  • images show larger preview when hovered.
  • perfect for art portfolios.
  • black and white


    difficulty level: medium
  • anchored layout with invisible scrolling.
  • adjustable navigation.
  • slideshow of 5 images.
  • inspired by Pascal's across the bridge layout.
  • red quiggle


    difficulty level: easy
  • anchored layout with invisible scrolling.
  • adjustable navigation.
  • side art/image with title.
  • queen fyora


    difficulty level: easy
  • anchored layout single page layout
  • each image has a hover feature where you can type a short description.
  • each image can be linked.
  • adjustable top tile bar.
  • hover css box.
  • smell the roses


    difficulty level: easy-medium
  • anchored multi-page layout
  • Has a top banner space.
  • side bar has invisible scrolling.
  • has site styling.
  • faerieland


    difficulty level: medium
  • anchored multi-page layout
  • content has invisible scrolling.
  • has request site/graphic portfolio styling.
  • adjustable navigation and image.
  • magical hair usuki


    difficulty level: easy-medium
  • anchored multi page layout
  • has 3 content areas with invisible scrolling.
  • has site styling.
  • adjustable bottom navigation bar.
  • over the rainbow


    difficulty level: easy
  • anchored single page layout
  • large link box styling. Links include short descriptions.
  • content has invisible scrolling.
  • adjustable title and image.
  • no outside navigation.
  • midnight hour


    difficulty level: easy
  • Large changeable top banner with fixed navigation and title boxes.
  • Scrolling-Anchored layout with in page anchors.
  • Has special coding for pet displays, art, lists, bookmark and more.
  • perfect for portfolio pages.
  • relaxed lutari


    difficulty level: easy
  • Large single page anchored layout
  • Fully adjustable side navigation and top titles.
  • Simple coding throughout.
  • very large text box.
  • magic crystals


    difficulty level: easy
  • smaller multi-page anchored layout.
  • Left sidebar features editable title. Right sidebar features changeable icon images and navigation menu.
  • Simple coding throughout.
  • black and white skulls


    difficulty level: easy-medium
  • multi-page anchored layout.
  • fixed bottom navigation menu.
  • Has special coding for pet displays, art, bookmarks and more.
  • Anchored version of the lilac and lavender flowers scrolling layout.
  • chasing flies


    difficulty level: easy
  • multi-page anchored layout.
  • fixed side navigation menu.
  • Homepage banner size is 750x250px.
  • Fixed bottom adjustable title.
  • spirited away


    difficulty level: easy
  • multi-page anchored layout.
  • fixed bottom navigation menu and title.
  • Fixed adjustable icon display.
  • simple and easy coding.
  • grid locked


    difficulty level: easy
  • multi-page anchored layout.
  • fixed top navigation menu with background.
  • Has special coding for wishlists, art, bookmarks and more.
  • dark arts


    difficulty level: medium
  • single page layout.
  • bottom bar has art hover feature. Image bar is linked to have more sections scrolling left and right.
  • adjustable simple title and navigation.
  • chibi pet profile


    difficulty level: easy-medium
  • large multi-sectioned page. 2 large areas have multiple anchored pages. Each section has scrolling when hovered.
  • additional coding for lists, art, images.
  • pet images serve as page links to anchored pages.
  • in deep space


    difficulty level: easy
  • simple multi-page layout.
  • Main content box has subtle hover effect.
  • editable fixed navigation and title boxes.
  • scrolling layouts

    drag and drop for larger images

    grey woods


    difficulty level: easy
  • Top anchored navigation.
  • Continous scrolling with in-page anchors.
  • Pet 'lookbook'/blog style.
  • Has fixed title that content scrolls up.
  • faerie grundo


    difficulty level: easy
  • moving top navigation.
  • continuous scrolling.
  • Portfolio styling for avatars, closet and bookmarks.
  • in the clouds


    difficulty level: easy
  • No navigation.
  • large title space or art/image space.
  • scrolling layout.
  • Blog style(have one large content area or separate).
  • Faerie tuskaninny


    difficulty level: easy
  • Adjustable side navigation.
  • scrolling layout.
  • Wishlist table coding added. Easy import from Dress to Impress.
  • cotton candy


    difficulty level: medium-hard
  • Adjustable top navigation with in-page anchors.
  • scrolling layout.
  • multi-color sections.
  • request site styling.
  • has hidden anchored pages.
  • florin the hero


    difficulty level: easy
  • anchored side info with scrolling content.
  • adjustable navigation, title, art/image.
  • pet image styling.
  • summer sunset


    difficulty level: easy
  • continous scrolling layout.
  • Navigation scrolls with content.
  • Minimal design with blog styling.
  • Small version of northern lights design.
  • Elements current layout design.
  • northern lights


    difficulty level: easy
  • continous scrolling layout.
  • adjustable fixed navigation.
  • fixed title and subtitle.
  • Large version of summer sunset design.
  • isca


    difficulty level: medium-hard
  • continous scrolling layout.
  • Tumbler blogging style. Cool hover features.
  • adjustable fixed navigation with title card.
  • space faerie


    difficulty level: easy
  • continous scrolling layout.
  • adjustable fixed navigation. Has hidden dropdown navigation.
  • Title card feature.
  • cherry blossoms


    difficulty level: easy-medium
  • continous scrolling layout.
  • in page anchors.
  • fixed title and Sidebar feature for navigation and text.
  • linked Image hovers with text. Blog styling.
  • meepit insta-gram


    difficulty level: easy
  • continous scrolling layout.
  • Side navigation has internal and external links.
  • Minimal design with blog styling and hover features. Perfect for art pages.
  • fixed title bar with hover features.
  • chibi clouds


    difficulty level: easy-medium
  • horizontal scrolling.
  • no navigation
  • first slide can be used for baner or title.
  • content boxes have hover feature.
  • baby uni


    difficulty level: easy
  • scrolling layout with anchored background.
  • hidden hover navigation.
  • has graphic portfolio styling.
  • has wishlist table styling compatible with dress to impress.
  • mountain range


    difficulty level: medium
  • large full page scrolling layout with anchored background.
  • adjustable top bar navigation.
  • each section has a different background color.
  • adjustable top title/background image.
  • floating images and list styling.
  • sunny flower day


    difficulty level: easy
  • scrolling content with anchored background.
  • anchored side banner and navigation.
  • in-page anchors.
  • has graphic portfolio styling.
  • I dreamed a dream


    difficulty level: easy-medium
  • large full page scrolling. anchored full page background image.
  • adjustable top anchored navigation.
  • large content box tables. fully expand with more content.
  • title can be easily edited.
  • burning forest


    difficulty level: easy-medium
  • Side scrolling layout with fixed background and right sidebar.
  • adjustable sidebar navigation, title and image.
  • additional coding for pet displays, art, wishlists.
  • blog styled paragaphs available.
  • Pertfect for pet pages, pet applications or portfolios.
  • the girl with the wild flowers


    difficulty level: easy
  • horizontal scrolling layout with fixed background and fixed left sidebar.
  • Left sidebar contains adjustable navigation, title and button display.
  • adjustable content box widths.
  • each section will scroll if more is added.
  • contains in page anchors.
  • snot blumaroo


    difficulty level: easy
  • scrolling layout with blog styling.
  • Left sidebar contains adjustable navigation, title and image display.
  • contains in page anchors.
  • each section will grow if more is added.
  • lilac and lavender flowers


    difficulty level: easy-medium
  • scrolling layout with blog styling. Has bottom fixed navigation with in-page anchors.
  • scrolling version of the black and white skulls anchored layout.
  • Special coding for pet display, buttons and avatars
  • Piñata recipes


    difficulty level: easy
  • scrolling layout with fixed background.
  • Has special coding designed for recipes or lists.
  • Adjustable fixed title, and navigation.
  • PNG image is changeable and moveable.
  • seaside lookbook


    difficulty level: easy-medium
  • full page scrolling layout.
  • fixed top drop-down navigation menu.
  • Has lookbook styling for pet images.
  • title is fully changeable with image.
  • lotus lookbook


    difficulty level: easy
  • sectioned scrolling layout.
  • fixed navigation menu.
  • Has lookbook styling for your pets.
  • Intro has a seperate section for updates.
  • moonlight portfolio


    difficulty level: easy
  • sectioned scrolling layout.
  • fixed top navigation menu and title.
  • Has portfolio styling for buttons, layouts and even art.
  • snowy powtry


    difficulty level: easy
  • scrolling layout.
  • fixed side navigation menu and title.
  • Has special coding for pet displays, art, bookmarks and more.
  • fixed side picture and updates box.
  • golden leaf wishlist


    difficulty level: easy
  • multi-sectioned scrolling layout.
  • fixed side navigation menu.
  • Has DTI wishlist code styling.
  • simple coding and imagery.
  • jelly art world


    difficulty level: easy
  • single page scrolling layout.
  • images have hover span effect to the right of content.
  • perfect for art pages.
  • sitely section

    link back to us?


    Site Credit

    NEOPETS, characters, logos, names and all related indicia are trademarks of Neopets, Inc., © 1999-2018.

  • Layout, coding & content © Jewlz. Textures by details.
  • Transparent BG from Augment.
  • Buttons link back to their makers.
  • Adorable chibi made by Ashe for my use only.
  • Reviewed at Indulge.