# DC Shortcodes Tool Box

Select shortcode to edit and insert
Simple heading with bottom line

Parameter | Default | Description
--- | --- | ---
top | 0 | Top margin in pixels. Should be grater when zero.
color | #666666 | Heading color. You can use any CSS proper value.

Top margin
1000 0
Color
Creates simple head with colored background and optional colored prefix box

Parameter | Default | Description
--- | --- | ---
top | 0 | Top margin in pixels. Should be grater when zero.
color | #222222 | Heading color. You can use any CSS proper value.
bgcolor | #F4F4F4 | Heading background color.
prefix | empty string | Text for optional prefix
prefix_bgcolor | #71639C | Prefix background color.
prefix_align | left | Prefix text align
prefix_w | 0 | Prefix width in pixel. If set to zero this paramter will be ignored. In other case determines prefix width. Can be used for keeping all prefixes on the same page in equal size.
prefix_percent | false | If set to true the prefix width will be interpreted as percentage width. If set to false the width is calculated in pixels.

Top margin
1000 0
Color Heading background color Prefix text (optional) Prefix background color Prefix text align
Prefix width (optional)
1000 0
Other settings
Interpret the prefix width as a percentage value
Empty block with given height and clear both property

Parameter | Default | Description
--- | --- | ---
h | 50 | Empty space height in pixels.

Empty space height in pixels
1000 0
Generate simple empty DIV with clear both property and given height. Works identical like dcs_empty_space shortcode, but have different, more readable name

Parameter | Default | Description
--- | --- | ---
h | 0 | Block height in pixels.
clear | both | Clear action for button wrapper. If set to left clears floating objects from left side.

Block height in pixels
1000 0
Block clear action
Generate span with colored text and background

Parameter | Default | Description
--- | --- | ---
color | 0x000000 | Text color
bgcolor | 0xFFFFFF | Background color

Color Background color Other settings
Use color
Use background color
Generate span with colored background. Works similar to dcs_span, but text color option is not available

Parameter | Default | Description
--- | --- | ---
bgcolor | #FFFFBB | Text background color

Text background color Other settings
Use background color
Generate block with anchor that allows user go back to page top

Parameter | Default | Description
--- | --- | ---
text | Top | Displayed text
top | 0 | Top margin in pixels
bottom | 15 | Bottom margin in pixels

Text Top margin
1000 0
Bottom margin
1000 0
Generate line divider block

Parameter | Default | Description
--- | --- | ---
bsize | 1 | Line width in pixels
bcolor | #E0E0E0 | Line color. Use any CSS valid value for inline styling
bstyle | solid | Line style. Use solid, dotted or dashed style
top | 0 | Top margin in pixels
bottom | 15 | Bottom margin in pixels

Line width
1000 1
Line color Line style
Top margin
1000 0
Bottom margin
1000 0
Generate image divider block

Parameter | Default | Description
--- | --- | ---
h | 10 | Divider height in pixels
top | 0 | Top margin in pixels
bottom | 15 | Bottom margin in pixels
bgimage | empty string | Background image url.
bgrepeat | repeat | Background image repeat mode
bgpos | left top | Background image position
bgcolor | #FFFFFF | Background color. Use any CSS valid value for inline styling
bgcolor_use | false | Can be set to true or false. If set to true background color will be used.
pattern | empty string | Pattern image name. Ignored if some image was selected for bgimage option.

Divider height
1000 0
Background image URL
Background repeat mode
Background position
Background color Divider image name
Top margin
1000 0
Bottom margin
1000 0
Other settings
Use background color
Create simple note block

Parameter | Default | Description
--- | --- | ---
color | #202020 | Text text
bgcolor | #FFFFFF | Background color
bcolor | #F2F2F2 | Border color
align | left | Text align
rounded | 0 | Degree of rounding corners
bwidth | 6 | Border width in pixels
bottom | 15 | Bottom margin
execute | false | If set to true shortcodes will be executed. If set to false shortcode filter is not applied

Text color Background color Border color Text align
Rounded corners
Border width
1000 0
Bottom margin
1000 0
Other settings Execute shortcodes
Standard blockquote

Parameter | Default | Description
--- | --- | ---
size | 1-1 | Column size
color | #808080 | Text color
float | none | Column floating
top | 0 | Top margin
right | 0 | Right margin
bottom | 20 | Bottom margin
left | 0 | Left margin
align | left | Text align
author | empty string | Blockquote author, usually author first name and surname
title | empty string | Blockquote author title, usually job position
fsize | 16 | Font size in pixels
lheight | 22 | Line height in pixels

