On Dec 18, 3:06 am, "./.michaeolo" <[email protected]> wrote:
> I've a tiddly 'AddressBook' that opens as my default so I can see all
> the contacts (/tiddlers) tagged with it.
>
> So far great, but the font is too small for comfort and I can't work
> out what these tiddlers are called when seen in this way. I've worked
> out they're not Headers and of course .title {font-size:xxx;} will
> change their individual titles, but not seen in my AddressBook view.
If I understand correctly, you have a single tiddler, AddressBook,
that you are displaying at startup (by listing that tiddler title in
DefaultTiddlers). Then, because "AddressBook" is also being used as a
tag on other tiddlers (containing contact information), you are
automatically shown the "tagging:" list of tiddlers (i.e., a list of
contacts).
You can adjust the font size used to display this list by adding a CSS
rule to your StyleSheet, like this:
.tagging { font-size:200%; }
As another option, rather than viewing the AddressBook tiddler, you
could create your own custom list display in a new tiddler (e.g.,
[[ContactList]]), containing something like:
@@font-size:200%;<<list filter [tag[AddressBook]]>>@@
The "inline CSS" format surrounding the <<list ...>> macro renders the
output (e.g., the list of tiddlers tagged with "AddressBook") as
larger-font bullet items shown in the main tiddler content viewing
area.
You could also use a "CSS wrapper" syntax to enlarge the font-size, by
adding your own custom rule to the StyleSheet:
.contactList { font-size:200%; }
which you would then use in your content, like this:
{{contactList{<<list filter [tag[AddressBook]]}}}
handy tips:
* To learn which CSS classes are used for various parts of a tiddler,
look at the contents of ViewTemplate. Most elements defined in the
template have a class="..." attribute that is applied to that part of
the tiddler display for every tiddler that is shown in the story
column.
* Similarly, the CSS classes that are used the various parts of the
TiddlyWiki page (header, menu, sidebar, etc) are defined in the
PageTemplate tiddler.
* If you have a browser debugging tool installed (e.g., FireBug for
FireFox), then you can use the right-click popup menu to "inspect
element" and discover what classname(s) and the actual CSS rules are
being applied to that specific element.
* a convenient set of commonly used "formatting shortcut" CSS classes
can be found here:
http://www.TiddlyTools.com/#StyleSheetShortcuts
Just import this tiddler into your document and then add the following
to your StyleSheet:
[[StyleSheetShortcuts]]
(note: *include* the brackets!). You can then use any combination of
one or more of the 'shortcut' classnames to format your tiddler
content, for example:
{{big floatleft{...text...}}}
{{small right italic{...text...}}}
etc.
enjoy,
-e
Eric Shulman
TiddlyTools / ELS Design Studios
----
TiddlyTools needs YOUR financial support...
Help ME to continue to help YOU...
make a generous donation today:
http://www.TiddlyTools.com/#Donations
Professional TiddlyWiki Consulting Services...
Analysis, Design, and Custom Solutions:
http://www.TiddlyTools.com/#Contact
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/tiddlywiki?hl=en.
