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

Dividers

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

?
1
2
<!-- DC Divider CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/divider/css/dc_divider.css" />

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

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

Divider Style 1

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider1"></div>
<div class="dc_divider1_black"></div>
<!-- DC Divider End -->

Divider Style 2

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider2"></div>
<div class="dc_divider2_black"></div> 
<!-- DC Divider End -->

Divider Style 3

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider3"></div>
<div class="dc_divider3_black"></div>
<!-- DC Divider End -->

Divider Style 4

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider4"></div>
<div class="dc_divider4_black"></div>
<!-- DC Divider End -->

Divider Style 5

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider5"></div>
<div class="dc_divider5_black"></div>
<!-- DC Divider End -->

Divider Style 6

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider6"></div>
<div class="dc_divider6_black"></div>
<!-- DC Divider End -->

Divider Style 7

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider7"></div>
<div class="dc_divider7_black"></div>
<!-- DC Divider End -->

Divider Style 8

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider8"></div>
<div class="dc_divider8_black"></div>
<!-- DC Divider End -->

Divider Style 9

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider9"></div>
<div class="dc_divider9_black"></div>
<!-- DC Divider End -->

Divider Style 10

View code:

?
1
2
3
4
<!-- DC Divider Start -->
<div class="dc_divider10"></div>
<div class="dc_divider10_black"></div>
<!-- DC Divider End -->

Horizontal Rulers

Silver Horizontal Ruler
Gray Horizontal Ruler
Black Horizontal Ruler
Red Horizontal Ruler

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- DC Divider Start -->
  <div align="center">Silver Horizontal Ruler</div>
  <div class="dc_hrline_silver" style="width:60%;"></div>
   
  <div align="center">Gray Horizontal Ruler</div>
  <div class="dc_hrline_gray" style="width:70%;"></div>
   
  <div align="center">Black Horizontal Ruler</div>
  <div class="dc_hrline_black" style="width:80%;"></div>
   
  <div align="center">Red Horizontal Ruler</div>
  <div class="dc_hrline_red" style="width:90%;"></div>
<!-- DC Divider End -->


© TemplateAccess