|
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 .
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. Uta mauris sit amet dui ultriciesporta sed in risus. Donec veliaculis mi. Vivamus vel maurissapien, a cursus dui.
|
|
|
Last Updated on Monday, 15 March 2010 09:24 |
|
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. Uta mauris sit amet dui ultriciesporta sed in risus. Donec veliaculis mi. Vivamus vel maurissapien, a cursus dui.
|
|
|
Last Updated on Tuesday, 15 December 2009 13:08 |
|
Written by Peter
|
|
Tuesday, 15 December 2009 11:40 |
|
A exemple with width and text-align .
p.example6 {
font-family: Arial;
font-size: 16pt;
color: #fff;
text-align: left;
width:300px;
background-color: #000;
}
p.example6 a {
color: #C00;
}
p.example6 a:hover {
color: #FF3;
text-decoration: underline;
}
|
p.dtr-example6 {
font-family: Brody, Arial;
font-size:20pt;
color: #fff;
group: exampel;
text-align: left;
width:300px;
background-color: #000;
}
p.dtr-example4 a {
color: #C00;
group: exampel;
}
p.dtr-example4 a:hover {
color: #FF3;
font-size:22pt;
group: exampel;
text-decoration: underline;
}
|
|
Lorem ipsum dolor sit amet, consectetur
adipiscing elit.
Ut a mauris sit amet dui ultricies orta sed in risus. Donec vel iaculis mi. Viva mus vel
mauris sapien, a cursus dui. teturadipi scing elit. Ut a Vivamus vel maur
|
Lorem ipsum dolor sit amet,consectetur
adipiscing elit.
Ut a mauris sit amet duiultricies orta sed in risus.Donec vel iaculis mi. Viva musvel
mauris sapien, a cursus dui.teturadipi scing elit. Ut aVivamus vel maur
|
|
|
Last Updated on Saturday, 13 March 2010 10:48 |
|
|
|
|
|
pcDTR Examples
