This will not teach you how to make layouts.

I feel like this should be stated first and for most. This will not teach you to make layouts. This is mostly for those who are already skilled with making layouts and what not, and if your just learning but know the basics. The following basically is a break down of all the codes that HP has. The Player Info, Achievements, Dividers. The basics really that many question about when making layouts.

I have included absolutely no styles. That's for you to make, this is just the skeleton if you would say.

/ * NAVIGATION */
#menu {background:none!important;border:0px;}
#nav {} /* Whole Nav container */
#nav li {} /* Clickable section of each link */
#nav li:hover ul {} /* Clickable section of each link: Hover */
#nav ul {} /* Clickable section of each Sub link */
#nav a {} /* The Link itself */
#nav a:hover {} /* The Link itself: Hover*/
.selected ul {} /* Clickable section of each Sub link */
#nav ul a {} /* The SubLink itself */
#nav li:hover ul a {} /* The SubLink itself: Hover */

/* FOOTER */
#footer {} /*Footer Container*/
#footer a {} /*Footer Links*/

 /* DIVIDERS */
[id^="divider"] tbody th:nth-child(1){Sale Column Header}
[id^="divider"] tbody th:nth-child(2){Name Column Header}
[id^="divider"] tbody th:nth-child(3){Breed/Brand Column Header}
[id^="divider"] tbody th:nth-child(4){Gender Column Header}
[id^="divider"] tbody th:nth-child(5){Feed Column Header}
[id^="divider"] tbody th:nth-child(6){Points Column Header}
[id^="divider"] tbody td:nth-child(1){Sale Column}
[id^="divider"] tbody td:nth-child(2){Name Column}
[id^="divider"] tbody td:nth-child(3){Breed/Brand Column}
[id^="divider"] tbody td:nth-child(4){Gender Column }
[id^="divider"] tbody td:nth-child(5){Feed Column}
[id^="divider"] tbody td:nth-child(6){Points Column }

/* HORSE DIVIDER */
#noDividerH tbody th:nth-child(1){Sale Column Header}
#noDividerH tbody th:nth-child(2){Name Column Header}
#noDividerH tbody th:nth-child(3){Breed/Brand Column Header}
#noDividerH tbody th:nth-child(4){Gender Column Header}
#noDividerH tbody th:nth-child(5){Feed Column Header}
#noDividerH tbody th:nth-child(6){Points Column Header}
#noDividerH tbody td:nth-child(1){Sale Column}
#noDividerH tbody td:nth-child(2){Name Column}
#noDividerH tbody td:nth-child(3){Breed/Brand Column}
#noDividerH tbody td:nth-child(4){Gender Column }
#noDividerH tbody td:nth-child(5){Feed Column}
#noDividerH tbody td:nth-child(6){Points Column }

/* DOG DIVIDER */
#noDividerD tbody th:nth-child(1){Sale Column Header}
#noDividerD tbody th:nth-child(2){Name Column Header}
#noDividerD tbody th:nth-child(3){Breed/Brand Column Header}
#noDividerD tbody th:nth-child(4){Gender Column Header}
#noDividerD tbody th:nth-child(5){Feed Column Header}
#noDividerD tbody th:nth-child(6){Points Column Header}
#noDividerD tbody td:nth-child(1){Sale Column}
#noDividerD tbody td:nth-child(2){Name Column}
#noDividerD tbody td:nth-child(3){Breed/Brand Column}
#noDividerD tbody td:nth-child(4){Gender Column }
#noDividerD tbody td:nth-child(5){Feed Column}
#noDividerD tbody td:nth-child(6){Points Column}

/* SHOW DIVIDER */
#shows {Show text Css}

/* EVENT DIVIDER */
#event {Event text Css}

/* SHOW EVENT DIVIDER */
#show_events {Show Event text Css}

/* ACHIEVMENTS DIVIDER */
img[src^="images/achievements/"]{Image CSS}
#achievements {Achievement text Css}

/* PLAYER INFO */
.playerinfo b {} /*edits name*/
.playerinfo a {} /* edits Send Message Send Buddy Request BLOCK Player! Report */
.playerinfo a:hover {} /*Hover of the above Links */
.playerinfo {} /* Player Info Container */

/* PLAYER POINT BOX, MONEY BOX, AND DIVIDERS BOX */
.box th, .box2 th {} /* Edits the Headers */
.box {} /*edits where dividers are*/
.box2 table {} /*edits money, player point boxes*/
.box th a {} /* Links for in these boxes */

(and to see all these in use, you can look at my free layouts. Most of them have all of this information embedded towards the end of the layout.)

Link Tree

This is really useful Riley! Thank you! 

Very usrefill!! Thank you!

LOVE THIS! Thank you! It makes it helpful so that I don't have to pull apart someone else's coding to see what it is. And thanks for the suggestion Chao!

Thanks Riley!

Thank you so much! I needed exactly this!

This is awesome! Thanks Riley! :)

very awesome of you to do this riley. ill be linking this post to HP Helper -must hoard all and anything useful-

Thank you!!! :)