How do I do ??? ?

Discuss recent changes, make suggestions, etc.

How do I do ??? ?

Postby crfriend » Sun Oct 09, 2016 2:43 pm

Every so often it comes up that folks comment that "I'm no good at {insert activity here}." This is almost always down to ignorance of how to do it right. The good thing about this is that ignorance is entirely innocent and entirely curable! This thread, which I am creating as a "sticky" so it stays at the top, aims to be a FAQ (Frequently Asked/Answered Questions) on the use (and sometimes abuse) of BBcode which is how to format things when posting messages to the community. Questions should be asked here on the thread, whereupon they will be answered in the main post and the question-post deleted to keep things clean.

Fancy formatting allows for elegant in-line link presentation, emphasis to be placed on things that warrant it, and can greatly improve overall readability and comprehensibility. Properly used it is an invaluable tool, improperly used, however it can detract from a presentation. Note that there's a batch of buttons that control this stuff that can be used as a shorthand if one doesn't want to type everything out; use those if you prefer, but typing them in works very well. Also note that judicious use of the "Preview" button will help isolate problems before one submits a post.

So, without further ado:

"How do I post a link to SkirtCafe?"

The short answer by way of example is:
Code: Select all
Here is an [url=http://www.example.org/target.html]article[/url] on men in skirts.

That will render on the reader's screen as a cohesive sentence with the word "article" highlighted as the the active link which will open in a separate tab or window when selected. Here it is in action (note that the link should not work): "Here is an article on men in skirts."

"How do I alter type-styles?"

Type-style e.g. italics, bold, and underlining) are altered using BBcode tags thusly:
Code: Select all
This is in [b]bold[/b] type.  This is in [i]italics[/i], and this is [u]underlined[/u].
Here that snippet is in action in the viewer's browser: "This is in bold type. This is in italics, and this is underlined." These can be combined by nesting them (that is, one contained entirely within the other like:
Code: Select all
This is [i][u]underlined italics[/u][/i].
which renders as: "This is underlined italics." (Note that the underlining format is contained entirely within the italics format.)

Font size (scaling) can be controlled by BBcode, e.g.:
Code: Select all
This is [size=85]small type[/size], and this is [size=150]large type[/size].
In action now: This is small type, and this is large type.

The number is a percentage with 100 being the default size; 50 is "half size" and 200 is "double size". Note that inappropriate use of this can be very annoying to readers in much the same way as typing IN ALL CAPITALS is equated to "shouting" and is much unappreciated.

The actual typeface (the font) cannot be altered using BBcode; that is a function of the viewer's browser, and it's up to each reader to have his browser set up so it is legible and easily readable (i.e. a good readable font along with a proper font size). All that can be done with BBcode is to offer rendering hints to the viewer's browser.

"How do I gracefully quote posts?"

First and foremost, there's a button for quoting a post one is reading from. That's the easiest starting point. However, there may come a time where one wants to quote -- and rebut -- more than one author in a single post. Here's how:
Code: Select all
[quote="John Q. Public"]John Q. Public said this.[/quote]
Note the use of quotation marks! Those are important.

Here's how it looks:
John Q. Public wrote:John Q. Public said this.

All highlighting and indenting are automatically taken care of. Note that proper on-line etiquette dictates that one quote the minimum quantity of text to retain context. Full-post quoting is generally frowned upon as it increases the amount of reading a viewer must do before getting to the new content. Use of the ellipsis is entirely appropriate to pare down quotes in this regard.

Quotes can be nested (see above for the definition of "nesting") up to (I think) three deep.

As always, the "preview" button is your friend.
Retrocomputing -- It's not just a job, it's an adventure!
User avatar
crfriend
Master Barista
 
Posts: 9874
Joined: Fri Nov 19, 2004 9:52 pm
Location: New England (U.S.)

Re: How do I do ??? ?

Postby STEVIE » Mon Jan 28, 2019 3:49 am

Hi Carl,
Thanks for this one. I must confess that it is in the area of "quotes" that I have had a problem.
I can also remember that Chip/Since1982 said that he typed on a word document to use as a preview and editing tool.
Something that I have also used on a few occasions too.
Steve.
STEVIE
Member Extraordinaire
 
Posts: 1583
Joined: Fri Sep 17, 2010 11:01 pm
Location: North East Scotland.

Re: How do I do ??? ?

Postby Jim » Mon Jan 28, 2019 11:50 am

In html, one can use target="blank" to open a link in a new browser tab or window. How do you do this with BBcode?
User avatar
Jim
Member Extraordinaire
 
Posts: 516
Joined: Mon Aug 27, 2012 1:39 am

Re: How do I do ??? ?

Postby Jim » Mon Jan 28, 2019 12:06 pm

How do I size a linked image? Some web images are too large for proper display. In html one uses hight= and width= tags sometimes rather than resizing the image.
Last edited by Jim on Mon Jan 28, 2019 12:08 pm, edited 1 time in total.
User avatar
Jim
Member Extraordinaire
 
Posts: 516
Joined: Mon Aug 27, 2012 1:39 am

Re: How do I do ??? ?

Postby crfriend » Mon Jan 28, 2019 12:07 pm

Jim wrote:In html, one can use target="blank" to open a link in a new browser tab or window. How do you do this with BBcode?

That feature is coded into the BBcode -> HTML translator that's built into phpBB. A properly formatted url= link should automatically open up a new tab or window.
Jim wrote:How do I size a linked image? Some web images are too large for proper display. In html one uses hight= and width= tags sometimes rather than resizing the image.

One can't. There's no mechanism to handle that case. In any event, gargantuan images should almost always have a moderate-sized "thumbnail" that can be displayed on an average screen and not take a lot of time to download.
Retrocomputing -- It's not just a job, it's an adventure!
User avatar
crfriend
Master Barista
 
Posts: 9874
Joined: Fri Nov 19, 2004 9:52 pm
Location: New England (U.S.)

Re: How do I do ??? ?

Postby dillon » Sat Feb 02, 2019 1:16 am

crfriend wrote:
Jim wrote:In html, one can use target="blank" to open a link in a new browser tab or window. How do you do this with BBcode?

That feature is coded into the BBcode -> HTML translator that's built into phpBB. A properly formatted url= link should automatically open up a new tab or window.
Jim wrote:How do I size a linked image? Some web images are too large for proper display. In html one uses hight= and width= tags sometimes rather than resizing the image.

One can't. There's no mechanism to handle that case. In any event, gargantuan images should almost always have a moderate-sized "thumbnail" that can be displayed on an average screen and not take a lot of time to download.


You can resize the image by pixels in Paint, if saved to file, then resave and upload it.
As a matter of fact, the sun DOES shine out of my ...
dillon
Member Extraordinaire
 
Posts: 2184
Joined: Mon Nov 18, 2013 8:12 pm
Location: southeast NC coast


Return to Changes at the Cafe

Who is online

Users browsing this forum: No registered users and 0 guests

cron