|
Written by Peter
|
|
Tuesday, 15 December 2009 11:40 |
|
A simple dtr text example.
p.example1 { font-family: Arial; font-size:28pt; color:#36F; }
|
p.dtr-example1 { font-family: Humbug; font-size:28pt; color:#36F; }
|
|
A flying dog.
|
A flying dog.
|
|
|
Last Updated on Tuesday, 15 December 2009 12:10 |
|
Written by Peter
|
|
Tuesday, 15 December 2009 11:40 |
|
A simple dtr text example with :hover.
p.example2 { font-family: Arial; font-size:28pt; color:#C00; } p.example2:hover { color:#135CAE; text-decoration: underline; }
|
p.dtr-example2 { font-family: Humbug; font-size:28pt; color:#C00; } p.dtr-example2:hover { color:#135CAE; text-decoration: underline; }
|
|
A flying dog.
|
A flying dog.
|
|
|
Last Updated on Tuesday, 15 December 2009 12:11 |
|
Written by Peter
|
|
Tuesday, 15 December 2009 11:40 |
|
A exemple just to show some variations.
p.example3 { font-family: Arial; font-size:20pt; color:#C00; text-transform: uppercase; letter-spacing: 5px; } p.example3:hover { font-family: Verdana; font-size:20pt; color:#135CAE; text-decoration: underline; text-transform: none; }
|
p.dtr-example3 { font-family: Humbug; font-size:28pt; color:#C00; text-transform: uppercase; letter-spacing: 15px; } p.dtr-example3:hover { font-family: frosty; font-size:28pt; color:#135CAE; text-decoration: underline; text-transform: none; }
|
|
A flying dog.
|
A flying dog.
|
|
|
Last Updated on Tuesday, 15 December 2009 13:32 |
|
Written by Peter
|
|
Tuesday, 15 December 2009 11:40 |
|
A exemple with width and line-height .
New bug: The link in the text isn't styles right. Another note to myself, try to get the 'a' in one line.
p.example4 { font-family: Arial; font-size:16pt; color: #000; width: 300px; line-height: 25px; } p.example4 a { font-family: Arial; font-size:16pt; color: #C00; } p.example4 a:hover { font-family: Arial; font-size:16pt; color: #135CAE; }
|
p.dtr-example4 { font-family: Brody; font-size:20pt; color: #000; width: 300px; line-height: 30px; } p.dtr-example4 a { font-family: Brody; font-size:20pt; color: #C00; } p.dtr-example4 a:hover { font-family: Brody; font-size:20pt; color: #135CAE; }
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a mauris sit amet dui ultricies porta sed in risus. Donec vel iaculis mi. Vivamus vel mauris sapien, a cursus dui.
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a mauris sit amet duiultricies portased in risus. Donec vel iaculis mi. Vivamus vel mauris sapien, a cursus dui.
|
|
|
Last Updated on Tuesday, 15 December 2009 13:25 |
|
Written by Peter
|
|
Tuesday, 15 December 2009 11:40 |
|
A exemple with width and text-align .
p.example5 { font-family: Arial; font-size:16pt; color: #000; width: 300px; text-align: center; }
|
p.dtr-example5 { font-family: Brody; font-size:20pt; color: #000; width: 300px; text-align: center; }
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a mauris sit amet dui ultricies porta sed in risus. Donec vel iaculis mi. Vivamus vel mauris sapien, a cursus dui.
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a mauris sit amet dui ultricies porta sed in risus. Donec vel iaculis mi. Vivamus vel mauris sapien, a cursus dui.
|
|
|
Last Updated on Tuesday, 15 December 2009 13:08 |
|
|
|
|
|