Example Portfolio

Interlopers Portfolio section.

Example Portfolio

Postby Portfolio User on Mon Jul 14, 2008 6:18 pm

Short title for your portfolio
This is just reference of what code can be used, feel free to create your own look that suits you.

Name: Portfolio "Portfolio User" User
Location: UK
Age: 25
Goals: To work as a level designer in a professional environment.

Adding Images

(Images are best set to 160px wide for thumbnails, you can use three in a line and apply the center BB code tag. Press space after each image to keep them in a row.)

You will need to host them yourself

Option 1 - Standard Image links
(These link to the images in the browser window, the bonus is you get good quality thumbs.)

Image Image Image


Code: Select all
[center][url=http://www.interlopers.net/images/jb_metropolis1.jpg][img]http://www.interlopers.net/images/jb_metropolis1_t.jpg[/img][/url] [url=http://www.interlopers.net/images/jb_metropolis1.jpg][img]http://www.interlopers.net/images/jb_metropolis1_t.jpg[/img][/url] [url=http://www.interlopers.net/images/jb_metropolis1.jpg][img]http://www.interlopers.net/images/jb_metropolis1_t.jpg[/img][/url][/center]


Option 2 - Highslide image tags
(You get to define the thumbnail size and it pops up in a cool box, thumb quality is a bit lower however)

Ensure that you do use the [ center ] tags around these images, otherwise you'll get some odd behaviour with the text beneath

image
image
image

image
image
image


Code: Select all
[center][image=160,120,"sdsdfsdf"]http://www.interlopers.net/images/jb_metropolis1.jpg[/image] [image=160,120,"sdsdfsdf"]http://www.interlopers.net/images/jb_metropolis1.jpg[/image] [image=160,120,"sdsdfsdf"]http://www.interlopers.net/images/jb_metropolis1.jpg[/image]
[image=160,120,"sdsdfsdf"]http://www.interlopers.net/images/jb_metropolis1.jpg[/image] [image=160,120,"sdsdfsdf"]http://www.interlopers.net/images/jb_metropolis1.jpg[/image] [image=160,120,"sdsdfsdf"]http://www.interlopers.net/images/jb_metropolis1.jpg[/image][/center]


Option 3 - Big Images
(Single images will also invoke the pop up script, this is probably the least favourable method.)

(If you use single images they will be resized if bigger than 580 pixels and a pop-up will be used to display the image. Consider keeping the image size reasonable so the pop-up is viewable on lower resolution monitors.)

Image

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum eros. Duis at augue nec lorem pulvinar dignissim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In in ante non nunc malesuada fringilla. In vel eros. Cum sociis natoque penatibus et magnis dis

Quoting:

parturient montes, nascetur ridiculus mus. Proin magna dui, mattis ut, ullamcorper sed, aliquet eu, sem. Morbi risus dolor, dignissim at, malesuada in, ultricies sed, quam. Duis orci nibh, dapibus sit amet, pulvinar id, suscipit eu, justo. Nulla sollicitudin est at magna. Mauris velit. Nullam erat nisi, tempor at, accumsan a, pretium ut, orci. Aenean hendrerit pellentesque lacus. Donec facilisis feugiat mauris.


You can use lists as well:

  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet

Code: Select all
[list][*]Lorem ipsum dolor sit amet
[*]Lorem ipsum dolor sit amet
[*]Lorem ipsum dolor sit amet
[*]Lorem ipsum dolor sit amet
[*]Lorem ipsum dolor sit amet[/list]
Portfolio User
Just Joined
Just Joined
 
Joined: Wed Jul 02, 2008 10:12 pm

Return to Portfolios

Who is online

Users browsing this forum: Exabot [Bot]

cron