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 6618 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
Every human at every point in history has an opportunity to choose courage over cowardice. Look around and you will find that opportunity in your own time.
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7266
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
Every human at every point in history has an opportunity to choose courage over cowardice. Look around and you will find that opportunity in your own time.
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7266
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
Every human at every point in history has an opportunity to choose courage over cowardice. Look around and you will find that opportunity in your own time.
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7266
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
Every human at every point in history has an opportunity to choose courage over cowardice. Look around and you will find that opportunity in your own time.
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7266
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
Every human at every point in history has an opportunity to choose courage over cowardice. Look around and you will find that opportunity in your own time.
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7266
Joined: Fri Aug 13, 2010 2:40 pm
Location: San Diego, CA

Re: Forum Help and "How To's"

Postby Bob Kuczewski » Sat Dec 18, 2021 8:42 pm

Unicode for Posting

In the early days of digital computers, they were programmed directly with 1's and 0's. At some point, someone realized that they could assign certain patterns of 1's and 0's to represent letters. In those days, different computer manufacturers could assign whatever patterns they wanted to represent whatever letters they wanted. For example, IBM used an assignment table known as EBCDIC (Extended Binary Coded Decimal Interchange Code). Eventually, most manufacturers began to use a standard table known as ASCII (American Standard Code for Information Interchange). By that time, most computers were using an 8-bit "byte", so the ASCII standard used 7 bits for the character code and 1 bit as an optional parity bit (for error checking). With 7 bits, you can represent 128 distinct things, and the ASCII table contains 128 entries:









\_0_1_2_3_4_5_6_7_8_9_A_B_C_D_E_F
0_NULSOHSTXETXEOTENQACKBELBSHTLFVTFFCRSOSI
1_DLEDC1DC2DC3DC4NAKSYNETBCANEMSUBESCFSGSRSUS
2_SP!"#$%&'()*+,-./
3_0123456789:;<=>?
4_@ABCDEFGHIJKLMNO
5_PQRSTUVWXYZ[\]^_
6_`abcdefghijklmno
7_pqrstuvwxyz{|}~DEL

That table was used for several decades, and it's still used today. But the ASCII table was designed for English characters and could not represent all the symbols used in other languages. So a new standard was designed to support all character sets around the world. The new standard was called "Unicode", and it contains thousands of symbols. Instead of being a 7 bit code (which fits in an 8 bit byte), the Unicode standard can be encoded in one or more bytes. For compatibility with ASCII, the first 128 Unicode characters contain the same 128 ASCII symbols listed above.

Because Unicode contains thousands of characters, I won't attempt to post them all here. You can find Unicode tables on the web by searching for "Unicode table". Here's a site that I found:

     https://www.ssec.wisc.edu/~tomw/java/unicode.html

For example, here are a few codes from the "Miscellaneous Symbols" tables:

0x2607 9735. LIGHTNING ☇
0x2608 9736 THUNDERSTORM ☈
0x2609 9737 SUN ☉
0x2605 9733 BLACK STAR ★
0x2654 9812 WHITE CHESS KING ♔
0x2655 9813 WHITE CHESS QUEEN ♕
0x2656 9814 WHITE CHESS ROOK ♖
0x2657 9815 WHITE CHESS BISHOP ♗
0x2658 9816 WHITE CHESS KNIGHT ♘
0x2659 9817 WHITE CHESS PAWN ♙
0x265A 9818 BLACK CHESS KING ♚
0x265B 9819 BLACK CHESS QUEEN ♛
0x265C 9820 BLACK CHESS ROOK ♜
0x265D 9821 BLACK CHESS BISHOP ♝
0x265E 9822 BLACK CHESS KNIGHT ♞
0x265F 9823 BLACK CHESS PAWN ♟
0x2660 9824 BLACK SPADE SUIT ♠
0x2661 9825 WHITE HEART SUIT ♡
0x2662 9826 WHITE DIAMOND SUIT ♢
0x2663 9827 BLACK CLUB SUIT ♣
0x2664 9828 WHITE SPADE SUIT ♤
0x2665 9829 BLACK HEART SUIT ♥
0x2666 9830 BLACK DIAMOND SUIT ♦
0x2667 9831 WHITE CLUB SUIT ♧
0x2668 9832 HOT SPRINGS ♨
0x2669 9833 QUARTER NOTE ♩
0x266A 9834 EIGHTH NOTE ♪
0x266B 9835 BEAMED EIGHTH NOTES ♫
0x266C 9836 BEAMED SIXTEENTH NOTES ♬
0x266D 9837 MUSIC FLAT SIGN ♭
0x266E 9838 MUSIC NATURAL SIGN ♮
0x266F 9839 MUSIC SHARP SIGN ♯
0x2708 9992 AIRPLANE ✈
0x2709 9993 ENVELOPE ✉
0x270C 9996 VICTORY HAND ✌
0x270D 9997 WRITING HAND ✍
0x270E 9998 LOWER RIGHT PENCIL ✎
0x270F 9999 PENCIL ✏
0x2710 10000 UPPER RIGHT PENCIL ✐
0x2711 10001 WHITE NIB ✑
0x2712 10002 BLACK NIB ✒
0x2713 10003 CHECK MARK ✓
0x2714 10004 HEAVY CHECK MARK ✔
0x2744 10052 SNOWFLAKE ❄


The point of this discussion is that you can copy and paste symbols from that table directly into your posts. For example, if you wanted to show a series of cards, you could do something like this:

       K♥    4♣    8♦    J♦    A

Here's another example from a sign that I saw in Japan:

      ト バ コ

If you don't read Japanese, you can look up those characters in the Katakana table.

These are just a few examples. The Unicode tables contain thousands of characters that you can copy and paste into your posts. Just be aware that the codes may not be displayed exactly the same on every computer depending on the installed fonts.
Join a National Hang Gliding Organization: US Hawks at ushawks.org
View my rating at: US Hang Gliding Rating System
Every human at every point in history has an opportunity to choose courage over cowardice. Look around and you will find that opportunity in your own time.
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7266
Joined: Fri Aug 13, 2010 2:40 pm
Location: San Diego, CA

☈ Thunderstorm Warning!!

Postby Bob Kuczewski » Sat Dec 18, 2021 10:04 pm

This post demonstrates using a Unicode character (☈) in a post title. Note that using Unicode in topic titles may cause some unexpected side effects and is not recommended.
Join a National Hang Gliding Organization: US Hawks at ushawks.org
View my rating at: US Hang Gliding Rating System
Every human at every point in history has an opportunity to choose courage over cowardice. Look around and you will find that opportunity in your own time.
Bob Kuczewski
User avatar
Contributor
Contributor
 
Posts: 7266
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

cron