Samples Section

 

 

Shown here are examples of how the HRticulate plugin may be used. Some copies of dividers and column headers used throughout this site, are listed with complete settings information.

Just follow the instructions and enjoy your own versions.

Yours for the taking, our compliments!

 

 

Settings

Custom Line: Sawtooth – Color: Green – Width 70
Font family Arial Black – Color #244f18 – Size 16px – Weight Bold
Padding: Top/Bottom 12px – Left/Right 16px – Position Left
Speechbox: Up/Down 12 – Background #d1efbd – Border Solid (all)
Weight 2px – Color #244f18 – Corner Radius 50

 

 

Settings

Custom Line: Sawtooth – Color: Gray – Width 70
Font family Arial Black – Color #244f18 – Size 16px – Weight Bold
Padding: Top/Bottom 12px – Left/Right 16px – Position Left
Speechbox: Up/Down 12 – Background #d1efbd – Border Solid (all)
Weight 2px – Color #244f18 – Corner Radius 50

 

 

Settings

Custom Line: Wave – Color: Light Gray – Width 100
Font family Arial Black – Color #000000 – Size 25px – Weight Bold
Padding: Top/Bottom 14px – Left/Right 14px – Position Center

Speechbox
Up/Down 32 – Background #fee28a – Border Solid (all)
Weight Top 5px – Color #a30a00
Weight Left 2px – Color #000000
Weight Right 2px – Color #000000
Weight Bottom 6px – Color #000000
Corner Radius 50

Shadows
Inner Vertical 24 – Size 5 – Color rgba(242,90,14,0.49)
Outer 1 – Color #000000 – Blur 16

 

 

Settings

Custom Line: Sawtooth – Color: Red – Position Center – Up/Down 17
Font family Copperplate – Color #244f18 – Size 17px – Weight Bold
Padding: Top/Bottom 17px – Left/Right 16px – Position Left

Speechbox
Up/Down 12 – Background #fee28a – Border Solid (all)
Top Weight 2px – Color #244f18
Left Weight 2px – Color #000000
Right Weight 2px – Color #000000
Bottom Weight 4px – Color #d32c0a
Corner Radius 3

 

 

Settings

Standard Line: Faded – Color: #ff9900 – Position Center – Line Height 6
Font family Impact – Color #000000 – Size 14px – Letter-Spacing  5
Padding: Top/Bottom 12px – Left/Right 16px – Width 67

Speechbox
Up/Down 32 – Background #ff9900 – Border (none)

 

 

Settings

Custom Line: Wave – Color: Black – Position Center – Up/Down 32
Font family Arial Black – Color #000000 – Size 36px – Weight Bold
Padding: Top/Bottom 12px – Left/Right 77px

Speechbox
Up/Down 32 – Background #fee28a – Border Solid (all)
Weight 5px – Color #000000
Corner Radius 100

Shadows
Inner Vertical 24  Size 5
Color rgba(242,90,14,0.49)
Outer Vertical 1 – Blur 16
Color #000000


 

If you have a really good looking HRticulate line or divider, let us all appreciate it!

Simply send us a copy of your settings ( so we can recreate it here ), and we’ll publish it in the samples section, along with a credit, and a link back to the parent site ( if you want ).

 

 

Speechbox Settings
Line fill : Transparent
—————————–
Font : Arial Black

Font Color : #000000
Font Size : 28
Aligned : Left
—————————–
Background : #f2e3c6
Extra Bottom Spacing : 50
—————————–
Right Border : 8
Right Border Color : #000000
Corner Radius : 4

Scroll Up