Roll up your sleeves, leave your ego at the door...
Forum rules
Speak your mind. Try to be courteous to others.
Don't be too shy to say what you think.
Don't be too proud to say you were wrong.

Special US Hawks Codes

Postby Bob Kuczewski » Sun Sep 24, 2017 10:47 pm

US Hawks Custom Codes

In addition to the built-in codes (see previous posts), the US Hawks has a few custom BB Codes.

BBCode: "table1" (single line border)





Top LeftTop Right
Bottom LeftBottom Right





Top Left Top Right
Bottom Left Bottom MiddleBottom Right




1 2 3
4 5 6
7 8 9



BBCode: "tablez" (no border)
See if you recognize the names in this list.






Button Gwinnett
Lyman Hall
George Walton
William Hooper
Joseph Hewes
John Penn
Edward Rutledge
Thomas Heyward, Jr.
Thomas Lynch, Jr.
Arthur Middleton
John Hancock
Samuel Chase
William Paca
Thomas Stone
Charles Carroll of Carrollton
George Wythe
Richard Henry Lee
Thomas Jefferson
Benjamin Harrison
Thomas Nelson, Jr.
Francis Lightfoot Lee
Carter Braxton
Robert Morris
Benjamin Rush
Benjamin Franklin
John Morton
George Clymer
James Smith
George Taylor
James Wilson
George Ross
Caesar Rodney
George Read
Thomas McKean
William Floyd
Philip Livingston
Francis Lewis
Lewis Morris
Richard Stockton
John Witherspoon
Francis Hopkinson
John Hart
Abraham Clark
Josiah Bartlett
William Whipple
Samuel Adams
John Adams
Robert Treat Paine
Elbridge Gerry
Stephen Hopkins
William Ellery
Roger Sherman
Samuel Huntington
William Williams
Oliver Wolcott
Matthew Thornton


Here's a hint:
Signatures.jpg
Signatures.jpg (42.2 KiB) Viewed 6130 times



BBCode: "bg" (background color)


Testing BB Codes without TT:
  1
   2
    3
     4
      5
       6
        7
         8

BBCode: "tt" (teletype - monospaced font)

Testing BB Codes with TT:
  1
   2
    3
     4
      5
       6
        7
         8


Testing BB Codes with TT and color:
  1
   2
    3
     4
      5
       6
        7
         8


Testing BB Codes with TT and color at 25%:

  1
   2
    3
     4
      5
       6
        7
         8


Testing BB Codes with TT and color at 50%:

  1
   2
    3
     4
      5
       6
        7
         8


Testing BB Codes with TT and color at 80%:

  1
   2
    3
     4
      5
       6
        7
         8


Testing BB Codes with TT and color at 200%:

  1
   2
    3
     4
      5
       6
        7
         8


Testing BB Codes with TT and random colors at 200%:
          
          
          
          


Testing BB Codes with TT and random colors and a border at 200%:
              
              
              
              
              
              


BBCode: "px" (pixels)

Here's the same example using Pixels (px) at 200%:
              
              
              
              
              
              


Here's an example of mixing normal text with "Pixel" text at 200%:

              
              
     COOL     
    COLORS    
              
              



BBCode: "youtube" (embed a YouTube video)

It's pretty easy to embed YouTube videos with our "youtube" tag:

Just click the "youtube" button, and you'll see a pair of tags that look like this:

      [youtube][/youtube]

Then insert the Video ID in between the two youtube tags. Here's an example using Ken's collision with an RC at Torrey:

      [youtube]DvITguK5fQQ[/youtube]

Here's the final result:

Join a National Hang Gliding Organization: US Hawks at ushawks.org
View my rating at: US Hang Gliding Rating System
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7182
Joined: Fri Aug 13, 2010 2:40 pm
Location: San Diego, CA

Re: YouTube Player

Postby Bob Kuczewski » Sun Sep 15, 2019 1:49 am

Here's how to use the new "vimeo" code:

This is a normal Vimeo link:   http://vimeo.com/286965017

To embed it, place that number in a "vimeo" tag:   [vimeo]286965017[/vimeo]

Here's what you get:



Since this code was added long after many people began using Vimeo links, please contact me if you'd like any of your older posts to include an embedded version of your vimeo links.
Join a National Hang Gliding Organization: US Hawks at ushawks.org
View my rating at: US Hang Gliding Rating System
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7182
Joined: Fri Aug 13, 2010 2:40 pm
Location: San Diego, CA

Re: Forum Help and "How To's"

Postby Bob Kuczewski » Mon Aug 02, 2021 11:35 am

Indenting

We have a relatively new code for indenting blocks of text. This is useful in a number of situations including cases where you want to show a quote without the "heavy" quote box. Here's an example:

