webgrrl


format n found by accident..

fORMaTiNG YOuR TeXt

I havent been having too much fun gettin my text written in RB the way i am used to.. formatting that is..

ive had my text cancelled out like this when i put the ”-” symbol between letters – i try and remember not to do that again.

Only just now i found another one.. So i thought to self, that i’d better write all these down here in the journal – for future reference :


  1. NEW PARAGRAPHS
    Press ENTER twice and that will give you a new paragraph automatically.

WHEN ON EACH END OF WORD/TEXT :
eg: * bold * (without spaces)

symbol * = bolds

symbol _ = italic

symbol ^ = small upper

symbol – = cancels you out!

symbol ~ = makes text smaller

symbol + = Underlines the text

symbol * * * = makes a horizontal rule/line without the spaces
-found by KSERIPHYN_


  1. TO MAKE TEXT CLICKABLE (INTO URL)

Put quotation symbols ” ” on each side of the word/sentence you want to make into Links/Clickable and then a COLON (no spaces) straight after, plus the url ; http://

EXAMPLE (i’ve added spaces in between the symbols so that you can see the text – but NO SPACES

” This tip was found whilst reading PDUV’s journal ” : http://www.redbubble.com/people/pduv/journal/show/4812

becomes :

This tip was found whilst reading PDUV’s journal


  1. TO ADD GRAPHICS INTO YOUR JOURNAL
    PLEASE DON’T PUT HUGE PIX, RESIZE/UTILIZE PLACES LIKE IMAGESHACK free image hosting

EXAMPLE : (i’ve added spaces in between the symbols so that you can see the text – but NO SPACES)

! http://img216.imageshack.us/img216/6817/formatingrbct6.gif !

becomes

TIP : You can do save that gif cheat sheet if you want ;)

  1. ADDING GRAPHIC & MAKING IT CLICKABLE (LINKED)
    for larger pics you want to show, its a good idea to post the Thumbnail size,
    and making the graphic clickable to a larger size.

To to that just add the :http://website.uwant.url right after the ending exclamation ! mark of the graphic link

! http://img216.imageshack.us/img216/6817/formatingrbct6.th.gif !:http://img216.imageshack.us/my.php?image=formatingrbct6.gif
becomes

  1. NEW! Adding an ALT equivalent to your image
    so that when you hover mouse over the image you can read the title of image

example (hover mouse over the button):
ADD ME/BE MY FAN at FACEBOOK

add the title of your image in a bracket, for example (IMAGE TITLE) in between the last letter of the image URL and the ending exclamation symbol. look at image below


  1. HEADER TEXT (Large fonts)
    add symbol # to each side of the word/sentence for header size font. /
    but this seems to work only as header, meaning its gotta be the first sentence/text, like a header. i used it up to in the text that says “Formating Your Text”

eg : # Is bigger better? # no spaces


MAKING BULLET/LIST

  1. Make new/update CheatSheet soon done!
  2. New Cheatsheet added to bottom of this page and also in portfolio HERE

symbol hAsh plus a space then text will make bullets
-found by KSERIPHYN_



TEXT GENERATOR
  1. keong has found this link to TEXTISM a Text Generator that can help you further with formating style that RB uses.

For anyone who uses Firefox and has Greasemonkey installed, Dave Pearson has created a script that replaces the existing hints on RedBubble with the cheatsheet

(big thanks to Dave!!)


NEW!! I’VE made this into a Mousepad, click on image to see more!


