D R Moore

TUTORIAL: More...... redbubble Formatting [Text wrapping images] by D R Moore

Posted on December 22, 2008

This how-to will briefly explain a method of using tables on redbubble to Create sets, Text aligning, Text wrapping in Descriptions,Journals and profiles.

There must be 2 blank lines between the table and other text

(Press Enter two times before and after the table)

To make a table insert a “|” (vertical bar) between the items to be contained in the cells.
The Examples provided below in BOLD can be copied and pasted. Then just replace the text with your links, images, text or whatever you wish.
For the basic text wrapped image use.
|text|image|
To put the title above the image use below
In order to keep a blank cell I will use  

Text wrap an image
| |Title w/ link|
|Description|Image w/ link|
Preview
Click Image to Preview it on my Bubblesite
The Cattle Egrets is a popular bird with cattle ranchers for its perceived role as a bio control of cattle parasites such as ticks and flies. A study in Australia found that Cattle Egrets reduced the number of flies that bothered cattle by pecking them directly off the skin. It was the benefit to stock that prompted ranchers and the Hawaiian Board of Agriculture and Forestry to release the species in Hawaii

Profile set w/ title or tag link / This also can be used in a Journal entry
For titles above the image use the table below
Note I used 6 size:xsmall images/ use size:small to match the ones already on your profile

*|“View my Set title or tag link”|

|Title1 w/link|Title2 w/link|Title3 w/link|Title4 w/link|Title5 w/link|Title6 w/link|
|image1 w/link|image2 w/link|image3 w/link|image4 w/link|image5 w/link|image6 w/link|*

It will look like below or you can change the two lines and have the titles on the bottom.

|image1 w/link|image2 w/link|image3 w/link|image4 w/link|image5 w/link|image6 w/link|
|Title1 w/link|Title2 w/link|Title3 w/link|Title4 w/link|Title5 w/link|Title6 w/link|

View all images in My Bird Collection
Screech OwlMissed a SpotOsprey IIWhite PelicanMy GirlPreening Flamingo

Notice that several of my images have long titles that extend past the Xsmall image
One fix for this would be to press enter after the first word

Example:
|Title1 w/link|Preening
Flamingo|
|image1 w/link|image2 w/link|
Preview
My GirlPreening
Flamingo

or Put the second word at the bottom
In order to keep a blank cell I will use  

Example: \
||Title1 w/link|Preening|
|image1 w/link|image2 w/link|
| |Flamingo|
Preview
My GirlPreening
Flamingo

Looks great on your profile

|image1 w/link|image2 w/link|image3 w/link|
|Title1 w/link|Title2 w/link|Title3 w/link|

Preview

Jupiter LighthouseFree Poker LessonsMissed a Spot

No go forth and create that great description that really stands out more than the rest

See this description on my Profile , Bubblesite
This is a female Ruby-throated Hummingbird
Which is in the bird family Trochilidae, and are endemic to the Americas.
"Click for larger view"
"Click for larger view"They can fly backwards, and are the only group of birds able to do so. Their English name derives from the characteristic hum made by their wings.Which they can do up to 53 times a second.
The extremely short legs of the Ruby-throated Hummingbird prevent it from walking or hopping. The best it can do is shuffle along a perch. To scratch its head and neck it raises its foot up and over its wing."Click for larger view"

Happy Bubbling
Dan

See all my How-to’s HereIncludes “Framed image on Bubblesite home page”, “Adding Calendars to your bubblesite”, “feedjit Live Traffic Feed”, “Using tags on Redbubble”, “Add a visitor counter to your bubblesite or profile page” and More

Get the Firefox and Internet Explorer Tool bar for Redbubble Here
See more info

Chat with me on Skype
User Name
envelope150

© D R Moore This written work cannot be reproduced or posted on the web without my written permission

Feel Free to visit my eBay Store WORLDWIDE Shipping

  • TRACY BAGNALL

    TRACY BAGNALL

    Thanks that is great I will give it a go, Trace

  • D R Moore:

    Have fun,It’s easier than it looks

  • Shelley Heath

    Shelley Heath

    That’s a handy little bit of code. Thanks for sharing that Dan.

  • D R Moore:

    Your welcome Shelley, it is my pleasure to share

  • Natalie Perkins

    Natalie Perkins

    This is an awesome little bit of code, except I can’t wrap my brain around the syntax and what link coding goes where!

  • D R Moore:

    I’ll send you a BM example :)

  • oddoutlet

    oddoutlet

    Hi I’ve been trying to do it but it doesn’t seem to work for me- can you send me a BM example too please?

  • D R Moore:

    :) sent

  • Kelly Cavanaugh

    Kelly Cavanaugh

    Great info! Thank you!

  • Scott  d' Almeida

    Scott d' Almeida

    great to know thank you

  • Twisted01

    Twisted01

    BM example also please. Thanks very much for your time. Really appreciate it and thanks also for the share. This is just awesome (when I can get it to work LOL)

  • Arla M. Ruggles

    Arla M. Ruggles

    Can’t wait to try this with my PUPPIES collection!
    Thanks very much for the info and inspiration!

  • KathyT

    KathyT

    thanks for these wonderful tutorials. Can you please tell me how to center text within a cell.
    Thanks, cheers Kathy.

  • D R Moore:

    There is no real way to center the text within the cell but you can use   to create a space this will most likely require you to use several of them to get the text where you want it

  • Janis Zroback

    Janis Zroback

    This is wonderful…thanks so much…I will attempt it tomorrow, if I can figure it out….

  • Jan Timmons

    Jan Timmons

    Dan, this is all good. I didn’t see it in the RedBubble Tutorials Library, and added a link to this. Even if you had already added a link, can’t hurt to lead viewers here twice, eh? This is great!

  • Jan Timmons

    Jan Timmons

    And added this to our index

  • Jan Timmons

    Jan Timmons

    Oops, this index links to you.

  • Kevin Childress

    Kevin Childress

    D R Moore,

    A question for you, if you can help with this. I used this code |text|image| for wrapping text/images. It does the job. But my text was displayed with a very small font. It was about the same size as if the ~ command had been used. As a matter of fact, it was the same size as the text beside your profile pic. Any ideas how to correct this, or make the text larger? The # command doesn’t seem to do it.

  • D R Moore:

    I am unaware of a fix for the profile page but journals and descriptions seem to be fine which is where I use it the most.

  • Richard G Witham

    Richard G Witham

    Thank you so much for providing this tutorial!

    I’ve been working with this on the new, reduced product page description area and with a little tweaking was able to get it to work. Heres’ a link to the artwork I used this text-wrap format for in the description > Link

    I had to reduce the number of words per line to 4 or 5 in order for the image to appear large. Otherwise the text and image would appear in tiny font and thumbnail. I also found that I was able to leave a space between blocks of text, (or paragraphs) by placing a period as a sort of line spacer. If you simply hit return/enter twice to leave an extra line between paragraphs, the text-wrap table is distorted and pushes the image thumbnail below the text.

    I know this explanation seems complicated without seeing it first hand, so take a closer look at the product page linked above to see what I mean about leaving periods, or full-stops.

    What’s important is to reduce the width of the area in which text is placed so that both the text and the thumbnail appear larger.

Add Your Comment

You need to login or signup to add your comment to this work.