Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Ryan Heybourn
Ryan Heybourn
Courses Plus Student 30 Points

Need some small help with a personal project.

Hi all,

As you may tell, I am new around here. I have been a member before, and really enjoyed it, however, could not continue my account, until now.

I am currently working on a personal project, a website, based on the Google Maps API, using PHP, Javascript, HTML and CSS. I am able to handle all of these types of code, however, some, better than others.

I am looking for a bit of help. Nothing too serious or outrageous, just some tips, and help with snippets of code. I understand you may want to be payed for some of it, and this is all negotiable, I am however, wanting to handle most of this project on my own, so I am hoping payment wouldn't be necessary.

If you have some time to spare and are able to help out in the next few hours (or whenever) please let me know. All comments are welcome.

Regards, Ryan

2 Answers

Thomas K
Thomas K
11,565 Points
Thomas K
Thomas K
11,565 Points

What do you need help with?

Ryan Heybourn
Ryan Heybourn
Courses Plus Student 30 Points

Hey, thanks for responding so fast.

I am stuck with some styling stuff. At this point in time, I have a working login/register system, as well as a basic homepage. However, I am wanting to turn this: http://prntscr.com/46rgwz into something like this: http://www.tumblr.com (the login form bit, I couldn't care less for the fancy images or search bar, I am just interested in making my login form clean, simple and intuitive, like the Tumblr one above)

I understand the fundamentals and what is needed, however, I can't actually seem to put them in place. Even if you just guide me with it, whatever works. I don't want to sound like I am trying to get people to do it all, if you get me.

If you are able to help me out though, add me on Skype - rigsy127 It's a lot easier to IM there, then here.

Regards, Ryan

Ryan Heybourn
Ryan Heybourn
Courses Plus Student 30 Points

Also, I hope I haven't scared you off or anything. I am just after some general guidance, I wouldn't be 'relying' on you to develop it all - just to make it clear.

Thomas K
Thomas K
11,565 Points

You want to be looking at styling html forms.

Lorenzo Pirondini
PLUS
Lorenzo Pirondini
Courses Plus Student 3,683 Points
Lorenzo Pirondini
Lorenzo Pirondini
Courses Plus Student 3,683 Points

Hi, are you using bootstrap ?

In that case here is how I would try to do this:

  • inspect the tumblr page with your browser's dev tool (I personaly like to inspect elements with firefox) <br/>
  • check how they built the form part (" form input " and " label ") <br/>
  • Try to understand how theyr css and markup works, and what is different between your existing styles and theyrs<br/>
  • create a stylsheet separated from bootstrap's styles.css (if you don't already have one)<br/>
  • make sure you load your custom stylesheet after bootstrap's<br/>
  • overwrite bootstrap's css in that stylesheet <br/>
  • Try to keep it simple and don't change anything on the bootstrap's core styles.css (just make your changes on that custom stylesheet)<br/>

That should get you started, then it's probably good to do some testing and clean your css in case you would like to re-use that code.