diff --git a/editions/tw5.com/tiddlers/Setting_a_page_background_image.tid b/editions/tw5.com/tiddlers/Setting_a_page_background_image.tid new file mode 100644 index 000000000..c7e30c835 --- /dev/null +++ b/editions/tw5.com/tiddlers/Setting_a_page_background_image.tid @@ -0,0 +1,18 @@ +created: 20150417155912612 +modified: 20150417160627804 +tags: [[Customise TiddlyWiki]] +title: Setting a page background image +type: text/vnd.tiddlywiki + +# Import your image as a tiddler (see [[Images in WikiText]]) +#* You can also use an [[external image|ExternalImages]] +# Open the $:/ControlPanel and switch to the ''Appearance''/''Theme Tweaks'' tab +# Select your image from the dropdown labelled "Page background image" +# Set "Page background image attachment" to "Fixed to window" to have the background stay stationary and the content to scroll over the top of it, or "Scroll with tiddlers" to have it move (note that the iPhone/iPad [[doesn't support the fixed setting|http://stackoverflow.com/a/20444219]] for performance reasons) +# Set "Page background image size" as follows: +#* ''Auto'' causes the background image to be tiled over the page background +#* ''Cover'' causes the background image to be sized so that it completely covers the page. Some of the image may be clipped +#* ''Contain'' causes the background image to be sized so that it fits within the page + +Note that the palette ''DarkPhotos'' is provided to make the sidebar more readable on dark background images. + diff --git a/editions/tw5.com/tiddlers/gettingstarted/GettingStarted.tid b/editions/tw5.com/tiddlers/gettingstarted/GettingStarted.tid index b823e423c..43ff1f79c 100644 --- a/editions/tw5.com/tiddlers/gettingstarted/GettingStarted.tid +++ b/editions/tw5.com/tiddlers/gettingstarted/GettingStarted.tid @@ -1,5 +1,5 @@ created: 20131129090249275 -modified: 20150325173635213 +modified: 20150417155848443 tags: [[Working with TiddlyWiki]] title: GettingStarted type: text/vnd.tiddlywiki @@ -7,7 +7,7 @@ type: text/vnd.tiddlywiki \define default-platform() GettingStarted - $(browser-name)$ \end -Brief instructions for getting started on the different platforms and configurations that TiddlyWiki supports. See the [[Beginners Guide]] for a more leisurely introduction. +Brief instructions for getting started on the different platforms and configurations that TiddlyWiki supports. See the [[A Gentle Guide to TiddlyWiki]] for a more leisurely introduction. <$set name="browser-name" value={{$:/info/browser/name}}> <$macrocall $name="tabs" state="$:/state/tabs/platform" tabsList="[prefix[GettingStarted - ]]" default=<> class="tc-vertical"/>