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

Text Highlighter

Highlight text paragraphs or important keywords

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

?
1
2
<!-- DC Text Highlighter CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/highlighter/css/dc_css_highlighter_shortcodes.css" />

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

?
1
2
<!-- DC Text Highlighter CSS -->
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/highlighter/css/dc_css_highlighter_shortcodes.css" />

Highlight Text

Suspendisse potenti sample text example of silver dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of silver dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight silver">sample text example of silver dc_highlight</span>
<span class="dc_highlight2 silver_text">another sample text example of silver dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of steelblue dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of steelblue dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight steelblue">sample text example of steelblue dc_highlight</span>
<span class="dc_highlight2 steelblue_text">another sample text example of steelblue dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of black dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of black dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight black">sample text example of black dc_highlight</span>
<span class="dc_highlight2 black_text">another sample text example of black dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of orange dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of orange dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight orange">sample text example of orange dc_highlight</span>
<span class="dc_highlight2 orange_text">another sample text example of orange dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of red dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of red dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight red">sample text example of red dc_highlight</span>
<span class="dc_highlight2 red_text">another sample text example of red dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of yellow dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of yellow dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight yellow">sample text example of yellow dc_highlight</span>
<span class="dc_highlight2 yellow_text">another sample text example of yellow dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of green dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of green dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight green">sample text example of green dc_highlight</span>
<span class="dc_highlight2 green_text">another sample text example of green dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of olive dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of olive dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight olive">sample text example of olive dc_highlight</span>
<span class="dc_highlight2 olive_text">another sample text example of olive dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of teal dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of teal dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight teal">sample text example of teal dc_highlight</span>
<span class="dc_highlight2 teal_text">another sample text example of teal dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of blue dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of blue dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight blue">sample text example of blue dc_highlight</span><br />
<span class="dc_highlight2 blue_text">another sample text example of blue dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of deepblue dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of deepblue dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight deepblue">sample text example of deepblue dc_highlight</span>
<span class="dc_highlight2 deepblue_text">another sample text example of deepblue dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of purple dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of purple dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight purple">sample text example of purple dc_highlight</span>
<span class="dc_highlight2 purple_text">another sample text example of purple dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of hotpink dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of hotpink dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight hotpink">sample text example of hotpink dc_highlight</span>
<span class="dc_highlight2 hotpink_text">another sample text example of hotpink dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of slategrey dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of slategrey dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight slategrey">sample text example of slategrey dc_highlight</span>
<span class="dc_highlight2 slategrey_text">another sample text example of slategrey dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of mauve dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of mauve dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight mauve">sample text example of mauve dc_highlight</span>
<span class="dc_highlight2 mauve_text">another sample text example of mauve dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of pearl dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of pearl dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight pearl">sample text example of pearl dc_highlight</span>
<span class="dc_highlight2 pearl_text">another sample text example of pearl dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of mossgreen dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of mossgreen dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight mossgreen">sample text example of mossgreen dc_highlight</span>
<span class="dc_highlight2 mossgreen_text">another sample text example of mossgreen dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of wheat dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of wheat dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight wheat">sample text example of wheat dc_highlight</span>
<span class="dc_highlight2 wheat_text">another sample text example of wheat dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of coffee dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of coffee dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight coffee">sample text example of coffee dc_highlight</span>
<span class="dc_highlight2 coffee_text">another sample text example of coffee dc_highlight2</span>
<!-- DC Text Highlighter End -->

Suspendisse potenti sample text example of copper dc_highlight purus varius nibh.
Lorem ipsum dolor sit amet, consectetur adipiscing elit and another sample text example of copper dc_highlight2 quis nisl mauris.

View code:

?
1
2
3
4
<!-- DC Text Highlighter Start -->
<span class="dc_highlight copper">sample text example of copper dc_highlight</span>
<span class="dc_highlight2 copper_text">another sample text example of copper dc_highlight2</span>
<!-- DC Text Highlighter End -->


© TemplateAccess