How to make your comments (when posting a LO in the gallery) look fancy

Two Peas is Closing
Click here to visit our final product sale. Click here to visit our FAQ page regarding the closing of Two Peas.

Posted 6/12/2005 by Lemonade Stand in The Pub
1 2 >
 

Lemonade Stand
innocent bystander

PeaNut 122,234
January 2004
Posts: 12,700
Layouts: 219
Loc: NC

Posted: 6/12/2005 2:26:56 PM
[note: I'm just compiling this info so it will be in one thread... I keep updating the OP as new info is added to the thread].

<p> creates a paragraph break/space; also makes the font size smaller (but apparently not if you are using Mozilla browzer)
<br> creates a break (like hitting "enter" )

example:
Here is my awesometastic layout.<p>
supplies:<br>
Paper: BasicGrey Lollipop Shoppe<br>
Alphabet Stickers: Doodlebug

**********
Tip from suziebeezie: If you want your text to be somewhere other than the left (the default) in a paragraph, you can use <p align=center> or <p align=right>. (This would replace just using <p>.)

Tips from Whendeeb/Wendy:
<b>...</b> BOLD
<i>...</i> ITALIC
<u>...</u> UNDERLINE
<font size=X>...</font> FONT SIZE
<font color=#XXXXXX>...</font> FONT COLOR
<p> SPACE
<br> BREAK
<center>...</center> CENTER
<a href="xxxx.jpg">link text</a> LINK

**********
CHANGING FONTS
examples:
<font face=verdana size=3>My layout is wonderful.<br>
<font face=times size=3>I love 2peas.<br>
<font face="arial black" size=3>Please leave praise.

Please note that when the font name has 2 or more words (like arial black), you have to use quotation marks.

Tip from suziebeezie: Just want to add that you probably want to stick to fonts that are standard fonts with Windows nowadays, and that are designed to look good on the screen (not just print). Those are typically Verdana, Georgia, and Helvetica. Otherwise, you can stick with good old Arial or Times New Roman. If you use a 2Ps or other font and somebody looks at your comments but doesn't have that font installed on their computer, they'll just see the default font.

**********
TEXT COLOR:
Example from suziebeezie (thanks, Suzanne!!!):

<font face=verdana size=2>Here is my layout. Thank you for looking at it.<p>
<font face=verdana size=1 color=#ff3399>
2ps beef broccoli font<br>
basicgrey pp<br>
foofala pp

She uses this browser-safe web palette to get RGB numbers.

And thanks to Suzanne, I finally realized that this stuff is just html code.

**********
Feel free to add more info if you have any.

Nancy - BR
StuckOnPeas

PeaNut 4,601
May 2000
Posts: 2,510
Layouts: 204
Loc: Baton Rouge, LA

Posted: 6/12/2005 2:27:57 PM
Cool info! Thanks!

Torm
lover of Mondays

PeaNut 117,081
November 2003
Posts: 13,478
Layouts: 520
Loc: Michigan

Posted: 6/12/2005 2:48:54 PM
oooooooooooooooooooh lemon!!! i heart you forever!!! i had this jotted down b4 & lost it. i hate my big run on comments. i'll use this 4ever & ever know & feel so clever when i do.

guess whos nursing

SusannaT
PeaFixture

PeaNut 51,072
October 2002
Posts: 3,894
Layouts: 863
Loc: On the 60th latitude in Finland

Posted: 6/12/2005 2:51:55 PM
Lisa... you deserve a big kiss!!
I have this info saved now!

TxTweety
StuckOnPeas

PeaNut 109,870
October 2003
Posts: 2,586
Layouts: 27
Loc: on the move

Posted: 6/12/2005 2:54:02 PM
Oooooh, lala! TFS. Maybe some day I will create something worthy of posting and actually put this info to work.

-- Carla

everythingisgood
StuckOnPeas

PeaNut 89,937
June 2003
Posts: 2,614
Layouts: 20
Loc: Long Island, NY

Posted: 6/12/2005 2:54:52 PM
Thanks! now I can look cool too.......

Kim

janieolboy
Always Peaing

PeaNut 158,613
July 2004
Posts: 5,203
Layouts: 225
Loc: Massachusetts

Posted: 6/12/2005 2:58:10 PM
Thanks for posting this!

Chrys~
Just creating...

PeaNut 169,189
September 2004
Posts: 9,089
Layouts: 583

Posted: 6/12/2005 3:01:06 PM
thank you so much for posting this!!!! I've wondered how others could do it, but not me...I just hadn't asked the lemon yet!!! What a sweet Lemon!

Kalea
Doing my K*Pea Duty ;-)

PeaNut 6,147
August 2000
Posts: 16,235
Layouts: 941
Loc: right here

