Move SiteTitle & SubTitle with Banner Image

[Zypher]

I've successfully added an image to the page header using this post:

http://groups.google.com/group/TiddlyWiki/browse_thread/thread/d9a41654767378a1/104d8a74bfbe8dd2?lnk=gst&q=sitetitle+image#104d8a74bfbe8dd2

However, I'm having trouble moving the SiteTitle & SiteSubtitle. I'm
not that familiar with CSS & html, so try and explain it a little more
simply or post some sample code please. I would also like to change
the color of the SiteTitle and SiteSubtitle. I'm assuming all of this
can be done by injecting code into the StyleSheet tiddler?

[wolfgang]

Hi Zypher,

> I've successfully added an image to the page header using this post:
>

> http://groups.google.com/group/TiddlyWiki/browse_thread/thread/d9a416...

>
> However, I'm having trouble moving the SiteTitle & SiteSubtitle. I'm
> not that familiar with CSS & html, so try and explain it a little more
> simply or post some sample code please. I would also like to change
> the color of the SiteTitle and SiteSubtitle. I'm assuming all of this
> can be done by injecting code into the StyleSheet tiddler?

I created a showcase TW with all themes and customizations I got hold
of - and particularly its SiteTitle tiddler might be of interest to
you - as it contains different ways of having an image in the header
together with adjusted titles.

Since this TW grew to 3.7 MB here its download link:
http://change.tiddlyspot.com/download

Generally I consider it a bit more straight forward to change the
appearance of the SiteTitle and SiteSubtitle in their shadowed
tiddlers themself:

@@color(#000):SiteTitle@@

Regards,

W.

[Zypher]

Thank you so much. I'm actually having trouble getting the banner
image to show all the time. Currently I am using the ImageSizePlugin
to get the image to resize itself depending on the size of the
monitor. I want the banner to stretch all the way across the page,
not leaving any borders. I'm having issues where the image will show
up when I first load the http page, but then disappears when the page
is reloaded.

Any help would be greatly appreciated.

http://wildetimes.tiddlyspot.com

[wolfgang]

> Thank you so much. I'm actually having trouble getting the banner
> image to show all the time. Currently I am using the ImageSizePlugin
> to get the image to resize itself depending on the size of the
> monitor. I want the banner to stretch all the way across the page,
> not leaving any borders. I'm having issues where the image will show
> up when I first load the http page, but then disappears when the page
> is reloaded.
>

TiddlySpot's faq (titled 'StarsTheme' in my collection) or Osmosoft
com ('OsmosoftTheme') come to my mind, which use an image across its
whole header width without using ImageSizePlugin - which might have
difficulty with a refresh. Take a look how it is done there.

W.

http://www.osmosoft.com/
http://twfaq.tiddlyspot.com/

[Zypher]

I will definitely take a look. Thanks again and I will post if I have
any more questions.

[Zypher]

How do you use ONLY the stylesheet without having to enter code into
the SiteTitle and SubTitle?

On Oct 25, 1:18 pm, wolfgang <wolfgangl...@gmail.com> wrote:

[wolfgang]

> How do you use ONLY the stylesheet without having to enter code into
> the SiteTitle and SubTitle?
>

Take a look at the discussion of this thread:

http://groups.google.com/group/TiddlyWiki/browse_thread/thread/a0b63ffc88a0f6e0/172c62e8ce05ca92?lnk=gst&q=tiddlerCSS.html#172c62e8ce05ca92

- and this sample TW:

http://fnd.lewcid.org/tmp/tiddlerCSS.html

though it explains how to use only the tiddlers themself for adding
style definitions - if such definitions for specific tiddlers are
added to the SheetSheet alone it should work the same way.

Regards,

W.