Help > Player Tutorials > Post Reply
Learning to code
 Blitz -- Stellar Gypsy Vanners July 12th, 2013 4:25:35am 1,308 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? |
 trig 🍂 what a wonderful day July 13th, 2013 3:19:42am 3,612 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. 
 |
 Binny 🦄 [blitz watching] July 13th, 2013 5:00:04am 2,913 Posts |
I learned by taking apart toxicscribble coding. Also taking apart other coding /uni/ has done mostly, and learning which part controls which sections. |
 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. |
 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. :)   |
 Concourse 01 | Sionnach July 14th, 2013 3:43:11am 19 Posts |
I am trying to learn... toxic scribble is confusing me.... |
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 |
 Concourse [but as she was leaving, it felt like breathing] UPPIE RESERVED July 15th, 2013 12:52:21am 2,901 Posts |
deleted  |
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. |
Concourse [but as she was leaving, it felt like breathing] UPPIE RESERVED July 15th, 2013 9:04:29am 2,901 Posts |
Oh wow, I was off. |
Duckie || Songbird Shelties || -college-ing- July 15th, 2013 12:52:14pm 815 Posts |
-stalks- I've stumbled upon a gold mine |
 misa・brandenburgers July 15th, 2013 2:02:23pm 186 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~ |
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. |
 `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. |
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*/} |
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. |
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* |
Concourse 01 | Sionnach July 20th, 2013 8:28:42pm 19 Posts |
I am still struggling, but I think I will eventually get the hang of it... |
 awd ○ Mustangs [main!] July 20th, 2013 10:17:52pm 688 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 |
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! |
 primrose •• 15 years!? 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 |