Column size
Text color Column floating
Top margin
1000 0
Right margin
1000 0
Bottom margin
1000 0
Left margin
1000 0
Author Title Text align
Font size
1000 0
Line height
1000 0
Link to image displayed with lightbox

Parameter | Default | Description
--- | --- | ---
url | empty string | Displayed image URL
color | #000000 | Link color
group | empty string | Optional images group name. Images connected in group will be displayed as one gallery
title | empty string | Optional image title displayed by lightbox
color_use | false | If set to true selected color will be assigned to link, if false color is not used

Image URL
Link color Group name Image title Other settings Use color
Unordered list

Parameter | Default | Description
--- | --- | ---
type | default | Displayed list type
size | 1-4 | Column size
ctype | none | Column type. This parameter has a variety of uses. Determines what type of a column, and it determines how it behaves in the contents. The column labeled as "first" is the first column on the left. The column labeled as "last" is the first column on the right. The column labeled as "next" column is located between the left and right side. Postscript "right" or "left" represents where there is a margin column.
float | none | Column floating
left | 0 | Left margin
bottom | 15 | Bottom margin

List type
Column size
Column type
Column floating
Left margin
1000 0
Bottom margin
1000 0
Displays a special box with post image, description, and a link to post page

Parameter | Default | Description
--- | --- | ---
id | not set | Displayed post id. This value must be valid for the correct display of the shortcode
size | 1-3 | Column size
desc | empty string | Optional post description. If is not specified, shortcode is trying get description from post exceprt. If the excerpt is not given the description is taken from post content
words | 16 | Number of words to display in post description
float | none | Column floating
top | 0 | Top margin
right | 0 | Right margin
bottom | 20 | Bottom margin
left | 0 | Left margin
url | empty string | Optional. Here you can manually choose image displayed in post box. If not specified, the image is takem form post custom settings. This can be also native WordPress thumbnail assigned in post settings, but only if theme options settings are set to WP thubmnail display.
border | true | If set to true border frame will be displayed.

Post ID Column size
Post description Words do display Column floating
Top margin
1000 0
Right margin
1000 0
Bottom margin
1000 0
Left margin
1000 0
Optional image URL
Other settings
Display border frame
Displays a special box with page image, description, and a link to page

Parameter | Default | Description
--- | --- | ---
id | not set | Displayed page id. This value must be valid for the correct display of the shortcode
size | 1-3 | Column size
desc | empty string | Optional page description. If is not specified, shortcode is trying get description from page exceprt. If the excerpt is not given the description is taken from page content
words | 16 | Number of words to display in page description
float | none | Column floating
top | 0 | Top margin
right | 0 | Right margin
bottom | 20 | Bottom margin
left | 0 | Left margin
url | empty string | Optional. Here you can manually choose image displayed in page box. If not specified, the image is takem form page custom settings. This can be also native WordPress thumbnail assigned in page settings, but only if theme options settings are set to WP thubmnail display.
border | true | If set to true border frame will be displayed.

Page ID Column size
Page description Words do display Column floating
Top margin
1000 0
Right margin
1000 0
Bottom margin
1000 0
Left margin
1000 0
Optional image URL
Other settings
Display border frame
Link to image from NextGen Gallery displayed with lightbox

Parameter | Default | Description
--- | --- | ---
id | empty string | NextGen Gallery image ID
color | #000000 | Link color
group | empty string | Optional images group name. Images connected in group will be displayed as one gallery
title | empty string | Optional image title displayed by lightbox. If not set, alt text assigned to image in NGG will be displayed.
color_use | false | If set to true selected color will be assigned to link, if false color is not used

NGG image ID Link color Group name Image title Other settings Use color
Display selected image

Parameter | Default | Description
--- | --- | ---
url | empty string | Displayed image URL
alt | empty string | Displayed image alt text
size | 1-3 | Column size
ctype | none | Column type. This parameter has a variety of uses. Determines what type of a column, and it determines how it behaves in the contents. The column labeled as "first" is the first column on the left. The column labeled as "last" is the first column on the right. The column labeled as "next" column is located between the left and right side. Postscript "right" or "left" represents where there is a margin column.
float | none | Column floating
clear | none | Clear action. If set to left clears floating objects from left side.
top | 0 | Top margin
right | 0 | Right margin
bottom | 15 | Bottom margin
left | 0 | Left margin
align | left | Text align. Effect on title and description.
viewport_w | 600 | Viewport width (ignored if real size is selected).
viewport_h | 400 | Viewport height (ignored if real size is selected).
link | empty string | URL address assigned to image. Check other available settings.
group | empty string | Optional images group name. Images connected in group will be displayed as one gallery
title | empty string | Image title
desc | empty string | Image description
padding | 0 | Image inner padding
border | false | If set to true the border is displayed. If set to false border is hidden.
lightbox | false | If set to true user can display image in lightbox. If set to false the lightbox is not displayed.
image_as_link | false | If set to true and user click on image, it will be redirected to image link. If set to false image have no link action.
new_tab | false | If set to true image link will be opened in new window/tab. If set to false image link will be opened in current window/tab.
real_size | true | If set to true image will be displayed in original size. If set to false viewport settings will be used.
grayscale | false | If set to true image will be displayed in grayscale.

