Handy bits of code for me

Handy bits of code for me

Page Type Page Type: Custom Object
Location Lat/Lon: 33.71806°S / 150.30602°E
Additional Information Object Type: Code / test stuff

What this is

This is just somewhere to put bits of code I use a lot, have used or would want to use, including page building text and images. It is not supposed to be of any interest to anyone but feel free to look at the page source code to see how the things were created. Most of this stuff I learnt from other clever SP members. e.g. there's a whole article on tables here and lots on picture arrangement here, plus a forum section , some stuff in the FAQs and via Resource Central. It's worth noting that pages look different in different browsers so it's good to check things look as you expect them to.

HTML

= anchor/link
= bold

= break

= no overrunning into sections below
border=1/0 = on/off
= center stuff
=
= heading
=

= horizontal line
= italic

  • = list
    =

    = paragraph = make text small

    = start table target="_blank" = after link opens target in new window
    display text = table row (new row)
    = table header (bold, centred)
    = table detail (normal, left aligned) = page background colour A, B, for jump links , for jump tags/locations Photos

    Big and extra images

    For sliding image on main page:
    Enlarge
    Izalco's verdant setting.
    For adding an extra sliding image on picture page: As above with width 500px. For adding an extra regular image on picture page: Use e.g.
    Santa María crossroads / La Mesa / field Caption
    For large pictures on main page (non-clickable):
    Text
    For large pictures on main page (clickable):
    Enlarge
    Text

    Tables of images

    Single row of panoramic and regular:
    Augustine summit panorama Something
    Sampling the 2006 Augustine dome Stuff


    Single row of embedded images:
    Augustine map
    Augustine map
    Augustine map
    Augustine map


    Single row of thumbs with space for captions:
    Santa María trailhead  
    Campesino on Santa María  
    Forest enclosed view hiking up Santa María  
    Ceremony on Santa María  
    Santa María sunrise (view west)  
    Two climbers on Santa Maria  


    Single row of thumbs only:


    Double row of thumbs in a mosaic format:


    Double row of thumbs using a square format:


    Double row of images with a border:
    Feb 2005 Large explosions
    Letting off steam Mid size explosions
    Here we go again! Small explosions
    Early starts Degassing
    In the Playon Chilling out
    Oct 2004 lava flow terminus Lava flows


    Double row of images with mix of sizes:
    Coyote Natural Bridge


    For multiple rows of borderless images:
    Santa María trailhead Caption
    Campesino on Santa María Caption
    Santa Maria Caption
    Santa Maria Caption
    Santa Maria Caption
    Forest enclosed view hiking up Santa María Caption
    Santa Maria Caption
    Ceremony on Santa María Caption
    Two climbers on Santa Maria Caption
    Santa María sunrise (view west) Caption
    Santa María trailhead Caption
    Campesino on Santa María Caption
    Santa Maria Caption
    Santa Maria Caption
    Santa Maria Caption

    General Maps

    Increase the "z" value in both spots to zoom in (decrease altitude) on the topo, decrease to zoom out (increase altitude).

    GPS Info Table and Map

    Reference point Elevation (m) Latitude Longitude
    Santa Barbara 31 42.85623 S 72.79756 W
    Road End 82 42.81266 S 72.68569 W
    Head into trees 145 42.80940 S 72.67215 W
    Fallen trees start 168 42.81180 S 72.66837 W
    Leave scar 344 42.81630 S 72.65952 W
    Ridge side 408 42.81700 S 72.65903 W
    Ridge crest start 485 42.81785 S 72.65933 W
    Ridge crest middle 590 42.82055 S 72.65749 W
    Crater rim 732 42.82401 S 72.65549 W
    Rim low point 697 42.82471 S 72.65674 W
    Crater floor 657 42.82513 S 72.65646 W
    Hike route 1348342 - powered by Wandermap 

    Table of Contents'

    Custom colours and indents:

    Table of Contents



    Custom shape:

    Table of Contents: Video, Photos, Tables, HTML, Experiments, Gallery

    Embedded video

    With a frame around it:



    Video panorama from crater rim.

    IE friendly text with image

    Sometimes Firefox and Internet Explorer display things differently and you need to use brute force to get things to display evenly between the two. E.g. here is text on the left with an image on the right, first with div objects, then with a table.


    Deep down in Caldera de Taburiente
    This is the caption
    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text


    Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text
    Chaitén area map Chaitén area map


    Experiments 1

    Animals taking in the view

     
    Taking in Pisgah NF from Cold Mountain Summit
     

     
    Gelada baboons taking in the views before sunset
     

     
    Fox taking in the view
     

    More

    Ruapehu Dome Route start - Iwikau Villiage Iwikau Village
    Ruapehu Dome Route - top of Knoll RidgeTop of Knoll Ridge
    Ruapehu - Dome Ridge and ParetetaitongaDecisions
    Ruapehu summit plateau from Dome RidgeSummit Plateau
    Ruapehu crater lake from Dome Ridge Crater Lake

    Stuff