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

CSS

How do I show my works in the portfolio section?

I don't want to get my html code messy. I want when you clicked on any of my projects, I want it to take you to a new tab or url. I want something like this Image. I want each row should be three colum like the image above. I am confused and I don't know what to do right now.

Tiffany McAllister, I want to achieve something like your portfolio section of your website. When I clicked on any of your work, a new url open. By the way, nice website.

Thank you :)

My website is using JavaScript to create an overlay, which you can learn to do in the following course:

http://teamtreehouse.com/library/jquery-basics

However, if you want to be able to click on a link and have it open in a new tab you can use the following code:

<a href="yourlinkhere.com" target="_blank">This link will open in a new window.</a>

8 Answers

I suggest you take the following course if you haven't already:

http://teamtreehouse.com/library/how-to-make-a-website

This will teach you how to build a simple portfolio website.

I did that already.

So what is it that you are actually trying to do?

I want something similar to your https://gyazo.com/4ef52ee5295242feb10c7a9140093a34

Did you use photoshop as wireframe for each work or a screenshort software? I mean did you layout all your projects with photoshop?

For the images themselves I just created a screenshot of my projects and used a free browser mockup PSD:

http://designscrazed.org/free-web-browser-mockups-psd/

Thank you very much. I am working on my personal project I was just wondering how people achieve stuff like that.

Not a problem :)

I'd love to see what you're working on once it's finished!

Sure, I'll share it with you:D I currently have this website www.abrahamswaray.com I want to improve it.

I like it! It's looking good :)

Thank you

I think your about section will look better with padding on both sides, I don't know why but it is loading quite slow for me and I have a good internet connection.