Changing colours in hover links via inline CSS

[Kate Simpson]

I'd like to have a bunch of links in the same passage, each with a different hover-colour. Is this possible to do, eg. via inline @@---@@ methods, like you can with normal text colours, etc?

thanks!

[HarmlessTrouble]

Each internal link has an id string equal to the passage it links to.  You can make a stylesheet passage and target each link by passage name.

For Example a passage with the title "My Awesome Passage"

Should have the css id selector

#MyAwesomePassage

However the insertElement function is missing a step required to eliminate spaces from element ids.  So passages with spaces in the titles would not have targetable id selectors.

Heres a fix.  Create a passage tagged "script" and add the code below.

window.oldInsertElement = window.insertElement;

window.insertElement = function(a,d,f,c,e){

var b = window.oldInsertElement.apply(this, arguments);

b.id = b.id.replace(/ /g,"");

return b

};

This will eliminate spaces in ids generated by twine.

[Kate Simpson]

That's useful to know, but won't that change the colour of all links in that passage? I'm trying to get different colours within the same passage.

[Kate Simpson]

I guess I could make separate passages and trigger them via <<display>> so they appeared to be all one passage...

[HarmlessTrouble]

hmm we could ad classes too I guess. That way the same link can be targeted more than once on a page.

window.oldInsertElement = window.insertElement;

window.insertElement = function(a,d,f,c,e){

     var b = window.oldInsertElement.apply(this, arguments);

     b.id = b.id.replace(/ /g,"");

     b.class = b.class +" "+b.id;

return b

};

[HarmlessTrouble]

The ids of the link is equal to the id of the passage it links to not the passage the link is displayed in.  Each link within a passage will have a different id depending on where it goes. 

[Kate Simpson]

On Friday, 1 November 2013 16:51:39 UTC, HarmlessTrouble wrote:

The ids of the link is equal to the id of the passage it links to not the passage the link is displayed in.  Each link within a passage will have a different id depending on where it goes. 

RIGHT, sorry, I get you. Thanks, I'll try it!

[Kate Simpson]

Thread necromancy, but I only just got round to trying this, and I can't make it work, probably due to my limited grasp of the syntax. I had this in the script passage (with "attack1", etc being the passage names):

#attack1 #attack2 #attack3 #attack4 li a:hover {
  font-family: "GiveYouGlory" !important;
  color: #FF3399 !important;
   
}

but I'm not seeing anything altered ingame. Am I missing something? Am on twine 1.4.1

On Friday, 1 November 2013 16:51:39 UTC, HarmlessTrouble wrote:

[Richard Sharpe]

http://twinery.org/forum/