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.)
- 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
- 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.)
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]