When in the Course of human events, it becomes necessary for one people to dissolve the political bands which have connected them with another, and to assume among the powers of the earth, the separate and equal station to which the Laws of Nature and of Nature's God entitle them, a decent respect to the opinions of mankind requires that they should declare the causes which impel them to the separation.

We hold these truths to be self-evident, that all men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the pursuit of Happiness.--That to secure these rights, Governments are instituted among Men, deriving their just powers from the consent of the governed, --That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and to institute new Government, laying its foundation on such principles and organizing its powers in such form, as to them shall seem most likely to effect their Safety and Happiness.


That was done with the "left=40" tag as shown here:

[left=40]When in the Course of human events ...
:
... most likely to effect their Safety and Happiness.[/left]


The number "40" is the number of pixels to indent the text.

You can also add other font effects, such as color and italic for example:

When in the Course of human events, it becomes necessary for one people to dissolve the political bands which have connected them with another, and to assume among the powers of the earth, the separate and equal station to which the Laws of Nature and of Nature's God entitle them, a decent respect to the opinions of mankind requires that they should declare the causes which impel them to the separation.

We hold these truths to be self-evident, that all men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the pursuit of Happiness.--That to secure these rights, Governments are instituted among Men, deriving their just powers from the consent of the governed, --That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and to institute new Government, laying its foundation on such principles and organizing its powers in such form, as to them shall seem most likely to effect their Safety and Happiness.


That was done with the "color" and "italic" tags added inside the "left" tag as shown here:

[left=40][color=#000080][i]When in the Course of human events ...
:
... most likely to effect their Safety and Happiness.[/i][/color][/left]


Notice that the tags are closed in the opposite order that they were opened:

[left=40][color=#000080][i]When in ... [/i][/color][/left]


This is called proper "nesting" when inner tags are both opened and closed within their outer tag. It's generally a good idea to use proper nesting. When your results don't look right, check for proper nesting.

Finally, you can also indent single lines with our numbered spacers:

[1][/1]   -   inserts 1 space
[2][/2]   -   inserts 2 spaces
[4][/4]   -   inserts 4 spaces
[6][/6]   -   inserts 6 spaces
[8][/8]   -   inserts 8 spaces

These numbers represent the number of spaces (not pixels). But remember that these will only work on one line at a time, and they don't "wrap", so they're best for short lines like these:

A. First Major Heading
    1. Sub heading      (uses [4][/4])
        a) Sub sub heading      (uses [8][/8])
        b) Sub sub heading      (uses [8][/8])
        c) Sub sub heading      (uses [8][/8])
    2. Sub heading      (uses [4][/4])
        a) Sub sub heading      (uses [8][/8])
        b) Sub sub heading      (uses [8][/8])
B. Second Major Heading
    1. Sub heading      (uses [4][/4])
        a) Sub sub heading      (uses [8][/8])
        b) Sub sub heading      (uses [8][/8])
    2. Sub heading      (uses [4][/4])
        a) Sub sub heading      (uses [8][/8])
        b) Sub sub heading      (uses [8][/8])
        c) Sub sub heading      (uses [8][/8])

That whole block is in a "left=40" tag, and each line has additional indentation as noted.

So why is all this needed? Why not just use spaces? It turns out that BBCODE and HTML both treat multiple spaces like a single space. I won't go into their reasons, but the result is that custom spacing (indents or otherwise) require the use of these custom codes.
Join a National Hang Gliding Organization: US Hawks at ushawks.org
View my rating at: US Hang Gliding Rating System
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7182
Joined: Fri Aug 13, 2010 2:40 pm
Location: San Diego, CA

Image URLs http and https

Postby Bob Kuczewski » Wed Sep 22, 2021 12:20 pm

Image Tag [img] Discouraged

Based on Rick Masters' suggestion several years ago (thanks Rick), the US Hawks has been using the secure protocol known as "https" instead of the normal "http". As more sites move to the secure protocol, the web browser developers have chosen to flag the normal "http" links as "insecure".

All of the U.S. Hawks pages currently use "https", but you may still get a browser warning when visiting some of our pages. The reason is that browsers will also flag pages that include ANY of the normal "http" content. So how can that happen? It happens when you include an image with the [img] tag and don't specify "https" in the protocol for the image. When you include such an image, the browser fetches it from an external site. And since that site is not using "https", the browser may flag the entire page as containing "mixed" content (some secure and some insecure).

This is not a big problem. But if you want the page containing your posts to show up as "secure", then it's best to only use the [img] tag with the "https" protocol.

Finally, this does bring up a bigger problem that we've seen with the [img] tag. This tag will always fetch the image from that other (usually external) site when the page is viewed. If that site goes down or out of business or rearranges its pages, then the image in your post will not be found. Since our site is now more than 10 years old, we're seeing more and more of these broken image links. So for that reason, I really prefer if people would actually upload the images in their posts rather than using the [img] tag.
Join a National Hang Gliding Organization: US Hawks at ushawks.org
View my rating at: US Hang Gliding Rating System
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7182
Joined: Fri Aug 13, 2010 2:40 pm
Location: San Diego, CA