Image URL
Image Alt Column size
Column type
Column floating
Clear action
Top margin
1000 0
Right margin
1000 0
Bottom margin
1000 0
Left margin
1000 0
Text align
Viewport width
1
Viewport height
1
Link Group name Image title Image description Padding
1000 0
Other settings
Display border (best to use it in conjunction with padding)
Open link in new window/tab
Display image in original size
Display image in grayscale
Allow display image in lightbox
Display image as link
Button link

Parameter | Default | Description
--- | --- | ---
label | Button label | String displayed as button label.
url | empty string | The destination URL address.
color | #757575 | Button text color.
hcolor | #000000 | Button hover text color.
align | left | Button align. Works only with wrapper option.
clear | none | Clear action for button wrapper. If set to left clears floating objects from left side.
wrapper | false | If set to true button is displayed in wrapper. If set to false the wrapper is not rendered.
new_tab | false | If set to true button link will be opened in new window/tab. If set to false button link will be opened in current window/tab.

Button label Destination URL address Label color Label hover color Button align
Wrapper clear
Other settings
Display button in wrapper
Open button link in new window/tab
Configurable standard column

Parameter | Default | Description
--- | --- | ---
size | 1-1 | Column size
ctype | none | Column type. This parameter has a variety of uses. Determines what type of a column, and it determines how it behaves in the contents. The column labeled as "first" is the first column on the left. The column labeled as "last" is the first column on the right. The column labeled as "next" column is located between the left and right side. Postscript "right" or "left" represents where there is a margin column.
float | none | Column floating
top | 0 | Top margin
right | 0 | Right margin
bottom | 20 | Bottom margin
left | 0 | Left margin
clear | none | Clear action. If set to left clears floating objects from left side.
sc_filter | true | If set to true the column content will be filtered by WordPress shorcode filter
wp_filter | false | If set to true the column content will be filtered by WordPress standard set of filters assigned to post content.

Column size
Column type
Column floating
Top margin
1000 0
Right margin
1000 0
Bottom margin
1000 0
Left margin
1000 0
Clear action
Formating settings
Apply only shortcode filter
Apply standard WordPress content filters
Display tip block with image and link

Parameter | Default | Description
--- | --- | ---
url | empty string | Tip image, usually some graphic symbol assigned to given type of tip
title | empty string | Tip title
color | #666666 | Text color
bottom | 20 | Bottom margin
link | empty string | Some URL address. The tip can be liked with this address.
link_name | empty string | Bottom margin
new_tab | false | If set to true link will be opened in new window/tab.
image_space | 100 | Image area width in pixels.

Image URL
Tip title Text color Bottom margin
1000 0
Link URL address Link name Image space
1920 1
Other settings
Open button link in new window/tab
Alow inserting YouTube or Vimeo video

Parameter | Default | Description
--- | --- | ---
url | empty string | Video URL from YouTube or Vimeo
size | 1-1 | Column size
ctype | none | Column type. This parameter has a variety of uses. Determines what type of a column, and it determines how it behaves in the contents. The column labeled as "first" is the first column on the left. The column labeled as "last" is the first column on the right. The column labeled as "next" column is located between the left and right side. Postscript "right" or "left" represents where there is a margin column.
float | none | Column floating
bottom | 20 | Bottom margin
clear | none | Clear action. If set to left clears floating objects from left side.
desc_use | true | Display description - shortcode content. If set to true and the content is available it will be displayed as video description. If set to false the content will be hidden.

Video URL from YouTube or Vimeo Column size
Column type
Video floating
Bottom margin
1000 0
Clear action
Other settings
Display shortcode content as video description
Tool for programmers, allow display fromated code in nice looking box

