Foopets | Real Virtual Pets Online

Member Login

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

Medium
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


%{color: COLOR HERE}TEXT HERE%

Center for your Text


<center>

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>

Nametag


<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


<large>

Small Text


<small>

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>

BACKGROUND IMAGE IS NOT NEEDED!

This was just to help those who needed it.