Beetle
Why Beetle?


Beetle comes from BTL, an acronym of "Behind The Layout". It's a site to help you personalise a layout or even make your own from scratch. It's been around in various forms since March 2012.

Most of the layouts on this page are designed to be building blocks - take them apart, find out how they work, replace their graphics with wonderful images of your own creations. Or leave them as they are; nothing wrong with a bit of simplicity.

If you want a bit more of an indepth explanation for how to make a layout, then head over to the tutorials page. Here, I walk you through several different layouts. Some of them are for beginners, some of them are more advanced; hopefully, all of them will show you something interesting.

And if coding interests you, then I sometimes post mini-rants and fun css tricks over here, on the same page as the news and updates. Or feel free to send a neomail my way with a question - my inbox is always open.



Rules


These layouts are free for any use.
Credit is appreciated, but not required.
You may edit any part of these layouts.
You may use what you learn to build layouts for other people.
(Just please don't redistribute my layouts as they are)



Userlookups


Some layouts use (style) and (/style) to avoid the petpage filters. Replace these with the standard angled brackets.
Several layouts put the navigation links outside the style tags. Take care not to remove these, or the navigation won't work.

Backgrounds used in these layouts are from various wallpaper and pattern sites.
Harry Potter backgrounds are credited to theladyavatar.
My Little Pony vectors are found through the mlp-vectorclub (vector is magic).

Some of these layouts may be too narrow for people with five pets. An easy fix is to make your pet images thinner:




Spirited Away
With space for four links to side accounts or other pages.
My Neighbour Totoro
With space for four links to side accounts or other pages.
Spirited Away
With space for four links to side accounts or other pages.
Howl's Moving Castle
With space for four links to side accounts or other pages.
not all who wander
You can put any number of pets across the bottom, and the layout will show as many as will fit across the screen. If you don't have many pets, then it may be worth repeating them so that there isn't empty space on larger screens.
Replace "YOURPETNAMEHERE" with the names of the pets to display across the bottom.
let the sky fall
You can put any number of pets across the bottom, and the layout will show as many as will fit across the screen. If you don't have many pets, then it may be worth repeating them so that there isn't empty space on larger screens.
Replace "YOURPETNAMEHERE" with the names of the pets to display across the bottom.
centuries
You can choose whichever pets you like to go across the bottom, but not more than
five or else the navigation won't be visible on smaller screens.
Replace "YOURPETNAMEHERE" with the names of the pets to display across the bottom.
they call me emma
Chibi made with DreamSelfy.
You can find a range of other chibis here, or replace with an image of your own.
we are young volcanoes
Hover over each pet to reveal the sections of your userlookup.
If you have five pets, only the first four will be shown.
Replace the word YOURPETNAME with the names of the your pets.
You can use any 300 x 300 px picture instead of the pets picture.
it's all over now before it has begun
Hover over each pet to reveal the sections of your userlookup.
If you have five pets, only the first four will be shown.
Replace the word yourpetname with the names of your pets.
You can use any 300 x 300 px picture instead of the pets picture.
driving cadillacs in our dreams
and we'll never be royals
about 20% cooler
in umbra Luna est
a window to the past
everybody wants to rule the world
world on fire with a smoking sun
the crystal ship
lonely is the night
the mists are creeping
crumble and fade
the end of the world
over troubled waters
fair lady, for thee
i am one with wind and sky
the sky's awake so i'm awake
reindeers are better than people
let the storm rage on
a kingdom of isolation
born of cold and winter air
where dwell the just and loyal
On first glance it's just a large hufflepuff crest; hover anywhere over the main area to reveal the main lookup.
where dwell the brave at heart
On first glance it's just a large gryffindor crest; hover anywhere over the main area to reveal the main lookup.
wit beyond measure
On first glance it's just a large ravenclaw crest; hover anywhere over the main area to reveal the main lookup.
will help you on your way to greatness
On first glance it's just a large slytherin crest; hover anywhere over the main area to
reveal the main lookup.



Older userlookups






Petpages


the road less travelled by
An alternative style of Portals. Each link is an image, with space for a (very) short description when you hover over. Take care to read the tips before you start editing!
The road less travelled is a poem by Robert Frost
now you're thinking with portals
A page for many links. Each link has an image, and space for a short description when
you hover over it. Take care to read the tips before you start editing the page!
the stars are naught but burning suns
A single column, with space for a short description and a set of links, both of which are fixed in place.
the earth without art is just eh
An art portfolio with a lightbox effect for images. Tab to find the save button. You must include the inline max-height and max-width commands on large images or the layout
will break on small screens. Demo art is from my art page.
once upon a time
A layout for a pet, whether for an application or a more permanent pet. The splash page scrolls up to reveal the full page content.
i've been losing sleep
A simple layout that focuses on a set of pictures, such as pet outfits as shown in the preview.
if i was a rich girl
A wishlist / trading list layout designed to work with Jellyneo's wishlist generator.
Works best if the wishlist on Jellyneo is left to the default colour settings.
old man river
An anchored layout with space for up to five sections. The image is from the caption contest; any caption contest image will work, or you can make your own 400px x 400px banner.
the first day of spring
A simple one column page, useful as a neomail overflow, guide, story, etc.
a nightingale sang in berkeley square
A simple one column page, useful as a neomail overflow, guide, story, etc.
why do birds suddenly appear
A simple one column page, useful as a neomail overflow, guide, story, etc.
a stranger in paradise
A simple one column page, useful as a neomail overflow, guide, story, etc.
the leaves are flames in the cackling trees
An anchored layout with space for up to six sections. The banner, if you wish to make
your own, is 900px x 280px
way up where the earth is far behind me
An anchored layout with space for up to six sections. The banner, if you wish to make
your own, is 900px x 280px




Backgrounds


http://i.imgur.com/b1bzPLO.jpg
http://i.imgur.com/7z8FU2V.jpg
http://i.imgur.com/ICGCB1L.jpg
http://i.imgur.com/7J8GDSn.png
http://i.imgur.com/FWieMSP.png
http://i.imgur.com/8t7ivSC.png
http://i.imgur.com/hQXW1lo.png
http://i.imgur.com/c2t9ts6.jpg
http://i.imgur.com/Rv60LDf.jpg
http://i.imgur.com/LJz7dKm.png
http://i.imgur.com/zYPxbpB.png
http://i.imgur.com/8RnGz58.png
http://i.imgur.com/bNiqWcG.jpg
http://i.imgur.com/YUT3AM4.png
http://i.imgur.com/6UHkN4R.png
http://i.imgur.com/lGqolLI.png
http://i.imgur.com/FM0snzr.png
http://i.imgur.com/mRKStqr.png
http://i.imgur.com/pFnx4Ny.png
http://i.imgur.com/Ig2Myhu.png
http://i.imgur.com/dP2JvaY.png
http://i.imgur.com/brzFmAb.jpg
http://i.imgur.com/glZBCWO.png
http://i.imgur.com/KMILiVE.jpg
http://i.imgur.com/ZlwelAc.png
http://i.imgur.com/xTHCBf5.png
http://i.imgur.com/Ew2VU2B.png
http://i.imgur.com/UqbQ6wS.jpg
http://i.imgur.com/eqgIo0J.png
http://i.imgur.com/V8mabgl.png
http://i.imgur.com/lXn3eTd.png
http://i.imgur.com/EHqDKty.gif
http://i.imgur.com/xeSd7E1.jpg
http://i.imgur.com/qz6aXg1.png
http://i.imgur.com/FOFnZD6.jpg
http://i.imgur.com/UHIlAb4.jpg
http://i.imgur.com/D0IwndU.jpg
http://i.imgur.com/mzDwvwo.jpg
http://i.imgur.com/8Kvfhsh.png
http://i.imgur.com/5Tav2PW.png
http://i.imgur.com/mXwtof8.png
http://i.imgur.com/WruYLSB.png
http://i.imgur.com/i40d3w1.png
http://i.imgur.com/UeADbwk.png
http://i.imgur.com/MvfPnhi.png
http://i.imgur.com/cNehnOn.png
http://i.imgur.com/zXXuTMy.png
http://i.imgur.com/hv8lPxP.png
http://i.imgur.com/1Bsg65I.png
http://i.imgur.com/YIL7Brj.png
http://i.imgur.com/AG75eMq.png
http://i.imgur.com/NzP8o3U.png
http://i.imgur.com/uuzy9FP.png
http://i.imgur.com/qxe01rt.png
http://i.imgur.com/gp45SlI.png
http://i.imgur.com/e2PdaZy.png
http://i.imgur.com/hm4UDmV.png
http://i.imgur.com/1h7Ojsj.jpg
http://i.imgur.com/3959vmb.jpg
http://i.imgur.com/TnimHUA.jpg
http://i.imgur.com/23cOmRs.jpg
http://i.imgur.com/5vJvPyn.jpg
http://i.imgur.com/7IUXfIX.jpg
http://i.imgur.com/J80oBuC.jpg
http://i.imgur.com/4t94k4F.png
http://i.imgur.com/PEBgBSr.png
http://i.imgur.com/BAnyXBo.png
http://i.imgur.com/fmI3IOv.png
http://i.imgur.com/U3Ft7Yh.png
http://i.imgur.com/v6UNqBv.png
http://i.imgur.com/oPVxiya.png
http://i.imgur.com/S1eZf3o.png
http://i.imgur.com/Vh45YfH.png
http://i.imgur.com/oPM1MhE.png
http://i.imgur.com/UUBsR9K.png
http://i.imgur.com/lglqw1o.png
http://i.imgur.com/ilZAfdF.png
http://i.imgur.com/syQDU9f.png
http://i.imgur.com/yWbJg3A.png
http://i.imgur.com/M7oCJI7.png
http://i.imgur.com/gWYxsDB.png
http://i.imgur.com/i9CPyr1.png
http://i.imgur.com/ed1KV7t.png
http://i.imgur.com/MJLcTNK.png
http://i.imgur.com/44Jux3S.png
http://i.imgur.com/1lFUP43.png
http://i.imgur.com/MWuK0tR.png
http://i.imgur.com/k1OjbXM.png
http://i.imgur.com/Wh6ttEx.png
http://i.imgur.com/yM26JeB.png
http://i.imgur.com/8Bkj0bh.png
http://i.imgur.com/Ui8bT3u.png
http://i.imgur.com/VbZhVNQ.png
http://i.imgur.com/99VIQku.png
http://i.imgur.com/4Ti0cJA.png
http://i.imgur.com/DX7lbju.png
http://i.imgur.com/G78GvPa.png
http://i.imgur.com/0pruECM.png
http://i.imgur.com/h2XaSmz.png
http://i.imgur.com/sT1JrGu.png
http://i.imgur.com/7j7bMRl.png
http://i.imgur.com/VLAZ7BG.png
http://i.imgur.com/z9YSFat.png
http://i.imgur.com/hEj6W90.png
http://i.imgur.com/vIE5PtZ.png
http://i.imgur.com/xLrOHq1.png
http://i.imgur.com/51KR0DX.png
http://i.imgur.com/xhk3u2Q.png
http://i.imgur.com/lV3qZBV.png
http://i.imgur.com/bRaUjO0.png
http://i.imgur.com/llFpScr.png
http://i.imgur.com/Pf4tC7g.png
http://i.imgur.com/wlH5imP.png
http://i.imgur.com/MAdytwh.png
http://i.imgur.com/iGj0sK1.png
http://i.imgur.com/6P7KBUw.png
http://i.imgur.com/qopozGs.png
http://i.imgur.com/vtZbTij.png
http://i.imgur.com/q2cvL54.png
http://i.imgur.com/qWRZlav.png
http://i.imgur.com/SFZZYR1.png
http://i.imgur.com/Rw4mANh.png
http://i.imgur.com/587pg8x.png
http://i.imgur.com/aakVNpq.png
http://i.imgur.com/8ljqJZX.png
http://i.imgur.com/tfceKjz.png
http://i.imgur.com/koPAiPw.png
http://i.imgur.com/9ROjttq.png
http://i.imgur.com/GXtQ73V.png
http://i.imgur.com/ca59ptY.png
http://i.imgur.com/kC6Depz.png
http://i.imgur.com/lF0BKnD.png
http://i.imgur.com/w90L5T4.png
http://i.imgur.com/VgF98ja.png
http://i.imgur.com/gIrxj0e.png
http://i.imgur.com/9VNwF6x.png
http://i.imgur.com/tiMgSZB.png
http://i.imgur.com/4dUu6jg.png
http://i.imgur.com/MKxO8vM.png
http://i.imgur.com/yci3ckk.png
http://i.imgur.com/UVRpUs2.jpg
http://i.imgur.com/PuK46yO.png
http://i.imgur.com/hdHl9zz.png
http://i.imgur.com/iKu4t9b.png
http://i.imgur.com/Z5quMLi.png
http://i.imgur.com/TChvuK0.png
http://i.imgur.com/qlbsjdf.png
http://i.imgur.com/dXC0LwP.png
http://i.imgur.com/OOCKYIh.png
http://i.imgur.com/sSAaB3r.jpg
http://i.imgur.com/LrTaneh.jpg
http://i.imgur.com/xuQH6Xo.png
http://i.imgur.com/4comAsy.jpg
http://i.imgur.com/9txO4IP.jpg
http://i.imgur.com/sIcDdHx.jpg
http://i.imgur.com/aG8nNax.jpg
http://i.imgur.com/Ozw0mh6.png
http://i.imgur.com/aGNuuPQ.png
http://i.imgur.com/waT8Vc3.png
http://i.imgur.com/VcBSomF.png
http://i.imgur.com/Oc0tHyB.png
http://i.imgur.com/9eKf3JI.png
http://i.imgur.com/8kXJipb.png
http://i.imgur.com/awfd5i6.png
http://i.imgur.com/6kid0E5.png
http://i.imgur.com/m7XLeGJ.png
http://i.imgur.com/RZId8pd.png
http://i.imgur.com/ME6wJoe.png
http://i.imgur.com/ognqe2n.png
http://i.imgur.com/L6ej3MM.png
http://i.imgur.com/7CvDFqR.png
http://i.imgur.com/Z5t8IXk.jpg
http://i.imgur.com/FzNtjSp.jpg
http://i.imgur.com/4rocOmW.jpg
http://i.imgur.com/FkmGC05.jpg
http://i.imgur.com/sspRkAO.png
http://i.imgur.com/iQyxxj0.jpg
http://i.imgur.com/XEILYJ7.jpg
http://i.imgur.com/A2wVCzC.png
http://i.imgur.com/SdW0LEZ.png
http://i.imgur.com/XQYZZsr.png
http://i.imgur.com/i4Vy0qY.jpg
http://i.imgur.com/8bA5tTo.jpg
http://i.imgur.com/l8ASpZ0.jpg
http://i.imgur.com/WSRiFTv.jpg
http://i.imgur.com/DCIRZfJ.jpg
http://i.imgur.com/LwDA6Zr.jpg
http://i.imgur.com/ygl8XJR.jpg
http://i.imgur.com/moQO8nf.png
http://i.imgur.com/nBt1IV3.jpg
http://i.imgur.com/DJIeINI.jpg
http://i.imgur.com/CVIUey7.jpg
http://i.imgur.com/6hHHJ4k.jpg
http://i.imgur.com/D8RC4pk.jpg
http://i.imgur.com/mmcLYHf.jpg
http://i.imgur.com/N9EoIEn.jpg
http://i.imgur.com/x1rJQLJ.jpg
http://i.imgur.com/JVhWsVS.jpg
http://i.imgur.com/AmtrkGd.jpg
http://i.imgur.com/X6qtrbS.png
http://i.imgur.com/iAhfuWF.jpg
http://i.imgur.com/Yevvdo2.jpg
http://i.imgur.com/J9Z0bxR.jpg
http://i.imgur.com/25j5oTZ.jpg
http://i.imgur.com/RDg0lMu.png
http://i.imgur.com/I0wklpH.jpg
http://i.imgur.com/rha5DjO.png
http://i.imgur.com/rM7E46W.png
http://i.imgur.com/KTD6FMn.png
http://i.imgur.com/KABoOmG.png
http://i.imgur.com/yXUg5n4.png
http://i.imgur.com/PB1B3Ni.png
http://i.imgur.com/w3LyM18.png
http://i.imgur.com/s6ZOEUA.png
http://i.imgur.com/2nZKVsg.png
http://i.imgur.com/XuXzq3z.png
http://i.imgur.com/tHdSLp2.png
http://i.imgur.com/IjjrCpu.jpg
http://i.imgur.com/7K7ZQJz.jpg
http://i.imgur.com/9mrze2G.jpg
http://i.imgur.com/eNTewbf.jpg
http://i.imgur.com/1Vu8E2X.png
http://i.imgur.com/RLobV4n.jpg
http://i.imgur.com/q9gaR1v.jpg
http://i.imgur.com/EUoVawf.jpg





sitely




Buttons link back to their creators


Affiliates


Listers


Reviews






SWFs and Graphic Resources
Background Bonanza | Charly's SWFs | Details | Aroma PNG Requests | Impulse's Button Tutorial

Backgrounds and Web Resources
TKM Backgrounds | Jevalo's Backgrounds | Silent Serenity | The Lunch Box | Bedazzled

CSS and HTML Resources
Trudial's Coding Help | Double Standard | CSS Guide | Code Reference | The Resourceful CSS Guide








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-2016.
® 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