McFAQ II: FAQ Harder
by Natto on Oct 15, 2008 6:51 PM PDT
Email
PrintUnlike the previous McFaq, this one covers the technical bits of posting on McCovey Chronicles. Post-formatting, posting images and so forth. Also this could be a place for any computer related questions/issues people are having that aren't specific to McC. Let's get to the nitty gritty. I'm going to cover image posting since that's one thing with which people have many problems.
Posting Images
1) Get your image online
Upload an image to your own webspace or an image hosting site. Popular ones include Photobucket, Imageshack, and Flickr. Or right click an image from a website, go to properties, and get its URL. However, it's much better for you to upload your own image, so you don't leech off of someone else's bandwidth. Some sites will even substitute the image with an image mocking your bandwidth-stealing ways. SomethingAwful has/had some particularly, um, interesting ones.
2) Use this html tag to post the image. Remember, the URL should end in .PNG, .GIF, or .JPG.
<img src="http://i9.photobucket.com/albums/a65/n8ball/awesome.jpg">
Gets you:
3) Remember to preview your image before posting to make sure it works. I know you're totally stoked to be posting an image on McCovey Chronicles, but take a couple seconds to see if it will actually post, so you don't look like a dumdum.
4) Click "Post" and bask in the glory and attention from the ensuing praise you'll receive from your fellow McCoven.
Misc notes:
- If using Photobucket, copy and paste either the Direct Link field or, if too lazy to type the img tag, HTML Code. IMG Code is for message boards that use BB Code, so don't use that. Don't use the Email & IM field either.
For Imageshack, copy and paste the "Hotlink for websites" field.
- Please keep the image size small, so it doesn't take up a lot of screen real estate. I usually make my images around 300-400 pixels wide.
While we're on the subject of images, here are some free Photoshop alternatives since not everyone is able to get their hands on a copy.
GIMP - A powerful and versatile open-source image editing program. It has a bit of a steep learning curve, but it can pretty much do anything Photoshop can do.
Paint.NET - A simple and intuitive image eding program. It's like MS Paint taken to the next level with features such as Layers and a History.
Pixia - This is geared more toward digital artists who paint and draw on a computer, but it's nice having more options.
This FanPost is reader-generated, and it does not necessarily reflect the views of McCovey Chronicles. If the author uses filler to achieve the minimum word requirement, a moderator may edit the FanPost for his or her own amusement.
67 comments
|
4 recs |
Do you like this story?
Comments
While on this topic..
Does someone have the link to the old McWikiQ?
The Basil Fawlty Moderating Strategy:
"We could run a nice blog here if we didn't have all these members getting in the way."
Giant Whiteout I wouldn't go there if I were you.
Can we get the explanation of how to post Youtube videos on this site?
"While conservatives tell you 'leave things alone and no one will lose,' and liberals tell you 'interfere a lot and no one will lose,' baseball says 'someone will lose.' Not only says it - but insists upon it! ... Democracy is lovely, but baseball's more mature." BVCE supports SF Dugout and Manny Burriss.
by BaronVonCurrentEvents on Oct 13, 2008 2:48 PM PDT reply actions
I don't think they're embeddable anymore.
The only way to do it is through a main page post (by Grant or one of the moderators) or to post it in a fanshot.
The Basil Fawlty Moderating Strategy:
"We could run a nice blog here if we didn't have all these members getting in the way."
Dang really?
"While conservatives tell you 'leave things alone and no one will lose,' and liberals tell you 'interfere a lot and no one will lose,' baseball says 'someone will lose.' Not only says it - but insists upon it! ... Democracy is lovely, but baseball's more mature." BVCE supports SF Dugout and Manny Burriss.
by BaronVonCurrentEvents on Oct 13, 2008 3:05 PM PDT up reply actions
A useful tag to know is < code >< /code > (without the spaces). Using it allows you to show HTML formatting without it going all crazy.
<img src="http://i9.photobucket.com/albums/a65/n8ball/timcookie.jpg">
Testing the code code.
1 2 3 4
W W i H
If that came out right then it should be 2 columns of text that would not have been columned otherwise.
The Basil Fawlty Moderating Strategy:
"We could run a nice blog here if we didn't have all these members getting in the way."
Ok..
I tried this again with a text and then text row insead of number and text like above, it still didn’t display the bottom of the top row. Any clues FormattingGeniusNatto?
The Basil Fawlty Moderating Strategy:
"We could run a nice blog here if we didn't have all these members getting in the way."
I have really grown to like the two shortcuts..
For linking to use the link button and be able to have it open in a new window (as that’s how I always like my links to open up. Also the image button creates a really quick image html code.
The Basil Fawlty Moderating Strategy:
"We could run a nice blog here if we didn't have all these members getting in the way."
To make links open in a new window, target=“_blank” to the link code.
<a href="http://i9.photobucket.com/albums/a65/n8ball/timcookie.jpg" target="_blank">Lincecum is made of cookies</a>
That photo of Tim as a cookie is disturbing. But potentially delicious. I’m torn.
"While conservatives tell you 'leave things alone and no one will lose,' and liberals tell you 'interfere a lot and no one will lose,' baseball says 'someone will lose.' Not only says it - but insists upon it! ... Democracy is lovely, but baseball's more mature." BVCE supports SF Dugout and Manny Burriss.
by BaronVonCurrentEvents on Oct 13, 2008 3:37 PM PDT up reply actions
Tool Time Testing
<img src=“”>"/>
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:08 PM PDT reply actions
-sigh-
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:09 PM PDT up reply actions
Twofer
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:11 PM PDT reply actions
rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:12 PM PDT up reply actions
Damn you , Dali , for that latest dose of temptation.
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:13 PM PDT up reply actions
Go here. Copy the stuff in the direct link box. Come back over and try using the picture button in the comments box. Paste it into the pop up dialog and it should do the work for ya.
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:25 PM PDT up reply actions
speechless
Sergio Romo will gladly hand you a bench to sit on / GIANTSPACE™ / Adopted brother of the AnVil
by SoFa King Mike on Oct 13, 2008 3:28 PM PDT up reply actions
Hey y'all...
…get a load of my tool!
I was adding carrots and using the wrong info. Many thanks , Mr. Bean.
This changes everything…
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:31 PM PDT up reply actions
On a rampage...jes' workin' it out.
shot off a TV after I arrived in Vegas last fall
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:38 PM PDT up reply actions
Not good..
Now vic’s got the image posting down. We’re doomed!
The Basil Fawlty Moderating Strategy:
"We could run a nice blog here if we didn't have all these members getting in the way."
Off the back patio , last week
Does that look like doom to you?
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:54 PM PDT up reply actions
Awesome.
My grandpa who’s up in the foothills above Sacramento can sometimes get that, including some trees in the foreground, but far and above the best are the sunsets from my uncle down in New mexico.
The Basil Fawlty Moderating Strategy:
"We could run a nice blog here if we didn't have all these members getting in the way."
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 4:44 PM PDT up reply actions
It works on so many levels.
MIND. BLOWN.
by chilibean_3 on Oct 14, 2008 11:31 AM PDT up reply actions
Funny, that tool wouldn’t work on ANY of my levels
"Ice is made for two things: injuries and my drinks." The Lincecums
by igotnothing on Oct 14, 2008 11:42 AM PDT up reply actions
I wasn’t sure at first so I was using what you posted verbatim.
It’s all good…God , I hate that phrase.
Tell it to the Alaskans.
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 13, 2008 3:40 PM PDT up reply actions
Natto,
Is there anyway to keep a permanent box referring to the McFAQs, so we can easily refer newcomers to the faq’s (as in, stop the redundant posting of trade rumors?) I do believe this idea was raised on the previous faq’s
Adoptive Parent of Francisco Peguero. He can throw, he can run, he can hit(fastballs), and he's Dominican. What else do you need to know?
Some SBN 2.0 tricks.
Anybody who wants to write in big or colored text, SBN 2.0 is verrry particular about your code.
Text in different sizes looks like this:
<p style="font-size: 1.5em">THIS FONT IS 150% NORMAL SIZE!
THIS FONT IS 150% NORMAL SIZE!
p is for paragraph, style is, well, keying in a style change. Font size is obvious. But them “em” is less intuitive. em is just your size ratio. 1.5 = 150% size, .5 = 50% size, and so on. Then you close the p tag.
Font colors are very similar:
<p style="font-color: green">THIS FONT IS GREEN!
All of which is self explanatory if you paid attention to the font size code.
OR
<p style="font-color: #006600">THIS FONT IS GREEN!
The only difference here is that you know one of 216 web-safe font colors by its numerical code. You fancy-pants. Or you googled it. You rotten cheater.
THIS FONT IS GREEN!
THIS FONT IS GREEN!
You can combine common codes with semi-colons. Therefore:
<p style="font-size: 1.5em; color: indigo">WHAT THE FUCK? BIG INDIGO!
WHAT THE HECK? BIG INDIGO!
This also works in tandem with the basic text editing code:
<b>BOLD</b> / <i>ITALIC</i> / <strike>STRIKETHROUGH</strike><code>
BOLD / ITALIC / STRIKETHROUGH
Therefore:
<p style="font-size: 1.5em; color: indigo"><b>WHAT</b> <i>THE</i> <strike>FUCK</strike>? BIG INDIGO!
WHAT THE HECK? BIG INDIGO!
If you want to do more than one “style” effect over a single line, you need to use the display inline code for EVERY element you want displayed inline (you also need to use non-breaking spaces to make spaces between elements):
<p style="display: inline">
Non-breaking spaces =
Note, no carrots on a non-breaking space.
In practice (the code code doesn’t like this one, so I added spaces before and after every carrot… it also autoformats my non-breaking spaces, so I’ve replaced those appropriately as well):
< p style=“display: inline” >This is normal font.(non-breaking space)< /p >< /code >< code >< p style=“font-size: 1.5em; display: inline” >This is a big font!(non-breaking space)< /p >< p style=“font-size: 2em; color: #FF6600; display: inline” >THIS IS AWESOME FONT!< /p >
This is normal font.
This is a big font!
THIS IS AWESOME FONT!
My Dave Righetti is better than your Dave Righetti.
OH GOD I FUCKED IT UP!
Font colors are very similar:
<p style="font-color: green">THIS FONT IS GREEN!All of which is self explanatory if you paid attention to the font size code.
OR
<p style="font-color: #006600">THIS FONT IS GREEN!
Should just be:
<p style="color: green">This font is green
“font-color: [flavor of color]” does NOTHING. It’s just plain old “color: [flavor of color]” to get the win.
My Dave Righetti is better than your Dave Righetti.
by howtheyscored on Oct 13, 2008 7:46 PM PDT up reply actions
That’s weird. It ate all my closing tags in the code code.
Word to the wise: Be POSITIVE that you close all of your tags in the right order.
My Dave Righetti is better than your Dave Righetti.
by howtheyscored on Oct 13, 2008 7:47 PM PDT up reply actions
Lists:
Code code doesn’t appreciate closing tags, so where I have to show you closing tags, I’ll do it by using spaces before and after carrots instead. Adjust accordingly.
Lists are easy. The list itself uses this tag:
<li>
You tell what kind of list to create with different tags. Numbered lists are:
<ol>
Bulleted lists are created with:
<ul>
Therefore:
< ul >
< li >howtheyscored< /li >
< li >Natto< /li >
< li >Grant< /li >< /ul >
=
- howtheyscored
- Natto
- Grant
Furthermore, numbered lists are created with this:
<ol>
Therefore:
< ol >
< li >Tim Lincecum< /li >
< li >Barry Zito< /li >
< li >Matt Cain< /li >< /ol >
=
- Tim Lincecum
- Barry Zito
- Matt Cain
IF you want to screw with your numbered list, though, you can override the automatic counting by inputting value manually using this:
<li value=[flavor of value]><code>
Therefore:
< ol >
< li value=1 >Tim Lincecum< /li >
< li value=6 >Barry Zito< /li >
< li value=1 >Matt Cain< /li >
=
- Tim Lincecum
- Barry Zito
- Matt Cain
My Dave Righetti is better than your Dave Righetti.
howtheyscored is a goofy poster who likes bad jokes and puns
I hope that wasn’t too technical for most people.
Catcher are base running. Hitters are offense.
Bad jokes?
Are you kidding??? I just made the most elaborate Matt Cain is a third starter joke on the history of this site!
My Dave Righetti is better than your Dave Righetti.
by howtheyscored on Oct 13, 2008 9:33 PM PDT up reply actions
3) Remember to preview your image before posting to make sure it works. I know you’re totally stoked to be posting an image on McCovey Chronicles, but take a couple seconds to see if it will actually post, so you don’t look like a dumdum.
I think I’ve got it now.
by timmeh on Oct 14, 2008 12:02 AM PDT reply actions 1 recs
Word.
"Ain't got a hope in Hell - that's my belief." - Bon Scott
by victor frankenstein on Oct 14, 2008 7:39 AM PDT up reply actions
Thanks, Natto!
I’ll be printing this and saving it. Although I’m loathe to give up the WYSIWYG editor, but the control would be nice.
Am I mad, in a coma, or back in time? Whatever's happened, it's like I've landed on a different planet. Now, maybe if I can work out the reason, I can get home.
Yea..
The two editors I don’t really like, I’d rather they combine them into one sort of like the comment box is like. If you type in html, it reads html. If you type in text, it reads text.
The Basil Fawlty Moderating Strategy:
"We could run a nice blog here if we didn't have all these members getting in the way."
Although..
Quit the stuipd easy formatting with *, @, and all.
The Basil Fawlty Moderating Strategy:
"We could run a nice blog here if we didn't have all these members getting in the way."
test
test text test text test text test text test text test text
Less arm, more talk. Raisingcain is a GAMER.
Adopted Giant: Henry Sosa
hmm
color and font size trouble
test test test test
Less arm, more talk. Raisingcain is a GAMER.
Adopted Giant: Henry Sosa
whoa does all css work?
SF GIANTS
Less arm, more talk. Raisingcain is a GAMER.
Adopted Giant: Henry Sosa
Natto
The links to image hosting sites are all 404’s
by Lars The Wanderer on Oct 15, 2008 5:20 PM PDT reply actions
Comments For This Post Are Closed
Secondary Sidebar
User Tools
FanPosts
Community blog posts and discussion.
Certain photos copyright © 2012 by Associated Press or Getty Images. Any commercial use or distribution without the express written consent of Associated Press and Getty Images is strictly prohibited.