Posted: 6/12/2005 3:21:22 PM
I don't think the <p> makes things any smaller. It does create a paragraph break (an empty line) where you put it. And you really do not need a <br> before a <p>, as the <p> does that for you.

Karen

Lemonade Stand
innocent bystander

PeaNut 122,234
January 2004
Posts: 12,700
Layouts: 219
Loc: NC

Posted: 6/12/2005 3:27:57 PM
The <p> makes the font smaller on my screen... I just tested it to be sure (typed a line without the <p> and one with). You're right about the paragraph break... I better update the OP.

Kalea
Doing my K*Pea Duty ;-)

PeaNut 6,147
August 2000
Posts: 16,235
Layouts: 941
Loc: right here

Posted: 6/12/2005 3:35:35 PM
That's weird. I use a <p> all the time and I don't see the font getting any smaller. Here are some examples with <p>s

Beauty lies within
Sometimes it's the smallish things...

Suzy West
Picture Me Perfect

PeaNut 15,098
May 2001
Posts: 11,401
Layouts: 311
Loc: Fremont, ca (SF Bay area)

Posted: 6/12/2005 3:35:55 PM
Lisa, you are the most amazing person ever!!!
I have never met someone that is always thinking
of ways to help others as much as you do. You ROCK!!!!
Hugs

lalakme
oPEAra singer

PeaNut 161,924
August 2004
Posts: 11,385
Layouts: 186
Loc: The U.P.

Posted: 6/12/2005 3:45:00 PM
Kalea, your <p> examples are most definitely smaller. Wonder why you can't see it?

So we can put in any of the 2P's fonts and have them come up when we post a LO? If so, that is way cool.

Suzy West
Picture Me Perfect

PeaNut 15,098
May 2001
Posts: 11,401
Layouts: 311
Loc: Fremont, ca (SF Bay area)

Posted: 6/12/2005 3:50:30 PM
Okay I tried it here. Can you see it smaller? I can't? JOY--Canvas Concepts

Amy F
AncestralPea

PeaNut 67,328
February 2003
Posts: 4,389
Layouts: 163
Loc: Denver, Colorado

Posted: 6/12/2005 3:50:36 PM
OOO!!! I always wondered how people do that!! Sweeeet!!! Thanks Lemon!

janieolboy
Always Peaing

PeaNut 158,613
July 2004
Posts: 5,203
Layouts: 225
Loc: Massachusetts

Posted: 6/12/2005 3:54:48 PM
Yep Suzy your font is smaller.

gardenbaby
i have dirty little secrets ;)

PeaNut 69,311
February 2003
Posts: 6,684
Layouts: 133
Loc: :: the art studio ::

Posted: 6/12/2005 3:58:01 PM


did i mention that you are just swell, lemon?

gardenbaby
i have dirty little secrets ;)

PeaNut 69,311
February 2003
Posts: 6,684
Layouts: 133
Loc: :: the art studio ::

Posted: 6/12/2005 3:58:48 PM
lol, did tia see this yet?

maybe i should email her the link....

lalakme
oPEAra singer

PeaNut 161,924
August 2004
Posts: 11,385
Layouts: 186
Loc: The U.P.

Posted: 6/12/2005 3:58:53 PM
Yes, Suzy...your materials are in a smaller font than the first sentence.

Mrs.Hubbard
AncestralPea

PeaNut 85,905
May 2003
Posts: 4,030
Layouts: 72
Loc: Who knows?

Posted: 6/12/2005 4:04:06 PM
This is so cool. I wondered how Suzie did it... Thank you... Thank you... Thank you...

Suzy West
Picture Me Perfect

PeaNut 15,098
May 2001
Posts: 11,401
Layouts: 311
Loc: Fremont, ca (SF Bay area)

Posted: 6/12/2005 4:10:38 PM
Thanks!!!! I see it now!!

pharmgirl
lovin' my boys

PeaNut 22,864
October 2001
Posts: 5,656
Layouts: 302
Loc: Connecticut

Posted: 6/12/2005 4:19:37 PM
Oh thanks sooooo much LS!!!!! All I knew was <br> . This is great!

Lemonade Stand
innocent bystander

PeaNut 122,234
January 2004
Posts: 12,700
Layouts: 219
Loc: NC

Posted: 6/12/2005 4:26:01 PM
Karen & Suzy, when I look at your examples, I see two different font sizes... the first paragraph is normal size, the following paragraphs are smaller size. I wonder if not everyone can see the smaller size?

Lara, I don't think we can use 2peas fonts... the example in the OP is just including a 2peas font as part of the supply list. However, I *think* you can change the font... I'm going to test out some stuff in a second.

Heather Preckel
**Formerly Kierstensmommy! **

PeaNut 55,348
November 2002
Posts: 12,234
Layouts: 625
Loc: Kansas City, MO

Posted: 6/12/2005 4:27:08 PM
Cool...... Thanks so much for sharing!

