web materials

rules

• all of the web material on this page has been created by me
• feel free to use them on your website, a credit is nice but not necessary
• please do not re-distribute, sell, re-color, edit or claim ownership of any of these graphics

ty :3

badges

favicons

crystals

icons

locks

mail

files

profile

guestbooks

dividers

backgrounds

gingham

div boxes

mirror

hey look! a cute little scrolly div box for your site! here's how to set it up:

• copy and paste the css code into your stylesheet or style tag.
• copy the html code and paste it within the body of your website wherever you want your box to go.
• fill it up!

you may ask, what do I put in this? use it for your toybox, changelog, microblog, wishlist, tiny about page, neopets guild, income tax return, cute links, affies, enemies etc. the possibilities are truly endless.

css

/* Ornate Div Scroll */ .innerornate::-webkit-scrollbar-track { border-radius: 0px; background: transparent; } .innerornate::-webkit-scrollbar { width: 5px; } .innerornate::-webkit-scrollbar-thumb { background-color: #ffc821; border: 1px solid #5f2403; } .innerornate { width: 200px; height:221px; margin-left: auto; margin-right:auto; margin-top:20px; color:#102e1c; font-family: Verdana; font-size:9px; letter-spacing: 1.5px; line-height: 12px; overflow-y: auto; overflow-x: hidden; } .ornatediv { width: 244px; height: 265px; background-image: url('https://i.ibb.co/TLW4K5h/freeframe.png'); overflow:hidden; margin-left: auto; margin-right:auto; background-repeat: no-repeat; }

html

<div class="ornatediv"> <div class="innerornate"> put your text here! :3 </div> </div>

popsicle

hey look! a cute little scrolly div box for your site! here's how to set it up:

• copy and paste the css code into your stylesheet or style tag.
• copy the html code and paste it within the body of your website wherever you want your box to go.
• fill it up!

you may ask, what do I put in this? use it for your toybox, changelog, microblog, wishlist, tiny about page, neopets guild, income tax return, cute links, affies, enemies etc. the possibilities are truly endless.

css

.innerpop::-webkit-scrollbar-track { border-radius: 0px; background: transparent; } .innerpop::-webkit-scrollbar { width: 5px; } .innerpop::-webkit-scrollbar-thumb { background-color: #ffb3c8; border: 0px; } .innerpop { width: 160px; height:224px; margin-left: 18px; margin-top:62px; color:#ffffff; font-family: Verdana; font-size:9px; letter-spacing: 1.5px; line-height: 12px; overflow-y: auto; overflow-x: hidden; } .pop { width: 217px; height: 370px; background-image: url('https://i.ibb.co/5rQBDbY/popdiv.png'); overflow:hidden; background-repeat: no-repeat; margin-right:auto; margin-left: auto; }

html

<div class="pop"> <div class="innerpop"> put your text here! :3 </div> </div>