This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Dropcaps

Local: CSS/JS files (add code to <HEAD> section):

?
1
2
<!-- DC Dropcaps CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/dropcaps/css/dc_dropcaps.css" />

Hosted: CSS/JS files (add code to <HEAD> section):

?
1
2
<!-- DC Dropcaps CSS -->
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/dropcaps/css/dc_dropcaps.css" />

Silver

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap silver_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 silver_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 silver_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 silver">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Steelblue

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap steelblue_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 steelblue_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 steelblue_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 steelblue">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Black

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap black_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 black_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 black_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 black">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Red

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap red_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 red_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 red_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 red">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Orange

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap orange_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 orange_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 orange_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 orange">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Yellow

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap yellow_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 yellow_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 yellow_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 yellow">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Green

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap green_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 green_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 green_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 green">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Olive

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap olive_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 olive_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 olive_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 olive">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Teal

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap teal_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 teal_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 teal_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 teal">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Blue

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap blue_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 blue_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 blue_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 blue">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Deepblue

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap deepblue_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 deepblue_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 deepblue_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 deepblue">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Purple

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap purple_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 purple_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 purple_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 purple">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Hotpink

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap hotpink_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 hotpink_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 hotpink_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 hotpink">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Slategrey

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap slategrey_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 slategrey_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 slategrey_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 slategrey">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Mauve

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap mauve_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 mauve_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 mauve_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 mauve">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Pearl

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap pearl_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 pearl_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 pearl_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 pearl">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Mossgreen

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap mossgreen_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 mossgreen_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 mossgreen_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 mossgreen">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Wheat

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap wheat_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 wheat_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 wheat_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 wheat">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Coffee

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap coffee_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 coffee_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 coffee_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 coffee">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->

Copper

1Dropcap #1
Template ShortCodes

2Dropcap #2
Template ShortCodes

3Dropcap #3
Template ShortCodes

4Dropcap #4
Template ShortCodes


View code:

?
1
2
3
4
5
6
7
8
9
10
<!-- DC Dropcaps Start -->
  <p><span class="dc_dropcap copper_dropcaps">1</span><strong>Dropcap #1</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap2 copper_text">2</span><strong>Dropcap #2</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap3 copper_dropcaps">3</span><strong>Dropcap #3</strong><br />
    Template ShortCodes</p>
  <p><span class="dc_dropcap4 copper">4</span><strong>Dropcap #4</strong><br />
    Template ShortCodes</p>
<!-- DC Dropcaps End -->


© TemplateAccess