Template talk:Infobox victims: Difference between revisions
imported>Orne comment |
imported>Ryangibsonstewart m Template talk:Infobox Sylar moved to Template talk:Infobox victims: making an infobox for victims pages...but just repurposing this infobox since it's got cool "victim" colors! |
||
| (6 intermediate revisions by 3 users not shown) | |||
| Line 3: | Line 3: | ||
I thought it'd be cool to make Sylar's infobox really dark, or black. Unfortunately, the blue links on the box look like crap against the black. However, [http://memory-alpha.org/en/wiki/Portal:Main Memory Alpha's] dark background, for instance, looks terrific with the blue links. I tried copying similar colors, but to no avail - still a big pile of poop. Can some kind soul either help me out or give me some insight? Much obliged! - [[User:Ryangibsonstewart|RyanGibsonStewart]] ([[User talk:Ryangibsonstewart|talk]]) 19:29, 11 January 2007 (EST) |
I thought it'd be cool to make Sylar's infobox really dark, or black. Unfortunately, the blue links on the box look like crap against the black. However, [http://memory-alpha.org/en/wiki/Portal:Main Memory Alpha's] dark background, for instance, looks terrific with the blue links. I tried copying similar colors, but to no avail - still a big pile of poop. Can some kind soul either help me out or give me some insight? Much obliged! - [[User:Ryangibsonstewart|RyanGibsonStewart]] ([[User talk:Ryangibsonstewart|talk]]) 19:29, 11 January 2007 (EST) |
||
* I think what you need to do is create a DIV with a style element that adjusts the link colors. I'll put something together in a couple minutes. --[[User:Orne|Orne]] 21:35, 11 January 2007 (EST) |
* I think what you need to do is create a DIV with a style element that adjusts the link colors. I'll put something together in a couple minutes. --[[User:Orne|Orne]] 21:35, 11 January 2007 (EST) |
||
** Thanks, Orne, I'd really appreciate that. (''I'm learning, I'm learning...'') - [[User:Ryangibsonstewart|RyanGibsonStewart]] ([[User talk:Ryangibsonstewart|talk]]) 21:54, 11 January 2007 (EST) |
|||
*** Sorry I didn't get back to posting last night. I didn't get a lot of sleep, and I started getting cranky. In CSS style sheets, the way you would do it is add color parameters using "pseudo" properties of the Anchor <A> element. I couldn't really get it to work, because the "right" way to do it is to create a new class in the Style section in the Header of the web page (the <HEAD> tag), and in the BODY of the page, assign the class to the specific anchor (using <A class="...">). Wiki does not allow you to create your own anchors, and the [[ ]] notation does not allow you to add classes to the links. Furthermore, if I added the code to a DIV tag that wrapped around the link, I still couldn't get the link to inherit the correct colors. |
|||
<PRE> |
|||
<STYLE> |
|||
A:link {color: #FF0000} |
|||
A:visited {..... |
|||
</STYLE> |
|||
</PRE> |
|||
I will check out the other wiki later and see how they managed to do it. It may be that the Admin there added special code to the .CSS files on the site. --[[User:Orne|Orne]] 09:59, 12 January 2007 (EST) |
|||
:See [[MediaWiki:Common.css]] for some custom CSS used here. I can always add to it if you have some CSS that would be helpful. ([[User:Admin|Admin]] 10:36, 12 January 2007 (EST)) |
|||
:* Ha! I got it. The "trick" is to use the FONT tag around text after the pipe in the wiki link. See: [[the map|<FONT color=red>the map</FONT>]], [[the map|<FONT color=orange>the map</FONT>]], [[the map|<FONT color=yellow>the map</FONT>]], [[the map|<FONT color=green>the map</FONT>]], [[the map|<FONT color=blue>the map</FONT>]], [[the map|<FONT color=indigo>the map</FONT>]], [[the map|<FONT color=violet>the map</FONT>]] --[[User:Orne|Orne]] 10:10, 12 January 2007 (EST) |
|||
==Link Color Choice== |
|||
* It is generally bad HTML markup style to have the link color be the same as the surrounding non-link text, as it makes it unneccessarilly difficult to know what is a reference and what is not. Are you sure you don't want to slightly grey the text so the white links show out better? <DIV style="padding: 5px; background-color: #000000; color:#C0C0C0"><CENTER>This is a [[Sylar|<FONT COLOR="#FFFFFF">link</FONT>]], while the rest is not.</CENTER></DIV> --[[User:Orne|Orne]] 17:14, 12 January 2007 (EST) |
|||
** Oh, good, I'm glad you said that. I originally had it yellow, and it looked okay, but it was ... well, yellow. Plus, the episode link was white, so I figured I'd go for consistecy. I'll work on the color now.<p>Thanks for all your help. One more - can you give me a crash course on how to use <nowiki><div></nowiki> - I'm still pretty clueless. Thanks, Orne! - [[User:Ryangibsonstewart|RyanGibsonStewart]] ([[User talk:Ryangibsonstewart|talk]]) 17:29, 12 January 2007 (EST) |
|||
Latest revision as of 01:35, 25 October 2009
Colors and Links
I thought it'd be cool to make Sylar's infobox really dark, or black. Unfortunately, the blue links on the box look like crap against the black. However, Memory Alpha's dark background, for instance, looks terrific with the blue links. I tried copying similar colors, but to no avail - still a big pile of poop. Can some kind soul either help me out or give me some insight? Much obliged! - RyanGibsonStewart (talk) 19:29, 11 January 2007 (EST)
- I think what you need to do is create a DIV with a style element that adjusts the link colors. I'll put something together in a couple minutes. --Orne 21:35, 11 January 2007 (EST)
- Thanks, Orne, I'd really appreciate that. (I'm learning, I'm learning...) - RyanGibsonStewart (talk) 21:54, 11 January 2007 (EST)
- Sorry I didn't get back to posting last night. I didn't get a lot of sleep, and I started getting cranky. In CSS style sheets, the way you would do it is add color parameters using "pseudo" properties of the Anchor <A> element. I couldn't really get it to work, because the "right" way to do it is to create a new class in the Style section in the Header of the web page (the <HEAD> tag), and in the BODY of the page, assign the class to the specific anchor (using <A class="...">). Wiki does not allow you to create your own anchors, and the [[ ]] notation does not allow you to add classes to the links. Furthermore, if I added the code to a DIV tag that wrapped around the link, I still couldn't get the link to inherit the correct colors.
- Thanks, Orne, I'd really appreciate that. (I'm learning, I'm learning...) - RyanGibsonStewart (talk) 21:54, 11 January 2007 (EST)
<STYLE>
A:link {color: #FF0000}
A:visited {.....
</STYLE>
I will check out the other wiki later and see how they managed to do it. It may be that the Admin there added special code to the .CSS files on the site. --Orne 09:59, 12 January 2007 (EST)
- See MediaWiki:Common.css for some custom CSS used here. I can always add to it if you have some CSS that would be helpful. (Admin 10:36, 12 January 2007 (EST))
Link Color Choice
- It is generally bad HTML markup style to have the link color be the same as the surrounding non-link text, as it makes it unneccessarilly difficult to know what is a reference and what is not. Are you sure you don't want to slightly grey the text so the white links show out better? --Orne 17:14, 12 January 2007 (EST)
This is a link, while the rest is not. - Oh, good, I'm glad you said that. I originally had it yellow, and it looked okay, but it was ... well, yellow. Plus, the episode link was white, so I figured I'd go for consistecy. I'll work on the color now.
Thanks for all your help. One more - can you give me a crash course on how to use <div> - I'm still pretty clueless. Thanks, Orne! - RyanGibsonStewart (talk) 17:29, 12 January 2007 (EST)
- Oh, good, I'm glad you said that. I originally had it yellow, and it looked okay, but it was ... well, yellow. Plus, the episode link was white, so I figured I'd go for consistecy. I'll work on the color now.