updated cheatsheet (28 July 2007)

  • Pilgrim

    Pilgrimworks here

    Thanks fot this webgrrl. We really, really are going to get around to helping the writers more. And that irritating thing with the line breaks will also get fixed. Everybody is as busy as tick with stuff at the moment but it is on the list.

  • webgrrl

    webgrrl

    just get the EDiT BUTTON happening first .. and it wont be too bad ;)

  • webgrrl

    webgrrl

    thats.. edit button for the Comments section – as the journals does have edit option.

  • kookylane

    kookylane

    woOuw!!! thanks a lot for the tips Webgrrl, I was wondering about that. COOL!!*

  • kseriphyn

    kseriphyn

    Thanks Webgrrl. Maybe RB can shout you a thank you gif… hmm?? wink – wink

  • MD81

    MD81

    Hohoh .. this is what I need … Thanks heaps!

  • Craig Shillington

    Craig Shillington

    WOW Great tips!! I wonder for those of us that use Firefox with GreaseMonkey …. if anyone has actually thought of making scripts that could make all this a lot easier and even allow us to customize our pages somewhat? Boy, one thing I can’t wait for is either RSS on our pages … or email notification of comments and replies.

  • kseriphyn

    kseriphyn

    Hi Webgrrl,


    found another one * * * (no spaces in between asterix) creates a
  • Jienn Heibloem

    Jienn Heibloem

    your soooo epic weblady heehee thankkkya!!!! im off to make wild texty variations now hmmmm

  • Stephen Mitchell

    Stephen Mitchell

    See my my journal for table creation with pipes.

  • kseriphyn

    kseriphyn

    Got another one I think Webgrrl.

    1. bullet#

    hash space text nospace hash

  • kseriphyn

    kseriphyn

    or maybe it’s just # bullet

    hash space text

  • Christiaan

    Christiaan

    Ah! Cool!

  • Stephen Colquitt

    Stephen Colquitt

    thank you

    • nice
  • Brita Lee Miklouho-Maklai

    Brita Lee Mikl...

    Xcellent!

  • rick strodder

    rick strodder

    Bloody brilliant… now I canstop pulling my hair out!

    xxthankyouthankyouthankyouthankyouthankyouthankyouthankyouxx

  • keong

    keong

    FYI, folks. These formatting codes seemed vaguely familiar, so I did some poking around.

    At first I thought it was a system called Markdown (Wikipedia), but after more research, I now think it’s more likely to be Textile

    Can anyone at RB confirm this?

    If it’s true, then you can all refer to the official documentation and stop guessing! The textism site also has a handy testing area so you can try your comments out before committing them to RB :-) At least this is a workaround until comments can be edited.

    Given that RB is apparently implemented using Ruby on Rails, they’re probably using RedCloth which also supports ‘Markdown’.

    BTW RB, perhaps in addition to the “Show text formatting help” link, there could also be a link to the Textile documentation for reference?

    Phew! That’s enough hacking sorry computer programming I mean, software engineering for today (it is the weekend after all, and I do enough of that at work already!)

  • webgrrl

    webgrrl

    Keong: Even with my 12 years of semi geek lifestyle and lingo, a lot what you wrote went..

    “Whoooossh!! What? Markdowns? Is there stuff on Special here in RB at the moment? How much is the discount?”

    “What, we gonna have Textile here soon? Woohoo.. custom made material by the metre!! “

    hehehehe.. and i can assure you that plenty of the community in RB dont know about HTML, CSS, PHP, Wiki, etc … and they prob dont really care either.. Which is fine, since this place is about Art and Creativity, and not codes, and techy stuff..

    And i made this original post in MY JoURNAL tis for my own reference – and it grew from there….. but i dont want the comments in My Journal be filled with ‘code/documentation’ stuff… RedBubble has the FORUM for that… Hope thats ok, n can respect that (tis after all my diary/journal space yah?)

    Im sure when RB implements the Edit Button – everybody and everything in the format land will be all happy.. cuz we then can make mistakes and delete and try again (and learn)

    till then i promote the KISS method (Keep It Sweet & Simple)

    *MwaaaaH!
    ;)

  • webgrrl

    webgrrl

    keong : i will add the textile link into the main journal though.. so those who wish to further their knowledge may find it easy :) Good stuff on the detective work!

  • Stephen Mitchell

    Stephen Mitchell

    webgrrl—can you remind me how to add a link to an image, please?
    I know it’s “exclamation points” at either end of the image, but cannot determine how the link is incorporated.
    Thanks in advance.

  • webgrrl

    webgrrl

    its a : (colon?) right after the exclamation mark and then the URL.. no spaces..
    so thats,

    exclamation imageurl exclamation colon linkurl

  • Stephen Colquitt

    Stephen Colquitt

    I used this little gem again tonight Webgrl – Im so glad i added it to my favs. – Much easier to find. Thanks again!

  • davoid

    davoid

    You are a good person.

  • StacyLee

    StacyLee

    You just made my life so much easier… hugs

  • Dragoncat

    Dragoncat

    cell1|cell2|cell3|cell4| pipes like that?? did I do that right?

  • Dragoncat

    Dragoncat

    Thanks for the formating guides… helps a lot..

  • webgrrl

    webgrrl

    i think u need to put the | symbol at beginning and end also..

    lets try..

    cell 1 cell 2 cell 3
  • webgrrl

    webgrrl

    or it looks even better when u use it to put pix in… see if this works..

  • webgrrl

    webgrrl

    WOOOooOOOT!!

  • Dragoncat

    Dragoncat

    I think I’ve been smoking too many pipes!! Ha HA!! well I’ll figure it all out one of these days
    WHEN IM OLD AND GREY!!! LOL!

  • webgrrl

    webgrrl

    dragoncat : i AM old and grey AND smoke too many pipes.. but thats how i got to be this clever!! :P

  • anthonytsteel

    anthonytsteel

    Webgrrl – thank you!

  • mawaho

    mawaho

    Webgrrl you are a genius!

  • ZacharyReed

    ZacharyReed

    coolness. i’m gonna go crazy creative when entering stuff now. :)

  • Stephen Mitchell

    Stephen Mitchell

    I love the new cheatsheet.

  • PhotogeniquE IPA
  • TonyLegg

    TonyLegg

    Nice one, thank you very much !!! what do you put in those pipes ???—tony

  • webgrrl

    webgrrl

    Tony : to make the table, or pipes as u call.. u use the ”|” symbol.. On the keyboard it shares place with the \ key

    hope you understand and i didnt confuse you

  • webgrrl

    webgrrl

    ooh hahah.. i think i am the confused one tonite.. Just reread.. Not enuf pipes today..

    whats in the pipes? ‘erbs of course… natural god given ERBS! :P~~

  • nofrillsart

    nofrillsart

    Hey thanx heaps webgrrl…i was wondering how people were doing this stuff…pix and links…(not the erbs!)...especially putting pix of the actual products. Nothing sells like seeing the real thank. Thanks again.

  • TANYA WILLIAMS

    TANYA WILLIAMS

    excellent post! THANKS

  • Ozcloggie

    Ozcloggie

    Have to admit that I may not have read the above carefully enough, but is there a way to put text next to a picture /graphic? E.g., putting a picture (width 250) in the journal and then putting the text beside it, rather than have it automatically slot in below the picture?
    I have used photoshop to make a jpg 500 wide; put the picture on the left or right and added the text to the picture. That does not seem right but is the only way I can do it here, at the moment.

  • webgrrl

    webgrrl

    ah, you mean to align your image left, right etc? Im not that sure how to do that.. but if you make a ‘table’ you might be able to do that…? Then you put the image.. in one cell and the text in the next cell?

  • Incognita

    Incognita

    webgrrl … I hope they’re paying you because this is exactly what the rb team need to have in a faq… (the ellipses are instead of hyphens : I really wish they’d find another formatting language that doesn’t rely on common communications symbols)

    Thanks again!

  • Vickie  Fisher

    Vickie Fisher

    Ok, I’m new…..and not very good at this stuff. Hopefully, I will learn some cool stuff here!

  • paul romanowski
  • webgrrl

    webgrrl

    test:

  • webgrrl

    webgrrl

    i find easiest when wanting to put image and link is to first, type in two exclamation mark, then the colon, so it looks like this… !!:
    then i paste the image url in between the exclamation mark, and the URL of the page/site after the colon

  • paul romanowski
  • paul romanowski

    paul romanowski

    just testing this thing…
    wow, tricky thing…

    thanks again

  • Bruce Halliburton

    Bruce Halliburton

    Thanks for this really useful post!

  • RareSpecies

    RareSpecies

    Thanx for your “cheat sheet” that I have to find a place with a printer to make up a copy of this page.

  •  Cheri Perry

    Cheri Perry

    Thanks so much for this…I’ve been wondering and asking how to do these things I’ve see. This is so helpful. Thanks

  •  Cheri Perry

    Cheri Perry

    Can someone tell me if there is a way to make returns in your description please. I usually use / as a return in coding symbols but that is giving me a slash mark. Any suggestions? I’d appreciate any help.
    Another questions is how can we make text larger and links bold and large.

  • Robin Fortin IPA

    Robin Fortin IPA

    Awesome… Thanks so much for the fyi. much appreciated

  • mlgkats

    mlgkats

    thanks i was wondering how you did that

  • webgrrl

    webgrrl

    Cheriperyy : what do u mean by ‘returns’ ?

    to make links bold, you should be able to add the asterix before and after the word, and that should work.. Lets try : MAKING LINKS BOLD

  • Cheri Perry replied

    I meant putting multiple spaces between lines in your descriptions so that it isn’t single spaced between paragraphs.

  • paul romanowski

    paul romanowski

    THIS IS GOOD STUFF, HOW DID YOU DIG THIS UP?
    WOW

    HAPPY HOLIDAYS

    PAUL ROMANOWSKI

    PS:
    IF YOU WANT TO DO THE SAME JUST VISIT THIS

  • RonniLeigh

    RonniLeigh

    Oh thank you thank you way to go!

  • clarkey

    clarkey

    Thank you so very much for this Cheat Sheet – it will be a big help. but, I really hope that RB gets the Edirt button for posts working soon, my typing has become worse then when I first started styping (more than 40 years ago!) Great tips.

  • BigFatRobot

    BigFatRobot

    thankyou so much! it’s all so clear now:)

  • Jamie Lee

    Jamie Lee

    I managed to create a clickable link I just need help creating space between paragraphs. I have pressed enter twice and it still comes out as one paragraph…anyone have some help to offer???

  • Astrid Pardew

    Astrid Pardew

    100% helpful! Thanks for sharing!!

  • bluerabbit

    bluerabbit

    Thanks!

  •  Cheri Perry

    Cheri Perry

    I’m testing adding an image to a comment or somewhere in my descriptions..it hasnt been working so I will try it here again. Thanks for everyone’s help.

    Ok let’s see if this works.

  •  Cheri Perry

    Cheri Perry

    Nothing happened. Am I supposed to be putting and ! before and after the link to that page? What I am trying to do is what I’ve seen many others do and that is to add the laminated print in a comment right after I upload it or also in my profile or description. HELP!

    I’ll try it as I saw it written here above with : with the coon after it this time.

  •  Cheri Perry

    Cheri Perry

    Still nothing…..what am I doing wrong?? I put !the link!:

  •  Cheri Perry

    Cheri Perry

    Ok I figured out how to put the photo in comments and descriptions.

    Now I am having a problem with first of all the images are too big. Is there something I need to do to make them fit in the description? Also

    I’m still trying out how to put spaces between paragraphs in the description.

    I would appreciate any help I might get…

    Thanks so much.

  • webgrrl replied

    i cant find a way to put paragraphs in the description either Cheri. The way i have gone around this is to put a bullet, so that i get some space in between the texts..

  • webgrrl replied

    you can see the example of what i mean by putting ‘bullet’ to give me the ‘space’ i need in the Description part, here

  •  Cheri Perry

    Cheri Perry

    Thanks for replying anyways….I know there is a way because I see people doing it on here some how…. I’ll figure it out some day..lol Thanks.

  • fleur14

    fleur14

    thankyou thankyou thankyou

  • Kirsten Edwards

    Kirsten Edwards

    A friend directed me to here! Thank you! I’ve been going crazy thinking “what the heck?” Nothing I did worked! Now I get to stretch my brain until something more snaps ! LOL Maybe I’ll put some ERBS into a pipe before I try this…loosen the old gears up! Thanks for all the info! :) Have a fantabulous day!

  • Christine Till  @    CT-Graphics

    Christine Till...

    webgrrl, thank you for your great work. It already helped a lot.
    There’s still a question maybe you know an answer for:
    I add my town which is San Diego to my tags, but after I clicked enter all the tags are mixed around and I have the Diego first and much later comes the San.
    It’s the same “black and white’ ...
    Do you or someone else know a way to add a code to words that belong together that actually keeps them together?
    TIA :)
    After fiddling with this for a few hours how I need an ‘erbs pipe.

  • webgrrl replied

    you can try by putting an underscore.. eg : birthday_card

  • Sandra Chung

    Sandra Chung

    For some funny reason, though, using the thumbnail link doesn’t seem to work with Photobucket images. The thumbnail aways comes up as “Photo has been moved or deleted” but if you click on that, you get taken to the image.

  • webgrrl replied

    testing a thumbnail from photobucket

  • Sandra Chung

    Sandra Chung

    It’s still coming up as “This Photo Has Been Deleted or Moved”

  • webgrrl replied

    sandra, what i did was i used the image url of the thumbnail itself.. not the one they supplied.. if u understand what i mean.. (rightclick over the thumbnail at your photobucket and copy image url / firefox)

  • Sandra Chung

    Sandra Chung

    Oooooohhhh. Ok (lightbulb just went on in my head. Probably because of the 2nd cup of coffee)

  • barnsis

    barnsis

    I have been on RB since March and a group host since April and I have spent hours looking for a site of posting like this without luck. You have by far the best (understandable) help information I have seen on RB. Your Information should be a front page RB link so new people can find it without going through what I have. Excellent service. I have favorited this so I can direct my members and watchlist newbees here. Thank you.

  • webgrrl replied

    thank you for your acknowledgment.. Im really glad that i made this for me and everyone, it is the most favourited and viewed item in my whole gallery!

  • Cristian

    Cristian

    I just joined RB yesterday and this information is invaluable! Thanks!

  • JrPhoto

    JrPhoto

    ! http://www.redbubble.com/people/webgrrl/art/84227-16-the-unofficial-redbubble-format-cheatsheet-thang !

  • JrPhoto

    JrPhoto

    :(

  • JrPhoto

    JrPhoto

    Arrgh LOL.

  • Tamara Bobst

    Tamara Bobst

    thank you

  • IrishPics

    IrishPics

    High tec stuff…girl..;-))

  • C J Hummel -  Foxfire Gallery

    C J Hummel - ...

    Thank you so much for posting this, I was given the link to this page.

  • Linda Callaghan

    Linda Callaghan

    great advice, thanks!!

  • Sharon Mau

    Sharon Mau

    Aloha, thank you so much for this wonderful tutorial!!

  •  Cheri Perry

    Cheri Perry

    I am trying to find out how to post those Glitter codes in RB…every time I try to copy the code into RB it doesn’t come up. I am going to try it again and see if it works here.
    / /

  •  Cheri Perry

    Cheri Perry

    Nope…I get the slashes only….How do you post them in here? Does anyone know?

  • tdub303

    tdub303

    is there a way to do a ‘strike through’ or ‘line cancel’ the html is if you are not sure what i am talking about. it is listed on the cheat sheet but it does not work and just makes the text gray….

  •  Cheri Perry
  •  Cheri Perry

    Cheri Perry

    Sorry…I was just trying to add a thumbnail sized image from Webgirls example… :)

  • webgrrl

    webgrrl

    dats cool.. try it out…. thats what its for..
    once in a while.. i do a bit of housecleaning so to speak..tidy things up etc ;)

  • Peta Hurley-Hill

    Peta Hurley-Hill

    http://www.redbubble.com

  • webgrrl replied

    that didnt work, cuz you used link within your bubble
    eg: http://www.redbubble.com/mybubble/art/978656-4-happy/

    to get the right url.. right click on the image you want and save URL of image. Example of the img url for you “happy’ photo in card is :

    http://images-1.redbubble.net/img/art/backingcolor:white/product:greeting-card/view:preview/978656-4-happy.jpg

    which quickly to add it you type in two exclamation mark and then a colon symbol. Then INBETWEEN the two exclamations u PASTE the image url

    eg:

    type in !!: then paste the url inbetween the two exclamation marks then right after the colon (no space) add the URL of the page or site you want for the image..

  • RubyMae

    RubyMae

    Hi! Thank you for posting this valuable info

  • John44

    John44

    Thanks from a grateful Dutchman.
    You are in my last will now

    John :-)

  • Jerri Johnson

    Jerri Johnson

    Thank you sooooooooo much!

  • ISMAIL ALAOUI ABDALLAOUI

    ISMAIL ALAOUI ...

    BUT I WANT the sales widget redbubble code
    i tried to convert the giver html code but i don’t have complete information to proceed!!!
    can anybody help me ?????

  • Jim Hall

    Jim Hall

    Webgrrl, What happens if I press the enter button “three” times instead of two? I think I did this accidentally and got a paragraph separation, I think! JH

  • Jay Lethbridge

    Jay Lethbridge

    Hi Everyone and webgrrl,
    Firsly, let me say thank you very much for these awesome useful codes for adding the images, links and text styles etc to homepages of RB. It is very much appreciated.

    Now, I have a question.
    I noticed on someone account that they had an email link direct to their email application and I am trying to duplicate this on my RB account, but not having much luck.
    Would anyone know how this is done and if possible be willing to share please.

    Thanks again for all the wonderful tips and hints and thanks in advance to my question.

  • webgrrl replied

    to add email email webgrrl
    you do it the same like if you are making a linkable text, but after the : (colon symbol) you write mailto:youremail@yourdomain.com

    hope that makes sense..

  • Jay Lethbridge

    Jay Lethbridge

    This is to JrPhoto,
    You have to make sure that there are no spaces between the exclamation marks at the beginning and end of the URL/web address.

  • Jay Lethbridge

    Jay Lethbridge

    Thanks very much webgrrl. Much appreciated.
    I know what I was doing wrong now, but heaven knows why as I already have a textable link on my page already.
    I used the “exclamation marks” for images, as apposed for the “quotes” for text. my mistake.
    Thanks again anyhow. great stuff.

  • F.A. Moore

    F.A. Moore

    GREAT! Thanks for posting this. It should be in the knowledge base, I think. I found you browsing the forum for an answer to how to add images to the description. Got my answer! Thanks again, webgrrl. Favoriting this page.

  • Clare Colins

    Clare Colins

    thank you very much :)))

  • Rick & Deb Larson

    Rick & Deb Larson

    Wonderful information that you have provided ….. (lol, where was this as we’ve stumbled our way through RB??). Going to add this to our fave’s so that we will have it for future reference…Thank You!! Take Care ~ Rick & Deb ~ :)

  • Isa Rodriguez

    Isa Rodriguez

    you are such a patient and a great teacher!!!!!!!! way to go , thanks so much .. nice presentation ! favoriting this page.

  • webgrrl

    webgrrl

    update! another new trick (textile) that i found – scroll up to main article to read all about it..

    1. adding an ALT equivalent to your image
      when you hover over the image you can read the title of image
  • Rina Botha

    Rina Botha

    Wow! Thankyou for the amazing contribution!

  • Sharon Mau

    Sharon Mau

    Fabulous new updates, mahalo nui, thank you so much.

  • Marthig

    Marthig

    A jewel !! Thanks a lot I am new in RB and will favorite the article/journal as someone above suggested
    big hug to wbgrrl

  • Charuhas  Images

    Charuhas Images

    Thank you so much.

  • jillijude1

    jillijude1 26 days ago

    MANY MANY THANKS :)

  • ANNABEL   S. ALENTON

    ANNABEL S. A... 26 days ago

    this is a great help ,i will try to play with it

  • 123picaparet

    123picaparet 21 days ago

    Very handy. Thanks!

Add your comment

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