[F2U] Stabled

caprine_coding

Info


Created
3 years, 3 months ago
Creator
caprine_coding
Favorites
439

Profile


Stabled

I decided I wanted a horse code that looked like a stable, and I couldn't find one, so I made it myself. This is an old code, and a bit rough around the edges, so beware of that.
There's two versions, one with white bars and one with dark/black bars. There is an optional "Chalkboard" that you can comment out or leave in. This is great for if you need more info space or don't have a transparent fullbody that works with the code!
The ribbons and trophies you see are taken from here
Please favorite if you use, and feel free to leave a comment here as well. If you have any issues or need help, let me know in a comment or message me.
Edited on 10 April 2022: Minor tweaks for visual improvement, biggest change is the back of the stall is now html instead of an image, which allows you to customize it somewhat. Not necessary in most cases, but still helpful if you need it.

Do Not Reuse Custom Art Assets Outside of This Code

Info

HTML

F2U

Custom Colors

Not Mobile Friendly

Frankensteining Okay

Do Not Redistribute

Never Remove Credit

Image manipulation, z-index, and absolute positioning, a quick tutorial as it applies to this code

transform:scaleX(-1)
< img style="transform:scaleX(-1)" src="IMGURL" >
This makes your right facing image face left!

< img style="z-index:#" src="IMGURL" >
The z-index number specifies what is displayed in front or behind. Higher numbers mean more forwards. Use to layer the ribbons/trophies. Do not use a value below 1 in this code, it will be hidden behind.

< img style="position:absolute; top:#; bottom:#; right:#; left#" src="IMGURL" >
Absolute position specifies position relative to parent.
You only need to use two of these values; Top or bottom and right or left. If you want to place an element in the bottom-right corner of its parent element, you would use bottom:0px; right:0px. You could also just specify one of these values and let the other be determined by the computer, but if you want you ribbons and trophies close together, or with a natural placement, you'll need both.

filler_horse.png f97f62a6d3ddb1b1df7b6d6dedeef5284d237bb3

Info (Care, Background, Family/relations, Etc)

What you put here is entirely up to you!
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Adipiscing tristique risus nec feugiat in fermentum posuere. Turpis egestas integer eget aliquet nibh praesent tristique magna. Aliquet risus feugiat in ante. Quis eleifend quam adipiscing vitae proin. Id diam maecenas ultricies mi eget mauris pharetra et. Eu scelerisque felis imperdiet proin. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Sociis natoque penatibus et magnis dis parturient. Porttitor massa id neque aliquam vestibulum morbi blandit cursus risus. Aenean sed adipiscing diam donec adipiscing tristique. Eu mi bibendum neque egestas congue quisque egestas diam.

  • item
  • item
  • item
  • item
Name (~20 Characters)

Breed/Species

Info

Age

Info

Gender

Info

Class/Occupation

Info

stabledchain.png
stabledchain.png
angelribbon.png heart_ribbon.png ballofsunshineribbon.png angelribbon.png heart_ribbon.png ballofsunshineribbon.png angelribbon.png heart_ribbon.png ballofsunshineribbon.png angelribbon.png heart_ribbon.png ballofsunshineribbon.png angelribbon.png

Temper

This box scrolls! Write something, but keep it short for best results.

  • Personality traits here
  • Info
  • Info

Likes

This box scrolls! Write something, but keep it short for best results.

  • Could also be design notes
  • Info
  • Info

Dislikes

This box scrolls! Write something, but keep it short for best results.

  • Or character notes
  • Info
  • Info
+
filler_horse.png cf09ee62b6c3eb2f20d9383aaec742b5d6b1c10d
Name (~20 Characters)

Breed/Species

Info

Age

Info

Gender

Info

Class/Occupation

Info

stabledchain.png
stabledchain.png
angelribbon.png heart_ribbon.png ballofsunshineribbon.png angelribbon.png heart_ribbon.png ballofsunshineribbon.png angelribbon.png heart_ribbon.png ballofsunshineribbon.png angelribbon.png heart_ribbon.png ballofsunshineribbon.png angelribbon.png

Temper

This box scrolls! Write something, but keep it short for best results.

  • Personality traits here
  • Info
  • Info

Likes

This box scrolls! Write something, but keep it short for best results.

  • Could also be design notes
  • Info
  • Info

Dislikes

This box scrolls! Write something, but keep it short for best results.

  • Or character notes
  • Info
  • Info
+