Help > Player Tutorials > Post Reply     

Learning to code

Default Avatar
Blitz -- Stellar Gypsy Vanners
July 12th, 2013 4:25:35am
1,309 Posts
Wanted: tips for learning how to code layouts on HP.
How did you do it? Do you have any favorite websites to help? Do you use any software to help code or do you just start writing it yourself?


 


View Comments 1 2 Next >


Player Avatar
trig ⨳ πŸŒ·πŸ‡
July 13th, 2013 3:19:42am
3,446 Posts
http://www.w3schools.com/ has a ton of helpful information, I referred to it all the time when I was making layouts. W3Schools has "Try it yourself" pages that are really nice to use because you can see your coding right next to what it looks like displayed on a page (super helpful when setting up intricate tables). I don't use any software, just lots and lots of practice and testing since I first learned of html and css back in 2007.


Bailey Lucky Diesel Mixed Berries rooster-icon-2-orig_orig.png

 

Player Avatar
Administrator Binny πŸ¦„ #inmyhockeymomera
July 13th, 2013 5:00:04am
2,911 Posts
I learned by taking apart toxicscribble coding. Also taking apart other coding /uni/ has done mostly, and learning which part controls which sections.


 

Player Avatar
uni
July 13th, 2013 5:47:23am
1,338 Posts
I just looked at HP's source code for the home pages to find all the different sections so I could edit them... there are applications and browser add-ons that you can download that can help with this.. I have one, but of course I have no idea what it's called :p You pretty much just right click on any section and the option to 'inspect element' comes up, and it will display the name of the element... I can try and find out what it's called if you like.Other than that, I just google stuff that I think of that I want to know how to do it, or just browse various CSS tutorial sites for different ideas.


 

Player Avatar
roooooo β™₯
July 13th, 2013 2:27:03pm
1,094 Posts
If you have Firefox you can click Tools > Web Developer > Inspector To get the "inspect elements" thing up there. :)


 

Default Avatar
Concourse 01 | Shiba Inus
July 14th, 2013 3:43:11am
19 Posts
I am trying to learn... toxic scribble is confusing me....


 

Default Avatar
VictorySoup (Main)
July 14th, 2013 8:52:44pm
50 Posts
I'm going the toxic scribble way and have figured most of it out. However, there are still two pieces of code I still have no idea what it does. LolThese are the two pieces:.box, box td, .box2 .box2


 

Player Avatar
Concourse [I'll rise up, I'll rise unafraid]
July 15th, 2013 12:52:21am
2,849 Posts

deleted

Β 


z9yqOPu.png

 

Player Avatar
uni
July 15th, 2013 2:46:08am
1,338 Posts
those are for the boxes that have your player points, referral points, money stable/kennel etc.


 

Player Avatar
Concourse [I'll rise up, I'll rise unafraid]
July 15th, 2013 9:04:29am
2,849 Posts
Oh wow, I was off.


z9yqOPu.png

 

Default Avatar
Duckie || Songbird Shelties || -college-ing-
July 15th, 2013 12:52:14pm
815 Posts
-stalks- I've stumbled upon a gold mine


 

Player Avatar
misa・irish sport horses
July 15th, 2013 2:02:23pm
172 Posts
This is going to sound super dumb, but I still use Lissa Explains It All from time to time... Her base CSS (here) is what I created my original HL coding from, and the coding I use on here is a variation of that, so. ;DThese days, I tend to Google whatever problem I'm having, and figure it out from there. Also, as binksi said, you can learn a lot from going backwards and disassembling other people's coding. Programs like Dreamweaver just get in the way imo.. though it is nice to have self-closing tags, haha~


 

Default Avatar
lothbrok. | spare
July 17th, 2013 3:23:45am
1 Posts
You are all my inspiration for coding and stuff... so this is the best forum ever.


 

Player Avatar
`liato ϟ
July 17th, 2013 10:29:33am
29 Posts
Dissect webpages and layouts that you think are interesting. If you use firefox, download an add-on called 'Firebug'. It will let to edit pages in live time so you can see what each change affects. As trig said, w3schools is a great resource and if you can I'd also recommend browsing the main w3 site articles. They're academically inclined, but interesting to read. Other than that, work your way from the bottom. Learn tables, divs, images and just keep building from there.


 

Default Avatar
VictorySoup (Main)
July 18th, 2013 4:14:41am
50 Posts
RE: those are for the boxes that have your player points, referral points, money stable/kennel etc.When I change the color to a really annoying red (which I use to pinpoint changes), it doesn't currently change any colors. I think my code might be screwy.Right now my code looks like this:.box, box td, .box2 {background-color: #ff4040; /*Not sure what this colors*/}.box2 {border: 10px solid #ff4040; /*Not sure what this colors*/}


 

Player Avatar
uni
July 18th, 2013 5:44:43am
1,338 Posts
Try altering your 'Settings' at the bottom of the page to something like thisLayout Text: (whatever text color you plan to use for the layout)Layout Background: transparentLayout Borders: transparentLayout Title Bars: transparentLayout Title Text: (whatever text color you plan to use for the layout)I find even if you change the background in your own css, the settings override it.


 

Default Avatar
VictorySoup (Main)
July 18th, 2013 7:22:31am
50 Posts
Wow! That did the trick! I didn't even know that you could use "transparent". Thanks Uni!*Sends you a virtual cookie*


 

Default Avatar
Concourse 01 | Shiba Inus
July 20th, 2013 8:28:42pm
19 Posts
I am still struggling, but I think I will eventually get the hang of it...


 

Player Avatar
awd [main!]
July 20th, 2013 10:17:52pm
603 Posts
thanks for posting these helpful sites!I can edit code pretty well, but i have no idea how to write my own. I'm excited to view those websites


 

Player Avatar
uni
July 21st, 2013 12:22:54am
1,338 Posts
*noms cookies* :}feel free to message me with questions, as long as it's not something super complex :p its a bit tricky to go really in depth via messages, but I'm happy to help with quick things!


 

Player Avatar
primrose β€’β€’ eras tour bound πŸ’–
July 25th, 2013 2:52:28am
86 Posts
This is great! Now I just need someone to post something about creating layout images that go with the layout xD We need a Emblas Tutorials type site thats adapted for HP lol


 

View Comments 1 2 Next >