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 :

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_

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

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 ;)}

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

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

~~Make new/update CheatSheet soon~~ done!
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

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!!)

updated cheatsheet ^{(28 July 2007)}

Pilgrim, about 1 year ago

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, about 1 year ago

just get the EDiT BUTTON happening first .. and it wont be too bad ;)
webgrrl, about 1 year ago

thats.. edit button for the Comments section – as the journals does have edit option.
kookylane, about 1 year ago

woOuw!!! thanks a lot for the tips Webgrrl, I was wondering about that. COOL!!*
KSeriphyn Designs, about 1 year ago

Thanks Webgrrl. Maybe RB can shout you a thank you gif… hmm?? wink – wink
MD81, about 1 year ago

Hohoh .. this is what I need … Thanks heaps!
Craig Shillington, about 1 year ago

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 Designs, about 1 year ago

Hi Webgrrl,

found another one * * * (no spaces in between asterix) creates a
Jienn Heibloem, about 1 year ago

your soooo epic weblady heehee thankkkya!!!! im off to make wild texty variations now hmmmm
Stephen Mitchell, about 1 year ago

See my my journal for table creation with pipes.
KSeriphyn Designs, about 1 year ago

Got another one I think Webgrrl.
1. bullet#
hash space text nospace hash
KSeriphyn Designs, about 1 year ago

or maybe it’s just # bullet

hash space text
Christiaan, 11 months ago

Ah! Cool!
Stephen Colquitt, 11 months ago

thank you
- nice
Brita Lee Mikl..., 11 months ago

Xcellent!
rick strodder, 11 months ago

Bloody brilliant… now I canstop pulling my hair out!

xxthankyouthankyouthankyouthankyouthankyouthankyouthankyouxx
keong, 11 months ago

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, 11 months ago

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, 11 months ago

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, 10 months ago

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, 10 months ago

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

exclamation imageurl exclamation colon linkurl
Stephen Colquitt, 10 months ago

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

You are a good person.
StacyLee, 9 months ago

You just made my life so much easier… hugs
Dragoncat, 9 months ago

cell1|cell2|cell3|cell4| pipes like that?? did I do that right?
Dragoncat, 9 months ago

Thanks for the formating guides… helps a lot..
webgrrl, 9 months ago

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

lets try..

cell 1 cell 2 cell 3
webgrrl, 9 months ago

or it looks even better when u use it to put pix in… see if this works..
webgrrl, 9 months ago

WOOOooOOOT!!
Dragoncat, 9 months ago

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, 9 months ago

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

Webgrrl – thank you!
mawaho, 9 months ago

Webgrrl you are a genius!
ZacharyReed, 9 months ago

coolness. i’m gonna go crazy creative when entering stuff now. :)
Stephen Mitchell, 8 months ago

I love the new cheatsheet.
PhotogeniquE IPA, 8 months ago

X-L-ENT
TonyLegg, 8 months ago

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

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, 8 months ago

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, 8 months ago

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, 8 months ago

excellent post! THANKS
Ozcloggie, 7 months ago

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, 7 months ago

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, 7 months ago

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, 6 months ago

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

HEY GOOD PAGE HERE

THANKS A LOT
webgrrl, 6 months ago

test:
webgrrl, 6 months ago

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, 6 months ago
paul romanowski, 6 months ago

just testing this thing…
wow, tricky thing…

thanks again
Bruce Halliburton, 6 months ago

Thanks for this really useful post!
RareSpecies, 6 months ago

Thanx for your “cheat sheet” that I have to find a place with a printer to make up a copy of this page.
By: Cheri Perry, 6 months ago

Thanks so much for this…I’ve been wondering and asking how to do these things I’ve see. This is so helpful. Thanks
By: Cheri Perry, 6 months ago

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, 6 months ago

Awesome… Thanks so much for the fyi. much appreciated
mlgkats, 6 months ago

thanks i was wondering how you did that
webgrrl, 6 months ago

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
paul romanowski, 5 months ago

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, 5 months ago

Oh thank you thank you way to go!
clarkey, 5 months ago

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, 5 months ago

thankyou so much! it’s all so clear now:)
Jamie Lee, 5 months ago

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, 4 months ago

100% helpful! Thanks for sharing!!
bluerabbit, 4 months ago

Thanks!
By: Cheri Perry in reply to webgrrl’s comment, 3 months ago

I meant putting multiple spaces between lines in your descriptions so that it isn’t single spaced between paragraphs.
By: Cheri Perry, 3 months ago

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.
By: Cheri Perry, 3 months ago

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.
By: Cheri Perry, 3 months ago

Still nothing…..what am I doing wrong?? I put !the link!:
By: Cheri Perry, 3 months ago

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 in reply to By: Cheri Perry’s comment, 3 months ago

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 in reply to By: Cheri Perry’s comment, 3 months ago

you can see the example of what i mean by putting ‘bullet’ to give me the ‘space’ i need in the Description part, here
By: Cheri Perry, 3 months ago

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, 2 months ago

thankyou thankyou thankyou