the mare box

elements for the box

background pictures

header : h=50 w=460
center : h=10 w=460
footer : h=15 w=460

table in the box

5 columns
as many rows as you want
(the box will expend when you add rows for more studs)

you can change :

column name color : color: rgb(96, 0,18 0); = blue
horse name color : color: rgb(96, 0,19 0); = blue
normal text color: rgb(0, 0, 0); = black
the border color : bordercolor="#6c6cff" = blue

don't change the table, or cells dimensions, they are fitting with the background pictures...

row code for one stud

Here is the part of the whole code where you will have to make changes, to enter your stud stats.

code for one stud :

<tr><td><div align="left"><a href="http://www.howrse.com/elevage/fiche/?id=horseID" style="font-size: 8pt; color: rgb(215, 0, 0);"><strong>NAME<br><em>Affix</em></strong></a></div></td>
<td><span style="font-size: 8pt; color: rgb(0, 0, 0);">breed</span></td>
<td><span style="font-size: 8pt; color: rgb(0, 0, 0);"><strong>GP</strong></span></td>
<td><span style="font-size: 8pt;">blup</span></td>
<td><span style="font-size: 7pt;">pregnant</span></td></tr>

You need to replace the blue text in the code by your own text :
horseID = the ID of the horse to make a link to his page (it's the number at the end of his page adress - example : 27660)
NAME = the name of the horse - example : Marah
Affix = the affix of the horse - example : de CraXoR
breed = the breed of the horse - example : Canadian horse
GP = the GP of the horse - example : 578.20
blup = the blup of the horse - example : 100
pregnant = is the mare pregnant or not ? : Yes/No

If you want to add one stud in the box, you have to copy and paste this complete code, after another code of the same type.

total mare box code : for 5 mares

<center><table border="0" cellpadding="0" cellspacing="0" width="460">
<tbody>
<tr><td background="http://craxor.free.fr/crixorcluwb/images/marebox_header.gif" height="50" width="460"></td></tr>
<tr><td background="http://craxor.free.fr/crixorcluwb/images/marebox_center.gif"><center>
<table style="border-collapse: collapse;" border="1" bordercolor="#6c6cff" cellpadding="5" cellspacing="0" width="430">
<tbody><tr>
<th scope="col" width="180"><div align="left"><span style="font-size: 8pt; color: rgb(96, 0, 190);">Broodmare Name </span></div></th>
<th scope="col" width="130"><div align="left"><span style="font-size: 8pt; color: rgb(96, 0, 190);">Breed</span></div></th>
<th scope="col" width="40"><div align="left"><span style="font-size: 8pt; color: rgb(96, 0, 190);">GP</span></div></th>
<th scope="col" width="30"><div align="left"><span style="font-size: 8pt; color: rgb(96, 0, 190);">BLUP </span></div></th>
<th scope="col" width="50"><div align="left"><span style="font-size: 7pt; color: rgb(96, 0, 190);">Pregnant</span></div></th>
</tr>

<tr><td><div align="left"><a href="http://www.howrse.com/elevage/fiche/?id=horseID" style="font-size: 8pt; color: rgb(96, 0, 190);"><strong>NAME<br><em>Affix</em></strong></a></div></td>
<td><span style="font-size: 8pt; color: rgb(0, 0, 0);">breed</span></td>
<td><span style="font-size: 8pt; color: rgb(0, 0, 0);"><strong>GP</strong></span></td>
<td><span style="font-size: 8pt;">blup</span></td>
<td><span style="font-size: 8pt;">Yes/No</span></td></tr>

<tr><td><div align="left"><a href="http://www.howrse.com/elevage/fiche/?id=horseID" style="font-size: 8pt; color: rgb(96, 0, 190);"><strong>NAME<br><em>Affix</em></strong></a></div></td>
<td><span style="font-size: 8pt; color: rgb(0, 0, 0);">breed</span></td>
<td><span style="font-size: 8pt; color: rgb(0, 0, 0);"><strong>GP</strong></span></td>
<td><span style="font-size: 8pt;">blup</span></td>
<td><span style="font-size: 8pt;">Yes/No</span></td></tr>

you want more ?

good links

go up