sandikal
Henny Button--English Lit Major

PeaNut 67,765
February 2003
Posts: 24,444
Layouts: 83
Loc: The OC

Posted: 6/12/2005 4:27:21 PM
THANK YOU!!!!!!!!!!!!!!!!!!

Lemonade Stand
innocent bystander

PeaNut 122,234
January 2004
Posts: 12,700
Layouts: 219
Loc: NC

Posted: 6/12/2005 4:37:35 PM
updated font info in OP.

Suzy West
Picture Me Perfect

PeaNut 15,098
May 2001
Posts: 11,401
Layouts: 311
Loc: Fremont, ca (SF Bay area)

Posted: 6/12/2005 4:38:34 PM
I left the top half regular so I could see the difference.
Hugs

squillen
Tier 1 Baking Pea

PeaNut 133,550
February 2004
Posts: 39,602
Layouts: 331
Loc: Hudson Valley, NY

Posted: 6/12/2005 4:52:20 PM
I didn't know about the <p> thing.. but I usually make mine smaller by typing at the beginning of my comments <font size=2>. It helps a lot especially when you have a LOT of comments on a LO.

You *are* so helpful!!!!

Whendeeb
former gg

PeaNut 105,895
September 2003
Posts: 15,060
Layouts: 1,059
Loc: Western New York

Posted: 6/12/2005 5:46:07 PM
HERE'S SOME MORE I USE!
_____________________________


<b>...</b> BOLD
<i>...</i> ITALIC
<u>...</u> UNDERLINE
<font size=X>...</font> FONT SIZE
<font color=#XXXXXX>...</font> FONT COLOR
<p> SPACE
<br> BREAK
<center>...</center> CENTER
<a href="xxxx.jpg">link text</a> LINK




Kalea
Doing my K*Pea Duty ;-)

PeaNut 6,147
August 2000
Posts: 16,235
Layouts: 941
Loc: right here

Posted: 6/12/2005 5:53:18 PM
Gah! I cannot see a different size, it is all the same size to me. I know that at some point in the past, I have seen things in a different size, but not now. Hmm, is it because I am using Mozilla as my browser?

Karen

Kalea
Doing my K*Pea Duty ;-)

PeaNut 6,147
August 2000
Posts: 16,235
Layouts: 941
Loc: right here

Posted: 6/12/2005 5:56:55 PM
Ah ha! It is smaller when I look at it with Explorer. Bwahahaha, another reason to like Mozilla better. Who really needs small print like that?

Karen

ScrappinAndrea
AncestralPea

PeaNut 119,445
December 2003
Posts: 4,212
Layouts: 302
Loc: lovin' life!

Posted: 6/12/2005 6:37:17 PM
I normally just lurk on here... but I had to jump in and say THANK YOU LEMON! I have always wondered how to change my fonts and sizes and paragraphs...

YEAH! No more run-on paragraphs!!!
Thanks again... you're super!
Andrea

Lemonade Stand
innocent bystander

PeaNut 122,234
January 2004
Posts: 12,700
Layouts: 219
Loc: NC

Posted: 6/12/2005 6:57:41 PM
Wendy, thanks! I'm going to add them to the OP.

Karen, you crack me up!

Whendeeb
former gg

PeaNut 105,895
September 2003
Posts: 15,060
Layouts: 1,059
Loc: Western New York

Posted: 6/12/2005 7:48:05 PM
HERES THE HTML COLOR CODES:


Debsunshine
HipPEA Chick

PeaNut 53,208
October 2002
Posts: 7,504
Layouts: 655
Loc: Royal Oak, Michigan

Posted: 6/12/2005 7:54:45 PM
I knew a couple like the <p> from the old ebay psoting days but I love this handy list. Thank you!

lbfritts
Can you hear me now???

PeaNut 26,273
December 2001
Posts: 7,824
Layouts: 180
Loc: North Carolina

Posted: 6/12/2005 8:08:26 PM
Thank you lemon!

green bean
new beginnings

PeaNut 62,141
January 2003
Posts: 8,161
Layouts: 153
Loc: Michigan

Posted: 6/12/2005 8:10:56 PM
Lemon! you are the best!!!! Thank you! funny, because I was just thinking that I needed to start a thread asking how to do these things. You read my mind!!!

tiabennett
Olympian Pea

PeaNut 166,407
September 2004
Posts: 17,578
Layouts: 569
Loc: pacific northwest

Posted: 6/12/2005 9:04:07 PM
wowowowowowowoowowowowowowowoowowowoww


this is the coolest thread evuh! how fun!

tiabennett
Olympian Pea

PeaNut 166,407
September 2004
Posts: 17,578
Layouts: 569
Loc: pacific northwest

