Help > Player Tutorials > Post Reply     

Learning to code

Default Avatar
Blitz -- Stellar Spare Upgrade
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
2,700 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.


trig-4-by-onlyhalfpigeon-db8r3iv_1_orig.png ddheakq-846d19cd-9f78-4004-901f-e7b95b8532f0_orig.png 7441640_1_orig.png
"Your success and happiness lies in you. Resolve to keep happy,
and your joy and you shall form an invincible host against difficulties." - Helen Keller

 

Player Avatar
Administrator Binny ❤
July 13th, 2013 5:00:04am
2,259 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,335 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
PCA 1 | TBs
July 14th, 2013 3:43:11am
18 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
Calastia | New Layout, Who Dis? [hiatus]
July 15th, 2013 12:52:21am
2,441 Posts

deleted

 


z9yqOPu.png

 

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


 

Player Avatar
Calastia | New Layout, Who Dis? [hiatus]
July 15th, 2013 9:04:29am
2,441 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,335 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
PCA 1 | TBs
July 20th, 2013 8:28:42pm
18 Posts
I am still struggling, but I think I will eventually get the hang of it...


 

Player Avatar
awd
July 20th, 2013 10:17:52pm
204 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,335 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 •• and her drummie babes
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


qgRPNC8.jpg

 

View Comments 1 2 Next >