Skematik theme framework shortcodes and their attributes

Button Group
no options: [button_group][/button_group]

Buttons – 3 sizes, 7 colors and 140 icons)
[button url=”URL to launch to launch” size=”mini, small, medium, or large” type=”primary, default, info, success, danger, warning, or inverse” text=”Button Text” icon=”whichever icon you want” iconcolor=”white or black” target=”_self or _blank”][/button]

Labels – Text surrounded by a solid color for importance
[label style=”primary, default, info, success, danger, warning, or inverse” text=”whatever”][/label]

Badges – Text surrounded by a solid color for importance.
[badge style=”primary, default, info, success, danger, warning, or inverse” text=”whatever”][/badge]

Code – Code box for showing code.
[code scroll=”true or false”]Code goes here[/code]

Row – This is just a div to put things into.  The grid system used is 12 columns wide.  You can use the column shortcode to divide the page like text going 3 columns wide, then text next to that which is 4 columns wide, and a picture that’s 5 columns wide, or just something that takes up an entire row. Put column shortcodes between the start and end.
[row][/row]

Column – Empty space with adjustable width (the code mistakenly says “height”)
[column span=”from 1 to 12″]Content goes here[/column]

Lead – Lead Parargaph
[lead align=”default, left, center, or right”]Content goes here[/lead]

Page Header
[header text=”Heading Text” subtext=”Sub Text”]

Divider
[divider]

Jumbotron
[jumbotron background=”#ffffff” color=”#333333″]Content goes here[/jumbotron]
Alert – Alert box with optional padding and close button
[alert heading=”Alert Heading” type=”alert-info, alert-success, or alert-failure” block=”true or false” close=”true or false”]your alert message here[/alert]

Blockquote -Blockquote quotation with citation
[blockquote cite=”Author or source name” float=”no-float, left, or right” align=”left or right”]quoted text[/blockquote]

Popovers – 3 sizes, 7 colors and 140 icons
[popover text=”text” title=”title” desc=”description” link=”URL to launch” target=”_self or _blank” button=”true or false” size=”mini, small, medium, or large” type=”primary, default, info, success, danger, warning, or inverse”]

Tooltips – 3 sizes, 7 colors and 140 icons

[tooltip text=”text” title=”description” link=”URL to launch” target=”_self or _blank” icon=”glass (oor any other icon listed below)” iconcolor=”white or black” button=”true or false” size=”mini, small, medium, or large” type=”primary, default, info, success, danger, warning, or inverse”]

Progress Bar
[progress width=”25″ striped=”on or off” animate=”on or off (requires striped)” type=”primary, info, success, danger, warning”]

Carousel – A Carousel of your gallery’s images.  You must enter the actual IDs of the images.
[carousel_gallery include=”1,2,3″ exclude=”4,5,6″]

Menu – Display any of your menus.  How do you tell it which menu?
[menu style=”pills or tabs” stacked=”true or false”]

Accordion Group
[accordion][/accordion]

Accordion
[accordion title=”Title here” id=”id-here”]Content goes here[/accordion]

Icons – Button Icons and really, anywhere you want one.
[icon type=”any of the icon names below” size=”default” float=”none” color=”default”]

Icon Names
none,glass,music,search,envelope,heart,star,star-empty,user,film,th-large,th,th-list,ok,remove,zoom-in,zoom-out,off,signal,cog,trash,home,file,time,road,download-alt,download,upload,inbox,play-circle,repeat,refresh,list-alt,lock,flag,headphones,volume-off,volume-down,volume-up,qrcode,barcode,tag,tags,book,bookmark,print,camera,icon-font,bold,italic,text-height,text-width,align-left,align-center,align-right,align-justify,list,indent-left,indent-right,facetime-video,picture,pencil,map-marker,adjust,tint,edit,share,check,move,step-backward,fast-backward,backward,play,pause,stop,forward,fast-forward,step-forward,eject,chevron-left,chevron-right,plus-sign,minus-sign,remove-sign,ok-sign,question-sign,info-sign,screenshot,remove-circle,ok-circle,ban-circle,arrow-left,arrow-right,arrow-up,arrow-down,share-alt,resize-full,resize-small,plus,minus,asterisk,exclamation-sign,gift,leaf,fire,eye-open,eye-close,warning-sign,plane,calendar,random,comment,magnet,chevron-up,chevron-down,retweet,shopping-cart,folder-close,folder-open,resize-vertical,resize-horizontal,hdd,bullhorn,bell,certificate,thumbs-up,thumbs-down,hand-right,hand-left,hand-up,hand-down,circle-arrow-right,circle-arrow-left,circle-arrow-up,circle-arrow-down,globe,wrench,tasks,filter,briefcase,fullscreen

 

Your email address will not be published. Required fields are marked *