Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

how do you chang the way links look or can you?

I want my links to look fancy like Buttons, big red one's, that link my passages together but have no clue how. I hear all the time if you can think of it there must be a way to do it. So what is the code i need so i can start changing the links to look like other things? LIKE BIG RED CLICKING BUTTONS!!

Comments

  • You need to state which story format you are using, as answers can be different for each one.

    You can use CSS to style the links within a Twine story, the way(s) you would do this depends on which story format you are using. (You may also need to add some HTML)
  • Harlowe 1.1.1 as for the HTML sorry but i am very new as soon as i know what that is ill add it
  • edited October 2015
    To add CSS to your story you first need to click on the upward pointing blue triangle in the lower right corner of the Story Editor which will cause a menu to be shown, selecting the Edit Story Stylesheet option will cause the Stylesheet editor to open.

    Cut and Paste the following CSS into Stylesheet editor:
    .enchantment-link, tw-link {
    	-webkit-border-radius: 28;
    	-moz-border-radius: 28;
    	border-radius: 28px;
    	padding: 10px 20px 10px 20px;
    	text-decoration: none;	
    	background: red;
    	color: ivory;
    }
    
    .enchantment-link:hover, tw-link:hover {
    	color: white;
    }
    
    ... and now when you add a markup link like the following to your story it should appear as a big red button with white text:
    [[Option 1->Passage 1]]
    

    Note: I used the CSS Button Generator to design the basic button.
Sign In or Register to comment.