Life Behind A Lens

Okey, so this tutorial is here to give you a basic overview of the coding used in Redbubble to format text, add text links, embed pictures and link from your embedded pictures..

Formatting Text

Two basic formatting styles for use on Redbubble are Bold and Italics.. To produce bold text, simply add an asterisk at each end of the text that you want to enhance..

So, *I like Redbubble* will give you I like Redbubble
Italics is pretty much the same only you need to use an underscore..

So, _I like Redbubble_ will give you I like Redbubble

Text Links

Text links are useful for pointing people from one part of your Redbubble area to another. If you have an image and piece of writing that are related, for example. To do this, you need to put quotation marks at the start and end of the text that you want to link, follow it with a colon and then add the web address that you want to link to. Like this:

"Ross's Redbubble Profile":http://www.redbubble.com/people/Psychosis

The result of which will be Ross's Redbubble Profile

Embedding Images

Embedding an image into an area of RB is just as easy as highlighting text in bold or italics..

Simply add an exclamation mark at each end of the images html address.. So;

!http://images-0.redbubble.net/img/art/border:blackwithdetail/product:laminated-print/size:small/view:preview/3709388-5-black-string.jpg!

Will give you:






















(Ignore the link on this image, it's blogger asking if you want to see a bigger version, not part of the code!)

Linking From An Embedded Image

Basically, this is a combination of the code for embedding an image and linking from text, like this:

!http://images-0.redbubble.net/img/art/border:blackwithdetail/product:laminated-print/size:small/view:preview/3709388-5-black-string.jpg!:http://www.redbubble.com/people/psychosis/art/3709388-5-black-string

Which will give you this:






















To be really clever, you can also place a small text bubble within the code so that when someone hovers over the image a small text popup appears.. To do this, just add the relevant text, in brackets, after the image address and before the second exclamation mark, like this:

!http://images-0.redbubble.net/img/art/border:blackwithdetail/product:laminated-print/size:small/view:preview/3709388-5-black-string.jpg(Black String)!:http://www.redbubble.com/people/psychosis/art/3709388-5-black-string

I hope that helps out a bit.. :)