Foopets | Real Virtual Pets Online

Member Login

*Updated* Textile Markup Guide (locked)

Medium
Useful 112

I decided it was time for an updated Textile Markup Guide! Recently there have been some new additions to what we are able to do on our threads, profiles, and pet profiles, and everyone needs to know them. Here you can find all sorts of different kinds of textile markup. Some you can use on your profile and pet profiles, and some you cannot. (: Please do not practice on this thread or it will be locked. If there are any fonts I have missed, please let me know!

Text here

h3. Text here

Text Here

h3. <p class="private">Text Here</p>

Text here

h3. <p class="pink">Text here</p>

Text here

h3. <p class="blue">Text here</p>

Text here

h3. <p class="prink">Text here</p>

Text here

h3. <p class="private">@Text here@</p>

Text here

h3. <p class="pink">@Text here@</p>

Text here

h3. <p class="prink">@Text here@</p>

Text Here

h3. <p class="blue">@Text Here@</p>

Text here

h3. <b class="red">Text here</b>

Text here

h3. <b class="pink">Text here</b>

Text here

h3. <b class="blue">Text here</b>

Text here

h1. Text here

Text here

h1. <b class="blue">Text here</b>

Text here

h1. <b class="pink">Text here</b>

Text here

h1.  <b  class="pink">*@Text here@*</b>

Text here

h1. <b class="blue">@Text here@</b>

Text here

@Text here@

Text here

h1.  <b  class="pink">*-Text here-*</b>

Text here

h1. <b class="blue">*-Text here-*</b>

Text here

h1. -Text here-

Text here

h1. <b class="blue">*-@Text here@-*</b>

Text here

h1.  <b  class="pink">*-@Text here@-*</b>

Text here

h1. -@Text here@-

Text here


<p class="blue">*Text here*</p>

Text here


<p class="pink">*Text here*</p>

Text here

*Text here* 

Text here


<p class="private">Text here</p>

Text here

h4. Text here

Text here


<p class="pink">Text here</p>

Text here


<p class="blue">Text here</p>

Text here


<p class="pink">@Text here@</p>

Text here


<p class="blue">@Text here@</p>

Text here


<p class="private">@Text here@</p>

Text Here


<p class="prink">*@Text Here@*</p>

Text here

h2.  <b  class="pink">*@Text here@*</b>

Text here

h2. <b class="blue">@Text here@</b>

Text here

h2. %<b class="blue">Text here</b>%

Text here

h2. %<b class="pink">Text here</b>%

Text here

h2. %Text here%

Text here

h1. %Text here%

Text here

<b class="red">Text here</b>

Text here

h2. %<b class="red">Text here</b>%

Text here

<a class="">Text here</a>

Text Here

"Text Here":Link Here

Text here

bq. Text here

Text here

_Text here_

Text here

-Text here-
Text here
bc. Text here

TEXT

TEXT(Secret message here)

Text here

<acronym title="Secret message here">Text here</acronym>

how to make your status difference colors: {it won’t show up for you but it will for others}

<p class="pink"> Type your status here
<p class="blue"> Type your status here

centers the text on your *pet profile only:*

p=. Text here

Text here

<small> Text here <small>

Text here

<small> *Text here* <small>

Text here

<small> _*Text here*_ <small>

Text here

<small> _Text here_ <small>

Text here

@Text here@

Text here

<small> <p class="pink">Text here</p> <small>

Text here

<small> <p class="blue">Text here</p> <small>

Text here

<small> <p class="pink">@Text here@</p> <small>

Text here

<small> <p class="blue">@Text here@</p> <small>

Text here

<small> <p class="private">Text here</p> <small>

Text here

<small> <p class="private">@Text here@</p> <small>

Text here

<small> <p class="private">_@Text here@_</p> <small>

Text here

<small> <p class="blue">_@Text here@_</p> <small>

Text here

<small> <p class="pink">_@Text here@_</p> <small>

how to get the text above and below your pet’s stats:

bottom text goes here
<tr>
top text goes here

Text here


<p class="notice"><a href="#" title="The words you want when you hover over the red x" class="closebutton"></a>Text here</p>

Text here


<p class="notice">Text here</p> 

Text here

<a href="Link goes here" class="hugebutton">Text here</a>

Text here

<a href="Link goes here" class="smallbutton">Text here</a>

Text here

<a class="hugebutton">Text here</a>

Text here

<a class="smallbutton">Text here</a>

Text here

<a class="tbutton">Text here</a>

Text here

<a href="link here" class="tbutton">Text here</a>
name age sex
joan 24 f
archie 29 m
bella 45 f
|_. name |_. age |_. sex |
| joan | 24 | f |
| archie | 29 | m |
| bella | 45 | f |
name age sex
joan 24 f
archie 29 m
bella 45 f
| name | age | sex |
| joan | 24 | f |
| archie | 29 | m |
| bella | 45 | f |
This is a row
This is a row
table{border:1px solid black}.
|This|is|a|row|
|This|is|a|row|

Pictures to the side of the text:

Left:

<img class="left" src="URL link here">Text here

Right:

<img class="right" src="URL link here">Text here

*How to make a pet ID block on your profile:

<div> <div class="pet"> <a href="pet/PET ID HERE" title="View Pet Profile"> <img class="petpic" src="PET IMAGE URL HERE" /> </a><div class="info"> <h3> <a href="/pet/PET ID HERE" class="novisit">PETS NAME</a></h3> <p>PETS BREED AND GENDER </p> <p> <p><a href="pet/PET ID HERE" class="novisit"> <img title="Play" src="PETS PLAY ICON HERE" alt="" /> </a> <a href="/" class="novisit"> Play </a> <br /><a href="/pet/PETIDHERE" title="View Pet Profile"> <img title="View Pet Profile" src="PETS PROFILE ICON HERE" alt="" /> </a> <a href="/pet/PET ID HERE" class="novisit">View Profile</a> <br /></div> </div> </div></p><br /></p>

How to get an image to show:

!Imageurlhere!

Oh and if you’re wondering how to make a scroll box, like next to the button? Use the code below and type a really long sentence, then, a scroll bar appears. (:

Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here Text here
Medium
Useful 5

Very useful! :-)

Medium

Cool!=)

Medium

Very nice, Besket! I do not believe you have missed anything. Very helpful!

Medium

Thank you, guys! :)

Text here

Medium
Useful 10

Please remember that if you don’t have anything to add then don’t comment because it can be considered as bumping

Medium
Useful 17

For the message board status only you can have any colour you want with this code

 <font color="#008080" <font+""="">

However you would have to look up hexadecimal numbers for the certain colour you want. The hexadecimal number in the above code is #008080. Please note however this does count towards the 200 max character count


great thread by the way Besketball