Parameter | Default | Description
--- | --- | ---
size | 1-1 | Column size
ctype | none | Column type. This parameter has a variety of uses. Determines what type of a column, and it determines how it behaves in the contents. The column labeled as "first" is the first column on the left. The column labeled as "last" is the first column on the right. The column labeled as "next" column is located between the left and right side. Postscript "right" or "left" represents where there is a margin column.
float | none | Column floating
clear | none | Clear action. If set to left clears floating objects from left side.
bottom | 20 | Bottom margin
lang | code | Code type. You can select php, css, html or default code style.
minimized | false | If set to true code box will be displayed after page load in minimized layout.
stripes | false | If set to true code box will be displayed with colored stripes.
title | empty string | Optional title for description
desc | empty string | Optional descripion text for code. Will be displayed at the bottom.

Column size
Column type
Floating
Clear action
Bottom margin
1000 0
Code language type
Title for optional code description Optional code description Other settings
Display in minimized state on page load
Display colored stripes
NextGen Gallery images thumbs

Parameter | Default | Description
--- | --- | ---
id | Not selected | NextGen Gallery ID
size | 1-1 | Column size
ctype | none | Column type. This parameter has a variety of uses. Determines what type of a column, and it determines how it behaves in the contents. The column labeled as "first" is the first column on the left. The column labeled as "last" is the first column on the right. The column labeled as "next" column is located between the left and right side. Postscript "right" or "left" represents where there is a margin column.
float | none | Column floating
clear | none | Clear action. If set to left clears floating objects from left side.
bottom | 0 | Bottom margin
w | 80 | Thumb width
h | 80 | Thumb height
count | 16 | Number of displayed thumbs
tright | 10 | Thumb right margin
tbottom | 10 | Thumb bottom margin
padding | 0 | Thumb padding
group | empty string | Optional images group name. Images connected in group will be displayed as one gallery. By default images are connnected in one lightbox gallery, but with this parameter you can conntected two or more galleries to one lightbox preview.
bcolor | #EEEEEE | Border color
bgcolor | #FFFFFF | Background color (visible only if thumb have some padding)
random | false | Can be set to true or false. If set to true random images are displayed from gallery.
border | false | Can be set to true or false. If set to true thumb border is displayed.
bgcolor_use | false | Can be set to true or false. If set to true background color will be used.
all | false | Can be set to true or false. If set to true all images from selected gallery will be displayed.

NextGen Gallery
Column size
Column type
Floating
Clear action
Bottom margin
1000 0
Thumb width
1000 0
Thumb height
1000 0
Number of displayed thumbs
1000 0
Thumb right margin
1000 0
Thumb bottom margin
1000 0
Thumb padding
1000 0
Group Border color Background color Other settings
Display thumb border
Display random images from gallery
Use thumb background color
Display all images from gallery (not working with random option, also parameter count will be ignored)
Displays ngg gallery as slider with thumbs list located at the bottom

Parameter | Default | Description
--- | --- | ---
id | Not selected | NextGen Gallery ID
size | 1-1 | Column size
ctype | none | Column type. This parameter has a variety of uses. Determines what type of a column, and it determines how it behaves in the contents. The column labeled as "first" is the first column on the left. The column labeled as "last" is the first column on the right. The column labeled as "next" column is located between the left and right side. Postscript "right" or "left" represents where there is a margin column.
float | none | Column floating
clear | none | Clear action. If set to left clears floating objects from left side.
bottom | 20 | Bottom margin
left | 0 | Left margin
right | 0 | Right margin
desc | empty string | Optional slider description
viewport_w | 960 | Viewport width. Before image is placed in slider is rendered to viewport. This action is needed for fiting images in one size. If image is larger then viewport, some of it part can be cuted off. If image is smaller it will be proportionally scaled. The best is using images with the same size as viewport or close to it size.
viewport_h | 480 | Viewport height
transition | fade | Slider transition type
count | 16 | Number of displayed thumbs. Ignored if option all is set to true
thumb_size | 40 | Thumb size
bcolor | #FFFFFF | Border color
random | false | Can be set to true or false. If set to true random images are displayed from gallery.
slide_title | false | Can be set to true or false. If set to true slide title is displayed.
slide_desc | false | Can be set to true or false. If set to true slide description is displayed.
all | false | Can be set to true or false. If set to true all images from selected gallery will be displayed. This option is igonred if random option is set to true

NextGen Gallery
Column size
Column type
Floating
Clear action
Bottom margin
1000 0
Left margin
1000 0
Right margin
1000 0
Slider description Viewport width
1000 0
Viewport height
1000 0
Slider transition
Number of displayed thumbs
1000 0
Thumb size
1000 0
Border color Other settings
Display random images from gallery
Display slide title
Display slide description
Display all images from gallery (not working with random option, also parameter count will be ignored)