Foopets | Real Virtual Pets Online

Member Login

➳ Coding Guide || Scroll Box, Simple Coding, & More! || By Western

Useful 4

Table Of Contents

➳About Coding

➳Simple Coding

➳Scroll Box

About Coding

Coding, coding, coding. You came here for coding, correct? Well coding is to make your pet profiles awesome and creative! So, my guess is you came here for some codes! Well, I’ve noticed some people don’t like to share some codes like the scroll boxes. I finally found out the code is so I’m going to share it with you! IF YOU HAVE ANY MORE TO ADD MESSAGE ME!

Simple Coding

This coding is VERY simple! Enjoy~

Color for your Text


Center for your Text


Background Image

<style>body {background-image: url(BACKGROUND IMAGE HERE); background-size: 1900px 1060px; background-attachment: fixed;} </style>

Green Stat Changing Color

<style> table.personalities td.val span.above_avg {background-color: COLOR HERE}.</style>

Gray Stat Changing Color

 <style> table.personalities td.val span { background-color: COLOR HERE}.</style>


<style> div#pet_profile h1 { text-align: center; font-size: 247px; color: transparent; background-image: url(IMAGE HERE); background-size: 540px 330px }. </style>

Large Text


Small Text


Scroll Box & More

Scroll Box

<div style="background:url(BACKGROUND IMAGE HERE); width: 0px; height: 0px;"><div style="width: 500px; height: 190px; overflow-x: auto; overflow-y: auto; float: left; font-family: Shadows into light; font-size: 15px; margin-left: 40px; margin-top: 85px; "><center>{color: COLOR HERE}  </center></div> <p></p></div>


This was just to help those who needed it.