Read this first

How it works: To use this templates you simply have to copy the content of one of the text fields, paste it into the CSS field on your pet's Edit profile page and click Save Profile CSS. You are allowed to edit them for your own use, you don't even have to give me credit. Just don't go and claim you made everything on your own, that's all I ask for. You are not allowed to put these on your own website for other people to use or sell edited versions. If you're caught doing so, you'll earn yourself a warning.

Fan sites: If you own a fan site that offers free pet profiles, you may post edits of this templates as long as they consist of more than just a few changed colors. You don't have to give any further credit as long as you leave the first line of the CSS as it is. As already mentioned in the paragraph above, you are not allowed to just repost the templates as they are. If you have any questions about this, feel free to mail me. I usually don't bite. x3

Known problems: After saving your CSS a backslash (\) is added before every apostrophe or quotation mark. This only becomes visible when you reaload the page (or close it and re-open it later) and causes problems as soon as you save the CSS again as it results in image replacements to stop working. This does not affect changes on modules.

On a side note: Please don't ask me how to edit profiles or how to set a certain element to a certain color. CSS is not too hard to learn and there are tons of good tutorial sites out there (W3Schools for example). There you will also find a list of html colors.

~ serafu 2009-08-01

Basic template (3 columns)

/* Basic templates can be found at profiles.verfans.com /*

/* :: main :: */

body {
  background-color: #f3f3f3;
  background-image: url(http://www.verpets.com/images/profile/background-repeat.png);
  background-repeat: repeat-x;
  background-position: top left;
  font-family: Tahoma;
  font-size: 11px;
}

/* :: main links :: */

a {
  color: #999999;
  text-decoration: none;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

/* :: head section :: */

#containHead {
  background-image: ;
  background-repeat: ;
  background-position: ;
  height: ;
  width: ;
}

#header {
  background-image: url(http://www.verpets.com/images/profile/verlogo.png);
  background-repeat: no-repeat;
}

#profileTitle {
  color: #0db801;
  width: 500px;
  position: absolute;
  top: 52px;
  left: 220px;
}

#profileText {
  color: #717171;
}

/* :: head section links :: */

#linkBack a {
  color: #31bb0b;
  text-decoration: none;
}

#linkEdit a {
  color: #e00000; 
  text-decoration: none;
}

/* :: column settings :: */

#leftColumn {
  position: absolute;
  top: 103px;
  left: 10px;
  width: 200px;
}

#mainColumn {
  position: absolute;
  left: 0px;
  top: 93px;
  margin: 0;
}

#col1, #col2, #col3 {
  float: none;
  position: absolute;
  height: 0px;
  padding: 0;
  margin: 0;
}

#col1 {
  top: 410px;
  left: 10px;
  width: 190px;
}

#col2 {
  top: 20px;
  left: 225px;
  width: 500px;
}

#col3 {
  top: 20px;
  left: 750px;
  width: 240px;
}

/* :: pet actions menu (left column) :: */

#optionsChoose {
  color: #999999;
  margin-bottom: 9px;
}

#optionsChoose select {
  font-size: 10px;
  width: 200px;
}

#optionsforpet {
  border: 1px solid #000000;
}

#commandLinksContain {
  background-image: url('http://profiles.verfans.com/pets/global/clbg.png');
  background-reapeat: repeat;
  background-color: #f3f3f3;
  width: 198px;
  height: 139px;
  border: 1px solid #000000;
  overflow-y: scroll;
}

.commandlink, .commandlink:hover {
  width: 178px;
  font-family: Tahoma;
  font-size: 11px;
  padding-left: 5px;
}

.commandlink {
  background-color: #f3f3f3;
  color: #676565;
  border-bottom: 1px solid #c0c0c0;
}

.commandlink:hover {
  background-color: #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
}

/* :: pet action links :: */

.commandlink a {
  color: #999999;
  text-decoration: none;
}

.commandlink:hover a {
  color: #ffffff;
  text-decoration: none;
}

/* :: global module settings (col1, col2, col3) :: */

.module, .moduleHeader, .moduleContent, .modulecolumn li {
  width: 100%;
  font-family: Tahoma;
}

.moduleHeader {
  background-image: none;
  background-color: #cecece;
  height: 14px;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  margin: 0;
  padding: 3px 4px;
  border: 1px solid #000000;
}

.moduleContent {
  background-color: #ffffff;
  font-size: 11px;
  color: #000000;
  margin-left: 1px;
  padding: 2px 3px;
  border: 1px solid #c0c0c0;
  border-top: 0;
}

/* :: some module tweaks :: */

#comments1_content, #petbanner1_content {
  text-align: center;
}

input, textarea {
  font-size: 11px;
  margin: 2px;
  padding: 3px;
  border: 1px solid #000000;
}

textarea {
  width: 95%;
  height: 75px;
}

#petinfo1_content .spacer {
  background-color: #000000;
  height: 1px;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
}

/* :: mood image replacements :: */

img[src="http://images.verpets.com/outof10/10.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/10.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/9.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/09.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/8.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/08.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/7.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/07.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/6.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/06.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/5.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/05.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/4.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/04.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/3.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/03.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/2.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/02.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/1.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/01.png);
  padding-top: 4px;
}

img[src="http://images.verpets.com/outof10/0.png"] {
  height: 0px;
  width: 116px;
  background-image: url(http://profiles.verfans.com/pets/global/mood/00.png);
  padding-top: 4px;
}

Basic template (2 columns; col3 disabled)