Re: Forum Help and "How To's"

Postby Bob Kuczewski » Sat Nov 20, 2021 9:26 pm

BBCodes for Chess

I've just added a few more codes to help play chess. These are really just variations on the various "table" codes above.

I've added 4 pairs of BBCodes to play chess:

  • [chessboard] and [/chessboard] - These surround the whole board
  • [chessrow] and [/chessrow] - These surround each row of the board
  • [chw] and [/chw] - This makes a white square
  • [chb] and [/chb] - This makes a black square

These can be used to make a very small 2 by 2 chessboard as shown here:

        
        


The BBCode to build that little chessboard looks like this:

[chessboard]
 [chessrow] [chw] [2][/2] [/chw] [chb] [2][/2] [/chb] [/chessrow]
 [chessrow] [chb] [2][/2] [/chb] [chw] [2][/2] [/chw] [/chessrow]
[/chessboard]

You can see that the whole chessboard is surrounded with the [chessboard] and [/chessboard] tags. Then each row of the chessboard is surrounded by the [chessrow] and [/chessrow] tags. Finally, each square is made with either the [chw] and [/chw] tags (to make white squares) or the [chb] and [/chb] tags to make black squares.

Since these squares are all empty, they are just filled in with our standard 2 character spacer ( [2][/2] ).

Now, to put a chess piece into one of these squares, we need to copy one of the unicode chess pieces (from somewhere) into our code. Here are all of the possibilities in both black and white:

  • King: ♚ ♔
  • Queen: ♛ ♕
  • Bishop: ♝ ♗
  • Knight: ♞ ♘
  • Rook: ♜ ♖
  • Pawn: ♟ ♙

Let's say that we want to put a king and queen on each side of our little 2x2 chessboard. Here's how it will look:

 ♛  ♚ 
 ♕  ♔ 


The code to do that looks pretty much like the previous code except that the unicode chess characters have been copied into the code in place of the [2][/2] spacer:

[chessboard]
[chessrow] [chw] ♛ [/chw] [chb] ♚ [/chb] [/chessrow]
[chessrow] [chb] ♕ [/chb] [chw] ♔ [/chw] [/chessrow]
[/chessboard]

You can see from this code that the upper left corner is a white square ([chw] and [/chw]) containing a black queen (♛). The upper right corner is a black square ([chb] and [/chb]) containing a black king (♚).

You can also see from this code that the lower left corner is a black square ([chb] and [/chb]) containing a white queen (♛). The lower right corner is a white square ([chw] and [/chw]) containing a white king (♔).

Now let's build a 6x6 chess board leaving out the knights:

 ♜  ♝  ♛  ♚  ♝  ♜ 
 ♟  ♟  ♟  ♟  ♟  ♟ 
            
            
 ♙  ♙  ♙  ♙  ♙  ♙ 
 ♖  ♗  ♕  ♔  ♗  ♖ 


Here's the code that does that:

[chessboard]
[chessrow][chw]♜[/chw][chw]♝[/chw][chb]♛[/chb][chw]♚[/chw][chb]♝[/chb][chb]♜[/chb][/chessrow]
[chessrow][chb]♟[/chb][chw]♟[/chw][chb]♟[/chb][chw]♟[/chw][chb]♟[/chb][chw]♟[/chw][/chessrow]
[chessrow][chw][/chw][chb][/chb][chw][/chw][chb][/chb][chw][/chw][chb][/chb][/chessrow]
[chessrow][chb][/chb][chw][/chw][chb][/chb][chw][/chw][chb][/chb][chw][/chw][/chessrow]
[chessrow][chw]♙[/chw][chb]♙[/chb][chw]♙[/chw][chb]♙[/chb][chw]♙[/chw][chb]♙[/chb][/chessrow]
[chessrow][chb]♖[/chb][chw]♗[/chw][chb]♕[/chb][chw]♔[/chw][chb]♗[/chb][chw]♖[/chw][/chessrow]
[/chessboard]

The full chessboard is just more of the same:

 ♜  ♞  ♝  ♛  ♚  ♝  ♞  ♜ 
 ♟  ♟  ♟  ♟  ♟  ♟  ♟  ♟ 
                
                
                
                
 ♙  ♙  ♙  ♙  ♙  ♙  ♙  ♙ 
 ♖  ♘  ♗  ♕  ♔  ♗  ♘  ♖ 
Join a National Hang Gliding Organization: US Hawks at ushawks.org
View my rating at: US Hang Gliding Rating System
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7182
Joined: Fri Aug 13, 2010 2:40 pm
Location: San Diego, CA

Previous
Forum Statistics

Who is online

Users browsing this forum: No registered users and 2 guests

Options

Return to Building the US Hawks