Question about styling with TaggedTemplateTweak

[Dave Gifford - http://www.giffmex.org/]

Hi guys

I have been digging through here trying to find this on my own, but I
failed.

I am using TaggedTemplateTweak to distinguish tiddlers by tag. All I
would really like to do is have all the external links inside a
tiddler tagged suchandsuch to be a certain color. But I have no idea
how to do that in the suchandsuchViewTemplate.

Dave

[HansBKK]

Warning - I'm not too sure about the below, so if a more knowledgeable TWer sees mistakes, corrections would be appreciated. . .

This plugin is designed to change the view/edit *templates* to your customized ones, not change the display of the inline text within your tiddler's content. I think (just guessing really) if you put your external URLs in custom fields, and then use your custom templates to assign those fields specific CSS classes, then your custom rules in StyleSheet could dictate how those classes display.

Another way - use the inline CSS @@ syntax around the URLs whose appearance you want to change, this doesn't require anything special with templates or fields.

If you're looking for a something to automagically distinguish offsite URLs and apply custom styling to just those, I don't know how to implement that, but I suspect it would need to be done by custom javascripting.

Hope this helps. . .

[Dave Gifford - http://www.giffmex.org/]

Sorry Hans, I know there is a way to do what I mentioned without
manually adding syntax around every link. It either amounts to
tweaking the suchandsuchViewTemplate or adding a secondary Stylesheet.
Just don't know how to do either

Dave

[PMario]

May be this is an option.

http://coloredlinks.tiddlyspot.com/

-m

[Måns]

Hi Dave

>All I would really like to do is have all the external links inside a
> tiddler tagged suchandsuch to be a certain color.

You can do it in your StyleSheet tiddler - like this:

div[tags~="redLink"] a.externalLink{
text-decoration: none;
color:red;
padding-right: 1em;
background: transparent;
}

div[tags~="redLink"] a.externalLink:hover{
text-decoration: underline;
}

Here is my testexample (also with wikipedia-like links):
http://begynder.tiddlyspot.com/#TestLink%231%20TestLink%232%20TestLink%233

Cheers Måns Mårtensson

[Dave Gifford - http://www.giffmex.org/]

Cheers indeed! Thanks a bunch, Mans!

See the following links to see what the end result looks like

http://giffmex.org/GiffmexNTdatabase.html#[[Romans%205%2C%20James%201%2C%20and%201%20Peter%201]]
http://giffmex.org/GiffmexNTdatabase.html#[[Forgiveness%20in%20Matthew]]
http://giffmex.org/GiffmexNTdatabase.html#[[Intercalation%20in%20Mark]]

Dave