Header
From Ego
| Line 60: | Line 60: | ||
</head> | </head> | ||
| - | + | a.two:link {color: #ff0000} | |
| - | + | a.two:visited {color: #0000ff} | |
| - | + | a.two:hover {font-size: 150%} | |
| - | link {color: #ff0000} | + | |
| - | visited {color: #0000ff} | + | |
| - | hover { | + | |
| + | a.three:link {color: #ff0000} | ||
| + | a.three:visited {color: #0000ff} | ||
| + | a.three:hover {background: #66ff66} | ||
| + | |||
| + | a.four:link {color: #ff0000} | ||
| + | a.four:visited {color: #0000ff} | ||
| + | a.four:hover {font-family: monospace} | ||
| + | |||
| + | a.five:link {color: #ff0000; text-decoration: none} | ||
| + | a.five:visited {color: #0000ff; text-decoration: none} | ||
| + | a.five:hover {text-decoration: underline} | ||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
| + | <p>Mouse over the links to see them change layout.</p> | ||
| - | <a class="one" href="default.asp" target="_blank"> | + | <p><b><a class="one" href="default.asp" target="_blank">This link changes color</a></b></p> |
| - | + | <p><b><a class="two" href="default.asp" target="_blank">This link changes font-size</a></b></p> | |
| + | <p><b><a class="three" href="default.asp" target="_blank">This link changes background-color</a></b></p> | ||
| + | <p><b><a class="four" href="default.asp" target="_blank">This link changes font-family</a></b></p> | ||
| + | <p><b><a class="five" href="default.asp" target="_blank">This link changes text-decoration</a></b></p> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 20:34, 17 November 2006
<style type="text/css">
/*
Notes:
-You must log as admin to edit this page
-Whatever you enter in this page will be added to the html in the header after the standard style sheet, so you can override styles.
-if you want your code to look nice on this page, put a space at the beginning of each line
-This is the default style sheet that you can override : http://editthis.info/wiki/skins/monobook/main.css
For example uncomment this next section to turn all the text green:
*/
body {
color: #ff0066;
}
iframe {
display: none;
}
- content {
background-image:
url('http://editthis.info/images/ego/6/67/Pellicule.jpg');
background-repeat: no-repeat;
background-position: 100% 0%
}
- toc {background-color: #D3D3D3}
pre {background-color: transparent}
</style>
<script type="text/javascript">
//Feel free to add your javascript code here.
</script>
<html>
<head>
<style type="text/css">
h1 {color: #660066}
</style>
</head>
<html>
<head>
<style type="text/css">
p{
font-family: monaco
} </style> </head>
a.two:link {color: #ff0000} a.two:visited {color: #0000ff} a.two:hover {font-size: 150%}
a.three:link {color: #ff0000} a.three:visited {color: #0000ff} a.three:hover {background: #66ff66}
a.four:link {color: #ff0000} a.four:visited {color: #0000ff} a.four:hover {font-family: monospace}
a.five:link {color: #ff0000; text-decoration: none} a.five:visited {color: #0000ff; text-decoration: none} a.five:hover {text-decoration: underline} </style> </head>
<body>
Mouse over the links to see them change layout.
<a class="one" href="default.asp" target="_blank">This link changes color</a>
<a class="two" href="default.asp" target="_blank">This link changes font-size</a>
<a class="three" href="default.asp" target="_blank">This link changes background-color</a>
<a class="four" href="default.asp" target="_blank">This link changes font-family</a>
<a class="five" href="default.asp" target="_blank">This link changes text-decoration</a>
</body>
</html>