Posted: 6/12/2005 9:19:14 PM
yeah. doesn't work for siggies. anyone know if you can change font size in siggie? i'd like to make my quotes .... BIGGER

Lemonade Stand
innocent bystander

PeaNut 122,234
January 2004
Posts: 12,700
Layouts: 219
Loc: NC

Posted: 6/12/2005 9:23:55 PM
Tia, I tried many things when I made my beautiful siggy this past weekend. Nothing worked except the pea codes. So I removed my sig line... I mean, who wants to read a bunch of quotes that take up 5 inches of space?

tiabennett
Olympian Pea

PeaNut 166,407
September 2004
Posts: 17,578
Layouts: 569
Loc: pacific northwest

Posted: 6/12/2005 9:37:09 PM
thanks

suziebeezie
PeaFixture

PeaNut 7,885
November 2000
Posts: 3,308
Layouts: 351

Posted: 6/12/2005 9:47:07 PM
Hi

I totally don't want to patronize anybody who knows html or xhtml or repeat anything that anybody has said, but just thought I'd throw in my 2 cents.

The <p> tag, (like Lisa said up top), is a paragraph break. It would not typically affect font size by itself. (It doesn't tell the font to get smaller.) But Jeff uses cascading style sheets (css) to define style on the site in different areas. (If you look at 2Ps and go to your View pulldown menu and then look at Source you can see the code. See that third line of code? Talks about the stylesheets.)

He may have something attributed to <p> so that when we type it, the font size becomes smaller. I hadn't noticed that it does, actually. I need to go play with it.

I don't know anything about Mozilla . . . don't know if it recognizes all the old html code. (These html tags are becoming obsolete as people switch over almost exclusively to style sheets, so I don't know if Mozilla is too advanced or what.) Any geeks out there who know? I'm probably completely wrong. Just a thought.

If you want your text to be somewhere other than the left (the default) in a paragraph, you can use <p align=center> or <p align=right>. (This would replace just using <p>.)

To override the default style Jeff has set for the comment form, you can add your own font sizes, colors, and styles, also like everybody has already said. Just want to add that you probably want to stick to fonts that are standard fonts with Windows nowadays, and that are designed to look good on the screen (not just print). Those are typically Verdana, Georgia, and Helvetica. Otherwise, you can stick with good old Arial or Times New Roman. If you use a 2Ps or other font and somebody looks at your comments but doesn't have that font installed on their computer, they'll just see the default font.

I know just enough to goof around in an amateur fashion, so if there is a programmer or other pro reading this, don't laugh and fall off your chair.

Suzanne
::it seemed important at the time::

Katja Kromann
PeaFixture

PeaNut 130,499
February 2004
Posts: 3,232
Layouts: 190
Loc: California

Posted: 6/12/2005 10:09:33 PM
Thanks for compiling this essential information

Lemonade Stand
innocent bystander

PeaNut 122,234
January 2004
Posts: 12,700
Layouts: 219
Loc: NC

Posted: 6/12/2005 10:13:03 PM
Thanks Suzanne!

suziebeezie
PeaFixture

PeaNut 7,885
November 2000
Posts: 3,308
Layouts: 351

Posted: 6/13/2005 4:05:04 AM
You're welcome, Lisa.

Actually, I just thought of something else. If you stick one last <p> tag after your supply list at the very end (it will be the last thing), it will keep your layout from bumping into your supply list and making that last line of supplies have a smidgen of extra space above it.

patriciaz
PeaFixture

PeaNut 140,949
April 2004
Posts: 3,379
Layouts: 495

Posted: 6/13/2005 4:16:53 AM
Thank you very much Lis and Suzanne for all this info!!!

griffsmom
AKA Laura McKinley

PeaNut 118,187
December 2003
Posts: 25,512
Layouts: 198
Loc: CT

Posted: 6/13/2005 5:12:17 AM
,p.pthi
wha-tthisPrh

griffsmom
AKA Laura McKinley

PeaNut 118,187
December 2003
Posts: 25,512
Layouts: 198
Loc: CT

Posted: 6/13/2005 5:12:41 AM
see how much I know

fredfreddy
chatty chatty

PeaNut 120,522
December 2003
Posts: 19,817
Layouts: 546
Loc: San Jose, CA

Posted: 6/13/2005 5:36:12 AM
Yes the <p> page break is most helpful when you don't want all your info running together. I have been using it for awhile. ANd it has always made my text smaller.

I may have to try the other stuff soon.

Debsunshine
HipPEA Chick

PeaNut 53,208
October 2002
Posts: 7,504
Layouts: 655
Loc: Royal Oak, Michigan

Posted: 6/13/2005 5:38:12 AM
just had to jump in to tell Lisa I love your new pea title!!!
1 2 >
Show/Hide Icons . Show/Hide Signatures
Hide
{{ title }}
{{ icon }}
{{ body }}
{{ footer }}