First you go to your horse's page (go to your profile and access your horse that way). You right-click on a blank portion of the page (without images or text) and select "view page source" (may be slightly different on other browsers, I use Firefox; on Internet Explorer 7.0, AOL, and Safari, select "View Source"
.gif)
.
The page source will be a lot of code. This is called html code, which is what most web pages use. Right-click and select "select all." Then hit Ctrl-C (on Windows, Command C on Macintosh). Then paste the code into an html editor (I use GoLive, horsegirldylan mentioned Bluefish). I'm going to show you how to edit the actual html so it won't matter whether you use GoLive, Bluefish, or simply Notepad.
horsegirldylan mentioned deleting JavaScript, I never do, but it is up to you.
Please note that the numbers I give you is what is in the example and not necessarily what will be in your code since every horse is different.
Here is the weather code.
What you can edit--
Summer is the season.
The 20 is the the Celsius or Centigrade temperature.
The 68 is the Fahrenheit temperature.
The 07:38 is the time.
One thing that needs to be noted is that the "°" symbol will not appear and something else will be in its place (like "<" or a box or something). So the code ordinarily looks like this: <br/>summer, <strong>28</strong>°C / <strong>83</strong>°F<br/>
To fix that problem, the code needs to be changed by inserting this "°" after the number and removing the "°" before the temperature scale abbreviation, so the code ends up looking like this: <br/>summer, <strong>28°</strong>C / <strong>83°</strong>F<br/>
This code is the code for the condition of the horse (Energy, Health, and Morale).
If you want a bar to be longer, you go to <div class='barre' style=width:141px;
and change 141 px to a different length. Careful not to make it too long or the whole page will be somewhat distorted.
Where it says <strong>94</strong> in my example, you can change the percentage of energy.
You can make these changes to Health and Morale.
Here you see the code for the horse's skills in relation to stamina. Please note that this is Skills, not Training.
Where it says { showinfo('Stamina: <strong:>38.36</strong>')
the 38.36 is the number one sees when they roll over the stamina of the horse. You can change this depending on how many stars you want to have.
<td style='height: 14px; width: 15px; background-image: url("http://www.howrse.com/media/image/etoile/jaune.gif></td>
With this code, the part starting with "http" is the beginning of the image of the star. A full star is
www.howrse.com/media/image/etoile/jaune.gif, a half-star ishttp://www.howrse.com/media/image/etoile/jaune-mi.gif, and no star is
www.howrse.com/media/image/etoile/jaune-vide.gifSo all this code with the url's are the stars for Stamina.
You can see that Speed as well as dressage has the same basic code as Stamina, and so do all the skills, so you just go through and fill it up with full-stars or half-stars or whatever, and be sure to change the rollover number.
As to the horse's image, you will want to either use the url of one of Howrse's images (such as right-clicking a golden apple coat and select "copy image location") or if you would like to use an image other than is found on Howrse, be sure that the size is 300x300.
So where it says <img src='http://www.howrse.com/media/image/chevaux/akhal-teke/alezan-adulte-grand.jpg?38'
you will want to paste the image url where the http is.
Next is the horse's characteristics. So here you can change the breed, coat, parents, etc. Wherever the letters are black in my example (unless you use GoLive, it probably won't be like that with yours) you can change and it will be displayed.
Here is Genetics. And if you've passed Riding Level 4 you know exactly what this is. Again, whatever is black you can change. BLUP is below Genetics, so you can change that. Remember, it won't necessarily be black with your code.
Ok here is the area of who the owner is and where the horse is boarded (which will be viewed at the top right of the horse's page).
Here is training. Training is quite similar to skills, except that the image for the stars are different. Except for the word "jaune" in the image url, the word is "orange." So a full star will be
www.howrse.com/media/image/etoiles/orange.gif, a half-star will be
www.howrse.com/media/image/etoiles/orange-mi.gif, and no star will be
www.howrse.com/media/image/etoiles/orange-vide.gif. Again, be sure to change the rollover percentage training complete number.
Here is shoeing, harnessing, breeding, and ranking. By now you should have some idea of how to handle this area.
At the way bottom is the area that says Service Published by Owlient and the General User Conditions. This is where I usually change to Fake page made by AngelMare and I put my profile's link where the <a href="http://www.owlient.eu/"> is. And I usually get rid of General User Conditions or place a link to this forum there.
After you have done the changes to the code that you like, you can save it to your computer with a .html extension. Then find it in your computer and open it with your browser to see the changes done. When you are satisfied with it, you copy the .html (right-click and select all then Ctrl-C) and paste it into your website. It really isn't that hard once you get the hang of it.
And be creative with your fake horses. Don't just make everything 100%, and make it the best. Be creative, let it stand out, let it have some shortcomings, and most importantly, have fun!
