User:Dave/workspace/survey of Google Sites base themes: Difference between revisions

From Parents
Jump to navigation Jump to search
(add class=wikitable)
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
In the service of [[Sagamore PTA Google Sites notes]], try to choose the best Google Sites ''base theme'' (since that's where important non-customizable style lives). November 2013.
Google Sites provides a variety of customization of selected ''base themes'', but important elements, such as width, line-height, and header sizes, are not customizable and come with the base theme. This is a map of those important style elements amongst the available base themes. This work is in service of [[Sagamore PTA Google Sites notes]], to choose the best Google Sites ''base theme'', November 2013.


# Create a new site
# Create a new site
Line 12: Line 12:
* Custom "Entire page" "text" stomps on header sizes too (try "Content area" (and "Gadget area") instead)
* Custom "Entire page" "text" stomps on header sizes too (try "Content area" (and "Gadget area") instead)


{| class="wikitable"
{| class="wikitable sortable"
! Base Theme !! page width !! line-height || font-size || size of h2, h3, h4
! Base Theme !! page width !! line-height || font-size || size of h2, h3, h4
|-
|-
Line 23: Line 23:
| Rounders || 80% + 10px || normal || 10pt || 1.6em, 1.4em, 1.2em
| Rounders || 80% + 10px || normal || 10pt || 1.6em, 1.4em, 1.2em
|-
|-
| Slate || 90% + 10px || 1.25 || 10pt || ''none'', 1.3em, 1.1em
| Slate || 90% + 10px || 1.25 || 10pt || ''default'', 1.3em, 1.1em
|-
|-
| Simple || 90% + 15px || 1.25 || 10pt || 1.5em, 1.2em, 1.1em
| Simple || 90% + 15px || 1.25 || 10pt || 1.5em, 1.2em, 1.1em
Line 31: Line 31:
| Branches || 90% + 10px || 1.6 || 10pt || 2em, 1.75em, 1.5em
| Branches || 90% + 10px || 1.6 || 10pt || 2em, 1.75em, 1.5em
|-
|-
| Notebook || 840px + 10px || 1.6 || 10pt || 2em, 1.5em, 1.25em
| Notebook || fixed: 840px + 10px || 1.6 || 10pt || 2em, 1.5em, 1.25em
|-
| Legal Pad || fixed: 920px + 10px || 1.6 || 10pt || 2em, 1.5em, 1.25em
|-
|-
| Blank Slate || 100% + 10px || normal || 10pt || ''default'', ''default'', ''default''
| Blank Slate || 100% + 10px || normal || 10pt || ''default'', ''default'', ''default''
|-
|-
| Micro [Bluprint,Light,Sport] || 90% + 10px || 1.5 || 10pt || 1.8em, 1.4em, 1.2em
| Micro Bluprint || 90% + 10px || 1.5 || 10pt || 1.8em, 1.4em, 1.2em
|-
| Micro Light || 90% + 10px || 1.5 || 10pt || 1.5em, 1.2em, 1.1em
|-
| Micro Sport || 90% + 10px || 1.5 || 10pt || 1.8em, 1.4em, 1.2em
|-
|-
| Madison || 95% + ~60px || 1.6 || 10pt || 2em, 1.4em, 1.2em
| Madison || 95% + ~60px || 1.6 || 10pt || 2em, 1.4em, 1.2em
Line 49: Line 55:
| [Sea Foam, Cherry Pie, Charcoal, Sunset, Glitter, Garden, Treehouse, Retropaint, Horizon, Shipshpae, Schoolhouse, Wintermint, Parchment, Tron, Shortcake, Smoke, Homemade, Toothpaste, Patchwork, Tiles, Mint Chip, Launch Default] || 100% + 10px || normal || 10pt || ''default'', ''default'', ''default''
| [Sea Foam, Cherry Pie, Charcoal, Sunset, Glitter, Garden, Treehouse, Retropaint, Horizon, Shipshpae, Schoolhouse, Wintermint, Parchment, Tron, Shortcake, Smoke, Homemade, Toothpaste, Patchwork, Tiles, Mint Chip, Launch Default] || 100% + 10px || normal || 10pt || ''default'', ''default'', ''default''
|}
|}

'''''Not included''' above because they're '''fixed width''' (like Notebook above):'' Legal Pad,

Latest revision as of 21:50, 18 November 2013

Google Sites provides a variety of customization of selected base themes, but important elements, such as width, line-height, and header sizes, are not customizable and come with the base theme. This is a map of those important style elements amongst the available base themes. This work is in service of Sagamore PTA Google Sites notes, to choose the best Google Sites base theme, November 2013.

  1. Create a new site
  2. Template: "Blank template"
  3. Edit the Home page with some markup to test (just run through the GUI Format options)
  4. Try different base themes and take note in the table below

Notes:

  • The GUI font size selection in points (pt) actually sets html of '<font size="1-6">'
  • The theme font size selection specifies new size in pixels (13px for 10pt, 16px for 12pt)
  • Custom "Entire page" "text" stomps on header sizes too (try "Content area" (and "Gadget area") instead)
Base Theme page width line-height font-size size of h2, h3, h4
Ski (default) 77% + 50px 1.5 14px 19px, 17px, 15px
Iceberg 90% + 10px 1.6 10pt 1.6em, 1.4em, 1.2em
Open Sky 90% + 10px 1.2 10pt 1.6em, 1.4em, 1.2em
Rounders 80% + 10px normal 10pt 1.6em, 1.4em, 1.2em
Slate 90% + 10px 1.25 10pt default, 1.3em, 1.1em
Simple 90% + 15px 1.25 10pt 1.5em, 1.2em, 1.1em
Ember 90% + 10px 1.25 10pt 1.5em, 1.3em, 1.1em
Branches 90% + 10px 1.6 10pt 2em, 1.75em, 1.5em
Notebook fixed: 840px + 10px 1.6 10pt 2em, 1.5em, 1.25em
Legal Pad fixed: 920px + 10px 1.6 10pt 2em, 1.5em, 1.25em
Blank Slate 100% + 10px normal 10pt default, default, default
Micro Bluprint 90% + 10px 1.5 10pt 1.8em, 1.4em, 1.2em
Micro Light 90% + 10px 1.5 10pt 1.5em, 1.2em, 1.1em
Micro Sport 90% + 10px 1.5 10pt 1.8em, 1.4em, 1.2em
Madison 95% + ~60px 1.6 10pt 2em, 1.4em, 1.2em
Beige and Blue 100% + 10px normal 10pt default, default, default
[Desert,Vinyl,Leather,Lavendar,Crystal] Panel 90% + 10px 1.8 1em (10pt) 1.4em, 1.2em, 1.1em
Terra: [Water,Ice,Ruby,Rock,Sand] 90% + 10px 1.25 10pt 1.5em, 1.3em, 1.25em
Solitude: [Cherry,Navy,Olive,Spice,Violet] 90% + 10px 1.5 1em (10pt) 1.8em, 1.5em, 1.1em
[Sea Foam, Cherry Pie, Charcoal, Sunset, Glitter, Garden, Treehouse, Retropaint, Horizon, Shipshpae, Schoolhouse, Wintermint, Parchment, Tron, Shortcake, Smoke, Homemade, Toothpaste, Patchwork, Tiles, Mint Chip, Launch Default] 100% + 10px normal 10pt default, default, default
Retrieved from "http://www.9.0ne.org/mw/index.php?title=User:Dave/workspace/survey_of_Google_Sites_base_themes&oldid=1883"