|
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 |
|
|
|
|
|
pcDTR Examples
