1. Contact
  2. Blog Postings
  3. Projects and Presentations
  4. Publications and Papers
  5. InfoViz Sources
  6. Central Asia
  7. Sandbox

Cody Behles

  • Contact
  • By: UnitedThemes
  • Email: cody.behles@gmail.com
  • Welcome to the personal website of Cody Behles, emerging technologies librarian for the University of Memphis. Included here are my publications, presentations, projects, and bits from all over that I find interesting, entertaining, and inspiring. Please feel free to contact me through the email address provided.

    1.0 Installation


    Unzip the download package and upload the theme directory /ut-strange/ into your wordpress themes directory /wp-content/themes/
    Set the following directories with writable permissions chmod#777:

    2. Option Panel


    2. Options Panel

      show/hide info bubbles.

      safe all Options!

    Simple Short Video about Configuration Panel Overview

    2.1 General


    2.1.2 Header

    2.1.3 404 Page Not Found

    If a page is requested which doesn’t exists, the 404 page will be shown.

    2.1.4 No Post Found

    If a category or archive is requested which doesn’t has any posts, this content will be shown.

    2.1.5 Footer

    2.1.6 Contact Form

    These are the settings for the shortcode [contactform]

    If there is no email address given in the shortcode, the e-mail will be send to this address

    If there is no email subject given in the shortcode, the e-mail will has this subject.

    2.1.7 Comments Form

    2.2 Styling


    2.2.1 General

    2.2.1 Styling Top Bar - Header - Title & Teaser - Content - Footer - Bottombar

     

    2.3 Home


    2.3.1 Welcome Message

    2.3.2 Service Columns

    Values for the three service columns on the startpage below the welcome message.

    2.3.3 Latest Articles

    2.3.4 Twitter

    Twitter setup to show tweets below the latest articles.

     

    2.4 Slider


    Note: Full Size Images should be: 1980px x (height you set) and Thumbnail Images should be 80px x 80px

    2.4.1 Options

    2.4.1 Manage Items

    2.5 Blog


    2.5.1 Title & Teaser

    2.5.2 Default Sidebar Options

    2.5.3 Post Listing


    2.5.4 Thumbnails

    Select "No" to set the thumbnail size by resizing the image proportionally without distorting it or "Yes" by cropping the image (either from the sides, or from the top and bottom).

    2.5.5 Reading

    Wordpress adds automaticly <p> tags in content. This can disturb the layout when using shortcodes. Disable and use shortcodes [p][/p] or [br] instead.

    Select "Yes" to hide the whole comment block if comments are disabled for this post.

    2.6 Pages


    2.6.1 Title & Teaser

    The default text for titles & teasers. Shortcodes are available.

    2.6.2 Default Sidebar Options

    Default sidebar for pages. Can be overwritten by the page itself.

    2.6.3 Reading

    Wordpress adds automaticly <p> tags in content. This can disturb the layout when using shortcodes. Disable and use shortcodes [p][/p] or [br] instead.

    Select "Yes" to hide the whole comment block if comments are disabled for this post.

    2.7 Portfolio


    Basic Portfolio Setup:

    2.7.1 General

    2.7.2 Title & Teaser

    The default text for titles & teasers. Shortcodes are available.

    2.7.3 Thumbnails

    Set the thumbnails height for each layout. Crop: Select "No" to set the thumbnail size by resizing the image proportionally without distorting it or "Yes" by cropping the image (either from the sides, or from the top and bottom).

    2.7.4 Listing

    2.7.5 Reading

    Wordpress adds automaticly <p> tags in content. This can disturb the layout when using shortcodes. Disable and use shortcode [p][/p] or [br] instead.

     

    2.8 Social


    2.8.1 Social Links Options

    2.8.2 Add and Edit Social Links

    2.9 Fonts


    2.9.1 Add and Edit Fonts

    Visit http://www.google.com/webfonts

    2.10 Sidebars


    2.10.1 Add and Edit Sidebars

    2.11 Custom Boxes


    2.11.1 Add and Edit Customs Boxes

    Upload and select item. The Size should be 32x32px.

     

    3.0 Shortcodes


    3.0.1 Post - Page Work

    Shortcode Type Options Description Example
    title single   Displays the title of the post, page or work. This post is named: [title]
    date single   Displays the publish date of the post, page or work. Posted at [date]
    author single   Displays the author of the post, page or work. This post was written by [author]
    permalink enclose fancylink=“false|true“ - default: false Links the enclosed part to the posts, pages or works url. [permalink]link to this post[/permalink]
    category single   Displays the categories name this is category: [category]
    searchterm single   Displays the search term search results for: [searchterm]
    archiveterm single   Displays the actual archive term: author, date or tag archive for: [archiveterm]

    3.0.2 Text

    Shortcode Type Options Description Example
    themecolor enclose   Displays the enclosed text in theme color, as set in Strange Options → General → Styling → Color [themecolor]this text has theme color[/themecolor]
    color enclose val="" - default: “#000000" Displays the enclosed text in color set in attribute val some text [color val="#FF0000"]this is red[/color] and [color val="red"]this is red, too[/color] and [color val="rgb(255,0,0)"]this is red, too[/color]
    b enclose   Displays the enclosed test in bold. [b]this text is bold[/b]
    i enclose   Displays the enclosed test in italic. [i]this text is italic[/i]
    u enclose   Underlines the enclosed text. [u]this text is undelined[/u]
    lt enclose   Strike through the enclosed text. [lt]this text has a line through[lt]
    p enclose   Adds paragraph tags around the enclosed part. [p]this text is an seperate paragraph[/p]
    br single   Adds a line break. line[br]new line
    line single   Displays a horizontal line. text [line] more text
    h1 enclose   Displays the enclosed text in heading style 1 [h1]headline 1[/h1]
    h2 enclose   Displays the enclosed text in heading style 2 [h2]headline 2[/h2]
    h3 enclose   Displays the enclosed text in heading style 3 [h3]headline 3[/h3]
    h4 enclose   Displays the enclosed text in heading style 4 [h4]headline 4[/h4]
    h5 enclose   Displays the enclosed text in heading style 5 [h5]headline 5[/h5]
    h6 enclose   Displays the enclosed text in heading style 6 [h6]headline 6[/h6]
    highlight enclose style=“1|2|3|4“ - default: “1“ Highlights the enclosed text. [highlight style="2"]this text is highlighted[/highlight]
    dropcap enclose style=“1|2“ - default: “1“ Styles the enclosed text as a dropcap. [dropcap]H[/dropcap]ello World!
    blockquote enclose style=“1|2|3|4|5|6“ - default: “1“ Styles the enclosed text as a quote. [blockquote style="4"]a very intelligent quote[blockquote]
    code enclose type=“pre|code“ - default: “pre“
    encode=“false|htmlspecialchars|htmlentities“ - default: “false“
    Displays the enclosed text in pre or code tags. The pre tag will display whitespaces, like space or tabulator, the code tag will ignore those. To show <  > or other special characters, set the encode attribute.
    Info: htmlspecialcharsand htmlentities
    [code encode="htmlspecialchars"]
    function hello_world(){
        echo “<h1>hello World!</h1>";
    }
    [/code]
    url enclose link=““ - default: none
    fancylink=“false|true“ - default: “false“
    target="this|new|prettybox" - default: “this"
    Links the enclosed text to url set in attribute link. To open an image or video in prettybox, set target to “prettybox". Set attribute target to “new" to open link in a new window. [url link="http://www.the.url"]Link Text[/url]
    testimonial enclose style=“normal|shadow|frame“ - default: “normal“
    img=““ - default: none
    name=““ - default: none
    namelink=““ - default: none
    company=““ - default: none
    companylink=““ - default: none
    Displays a testimonial box. [testimonial style="frame" name="John Doe" company="Foobar Inc." companylink="http://www.foobar.inc"]
    This is a quote from John Doe.
    [/testimonial]
    box enclose style=“info|success|warning|error|custom“ - default: “info“ Displays an info box. [box style="error"]ERROR: there's something wrong going on in texas[box]

    3.0.3 Lists

    Shortcode Type Option Description Example
    list enclose style=“check|heart|favourite|plus“ - default: “check“ Creates a list. [list style="favourite"]
        [item]List tem 1
        [item]List tem 2
    [/list]
    item single   Creates a lists item.
           

    3.0.4 Tables

    Shortcode Type Option Description Example
    table enclose   Creates a table. [table]
        [row]
            [head]top 1[/head] [head]top 2[/head]
        [/row]
        [row]
            [cell]content 1[/cell] [cell]content 2[/cell]
        [/row]
    [/table]
    row enclose any HTML attributes, e.g. rowspan=“2“ Creates a tables row.
    head enclose any HTML attributes, e.g. colspan=“2“ Creates a tables heading cell.
    cell enclose any HTML attributes, e.g. colspan=“2“ Creates a tables content cell.
           
           
           
           

    3.0.5 Tabs

    Shortcode Type Option Description Example
    tabs enclose   Creates a tab panel. [tabs]
        [tabpane title="Tab1 Title"]Tab1 Content[/tabpane]
        [tabpane title="Tab2 Title"]Tab2 Content[/tabpane]
    [/tabs]
    tabpane enclose title=““ - default: none Creates a tab item. Attribute title is the text for the tab and the enclosed part the content.
           

    3.0.6 Accordion

    Shortcode Type Option Description Example
    accordion enclose   Creates an accordion panel. [accordion]
        [accpane title="Tab1 Title"]Tab1 Content[/accpane]
        [accpane title="Tab2 Title"]Tab2 Content[/accpane]
    [/accordion]
    accpane enclose title=““ - default: none Creates a tab item. Attribute title is the text for the tab and the enclosed part the content.
           

    3.0.7 Forms

    Shortcode Type Option Description Example
    searchform single   Displays the searchform. Maybe the search will find some results: [searchform]
    contactform single mailto="" - default: option panel mail
    subject="" - default: option panel subject
    Displays the contactform. Feedback: [contactform mailto="mail@foobar.com" subject="Site Feedback"]

    3.0.8 Layout

    Shortcode Type Option Description Example
    one_half enclose fancybox="true|false" - default “false" Creates an area with the size of a half of the page. [one_half]some text[/one_half]
    [one_half_last]some more text[/one_half_last]
    one_half_last enclose fancybox="true|false" - default “false" Creates an area with the size of a half of the page.
    one_third enclose fancybox="true|false" - default “false" Creates an area with the size of a third of the page. [one_third]some text[/one_third]
    [one_third]some more text[/one_third]
    [one_third_last]some more text[/one_third_last]
    one_third_last enclose fancybox="true|false" - default “false" Creates an area with the size of a third of the page.
    two_third enclose fancybox="true|false" - default “false" Creates an area with the size of two thirds of the page. [one_third]some text[/one_third]
    [two_third_last]some more text[/two_third_last]
    two_third_last enclose fancybox="true|false" - default “false" Creates an area with the size of two thirds of the page.
    one_fourth enclose fancybox="true|false" - default “false" Creates an area with the size of a fourth of the page. [one_fourth]some text[/one_fourth]
    [one_fourth]some more text[/one_fourth]
    [one_fourth]some more text[/one_fourth]
    [one_fourth_last]some more text[/one_fourth_last]
    one_fourth_last enclose fancybox="true|false" - default “false" Creates an area with the size of a fourth of the page.
    three_fourth enclose fancybox="true|false" - default “false" Creates an area with the size of three fourth of the page. [three_fourth]some text[three_fourth]
    [one_fourth_last]some more text[/one_fourth_last]
    three_fourth_last enclose fancybox="true|false" - default “false" Creates an area with the size of three fourth of the page.
    float_right enclose   Floats the enclosed part to the right. [float_right]this text is floating to the right[/float_right] this will float, too.[float_left]this text is floating to the left[/float_left] this will float, too, until [clear] so, this text doesn't float anymore.
    float_left enclose   Floats the enclosed part to the left.
    clear single   Breaks any floating.
           

    3.0.8 Media

    Shortcode Type Option Description Example
    img enclose style="normal|fancybox|frame|shadow" - default: “normal"
    caption="" - default: none
    prettylink=“any url“ - default: none
    prettytitle=““ - default: none
    prettygallery=“true|false“ - default: “false“
    alt=““ - default: none
    align=“middle|left|right“ - default: “middle“
    Displays an image. Attribute style sets the image style. Caption adds text below the image, looks great with the fancybox style. Prettylink is the url to an image or video which the image is linked to and will be opend in the prettybox. Prettytitle set the title for the box and gallery is a name of an image set shown as a gallery in the box. Alt is an alternative title and the alignment sets the floating direction. [img]http://www.url.to/the/image.jpg[/img]
    video_vimeo enclose width=““ - default: “626“
    height=““ - default: “386“
    and any youtube parameter, e.g.
    autoplay=“1“ start=“3600“
    Displays video from vimeo. Enclose the video id. [video_vimeo]123456[/video_vimeo]
    video_youtube enclose width=““ - default: “626“
    height=““ - default: “386“
    and any vimeo parameter, e.g.
    title=“Vimeo Video“ color=“336699“
    Displays video from vimeo. Enclose the video id. [video_youtube]12ab34cd[/video_youtube]

    3.0.9 Google Maps

    Shortcode Type Option Description Example
    googlemap single width="" - default: “626"
    height="" - default: “250"
    address="" - default: “times square new york"
    zoom="" - default: “14"
    Displays an interactive java or static image google map. Set width and height in px, the address as a string and the zoom factor as a number. The lower zoom number, the farther away is the view. [googlemap width="800" height="600" address="100 Biscayne Blvd., Florida 33132" zoom="8"]
    googlemap_static single [googlemap_static width="800" height="600" address="100 Biscayne Blvd., Florida 33132" zoom="8"]

     

    Sample Pages


    Just copy&paste these codes the get an overview how things can work!

    For more examples feel free to use our Demo!

    Strange Demo
    User: demo
    Password: demo

    Due Security reasons we disabled the fileupload. The demo resets itself every 15 Minutes!


    Want to import Demo Content directly to you Wordpress?

    Use the Wordpress Import Tool. Go to Tools -> Import and choose

    "Wordpress Import posts, pages, comments, custom fields, categories, and tags from a WordPress export file."

    After activating go to this point again and click on it. Now you need to upload an example content with the help of this file:

    Demo Content File (right click: save link as)
     


    Make sure you are working in HTML Mode!

    Basic contact form with google maps!

    [h4]we are here[/h4]
    [googlemap width="626" height="352" address="100 Biscayne Blvd., Florida 33132"]
    
    [line]
    
    [h4]send us an email[/h4]
    [contactform mailto="no" subject="whatever" submit="send mail"]
    

    Full width Page

    [h4]Another nice pic, i mean a page :-)[/h4]
    [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/p]
    [line]
    [img prettylink="http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/full_04.jpg"]http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/full_04.jpg[/img]
    

    Blockquotes

    [h4]Style 1[/h4]
    [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.[/p]
    [blockquote]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.[/blockquote]
    
    [line]
    
    [h4]Style 2[/h4]
    [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.[/p]
    [blockquote style="2"]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.[/blockquote]
    
    [line]
    
    [h4]Style 3[/h4]
    [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.[/p]
    [blockquote style="3"]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.[/blockquote]
    
    [line]
    
    [h4]Style 4[/h4]
    [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.[/p]
    [blockquote style="4"]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.[/blockquote]
    
    [line]
    
    [h4]Style 5[/h4]
    [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.[/p]
    [blockquote style="5"]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.[/blockquote]
    
    [line]
    
    [h4]Style 6[/h4]
    [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.[/p]
    [blockquote style="6"]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et.[/blockquote]

    Service Page

    [one_third]
    [h4]What We See[/h4]
    [num1] [p]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Donec quam felis, ultricies nec, pellentesque eu, pretium.[/p]
    [/one_third]
    
    [one_third]
    [h4]What we do[/h4]
    [num2] [p]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Donec quam felis, ultricies nec, pellentesque eu, pretium.[/p]
    [/one_third]
    
    [one_third_last]
    [h4]What You Get[/h4]
    [num3] [p]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Donec quam felis, ultricies nec, pellentesque eu, pretium.[/p]
    [/one_third_last]
    
    [line]
    
    [one_fourth]
    [h4]flexible admin panel[/h4]
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    
    [/one_fourth]
    [one_fourth]
    [h4]unlimited colors[/h4]
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    
    [/one_fourth]
    [one_fourth]
    [h4]full translation ready[/h4]
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    
    [/one_fourth]
    [one_fourth_last]
    [h4]50+ useful shortcodes[/h4]
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    
    [/one_fourth_last]

    Team Page

    [h4]We are United Themes and we are awesome[/h4]
    [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/p]
    [line]
    [one_third fancybox="true"]
    [img align="middle"]http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/team1.jpg[/img] [h4]Marcel M.[/h4] [b]The Man With the Plan[/b] [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/p]
    [list class="social team"]
    [item] [url fancylink="true" link="#"]Google+[/url]
    [item] [url fancylink="true" link="#"]Facebook[/url]
    [item] [url fancylink="true" link="#"]Twitter[/url]
    [/list]
    [/one_third]
    
    [one_third fancybox="true"]
    [img align="middle"]http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/team2.jpg[/img] [h4]Matthew N.[/h4] [b]CTO ⁄ Chief Technology Officer[/b] [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/p]
    [list class="social team"]
    [item] [url fancylink="true" link="#"]Google+[/url]
    [item] [url fancylink="true" link="#"]Facebook[/url]
    [item] [url fancylink="true" link="#"]Twitter[/url]
    [/list]
    [/one_third]
    
    [one_third_last fancybox="true"]
    [img align="middle"]http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/team3.jpg[/img] [h4]Alex S.[/h4] [b]Coding Developer[/b] [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/p]
    [list class="social team"]
    [item] [url fancylink="true" link="#"]Google+[/url]
    [item] [url fancylink="true" link="#"]Facebook[/url]
    [item] [url fancylink="true" link="#"]Twitter[/url]
    [/list]
    [/one_third_last] 
    

    Tabs & Accordions

    [h4]Tabs[/h4]
    [tabs]
    [tabpane title="first pane"]
       [img style="frame" align="left"]http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/avatar.jpg[/img]
       [h4]UnitedThemes[/h4]
       [p] [b]Lorem ipsum dolor sit amet, consetetur sadipscing elitr.[/b] [/p]
       [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/p]
    [/tabpane]
    [tabpane title="second pane"]
       [h4]Strike while the iron is hot[/h4]
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    [/tabpane]
    [tabpane title="third pane"]
        [h4]Snug as a bug in a rug[/h4]
        [p] [b]Lorem ipsum dolor sit amet, consetetur sadipscing elitr.[/b] [/p]
        [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/p]
    [/tabpane]
    [/tabs]
    
    [line]
    
    [h4]Accordion[/h4]
    [accordion]
    [accpane title="first pane"]
       [img style="frame" align="left"]http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/avatar.jpg[/img]
       [h4]UnitedThemes[/h4]
       [p] [b]Lorem ipsum dolor sit amet, consetetur sadipscing elitr.[/b] [/p]
       [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/p]
    [/accpane]
    [accpane title="second pane"]
       [h4]Strike while the iron is hot[/h4]
       Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    [/accpane]
    [accpane title="third pane"]
        [h4]Snug as a bug in a rug[/h4]
        [p] [b]Lorem ipsum dolor sit amet, consetetur sadipscing elitr.[/b] [/p]
        [p]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.[/p]
    [/accpane]
    [/accordion]
    

    Testimonial

    [h4]Normal[/h4]
    [testimonial img="http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/avatar.jpg" name="John Doe" company="Company Name" companylink="#"]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur.
    [/testimonial]
    [line]
    
    [h4]With frame[/h4]
    [testimonial img="http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/avatar.jpg" style="frame" name="John Doe" company="Company Name" companylink="#"]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur.
    [/testimonial]
    [line]
    
    [h4]With shadow[/h4]
    [testimonial img="http://themeforest.unitedthemes.com/themes/strange/img/pictures/default/avatar.jpg" style="shadow" name="John Doe" company="Company Name" companylink="#"]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur.
    [/testimonial]
    

     

    3.1 Strange Post Options


    3.1.1 Post


    3.1.2 Post Categories

    Leave blank to show the default title as set in  Strange Options → Blog → Title & Teaser → Post Title

    Leave blank to show the default teaser as set in Strange Options → Blog → Title & Teaser → Post Teaser

    Leave blank to show the default title as set in Strange Options → Blog → Title & Teaser → Category Title

    Leave blank to show the default teaser as set in Strange Options → Blog → Title & Teaser → Category Teaser

    3.2 Strange Page Options


    3.3 Strange Portfolio Options


    3.3.1 Work

    The link text can be set in Strange Options → Portfolio → General → Link Text


    3.3.2 Portfolio Categories

    Leave blank to show the default title as set in Strange Options → Portfolio → Title & Teaser → Work Title

    Leave blank to show the default teaser as set in Strange Options → Portfolio → Title & Teaser → Work Teaser

    Leave blank to show the default title as set in Strange Options → Portfolio → Title & Teaser → Category Title

    Leave blank to show the default teaser as set in Strange Options → Portfolio → Title & Teaser → Category Teaser

    4.0 Translation


    Strange is fully Translation ready! To start the Translation we recommend to use the following plugin Codestyling Localization be installed to your Wordpress.

    After activating the plugin go to:

    1. Tools
    2. Localization
    3. find: Strange Theme
    4. choose: Add New Language
    5. choose Language
    6. create po-file
    7. do a "rescan"

    Now you can edit and translate every option!

    We constantly develop new features and releasing new Updates for this theme. After downloading the latest Version we recommend to push the "rescan" button and fill out the new items.

    5.0 Credits


    Plugins

    Icons

    Fonts

    Changelog


    Version 2.0

    Version 1.2

    Version 1.1

    Need Help?


    If you need help, please do not hesitate to contact us! To grant best support we set up a support forum at http://support.unitedthemes.com. Channeling all requests at one place keeps and makes it simple, easier and even more effective for every customers to get quick help. All issues, requests and questions can be discussed and answered at one place. Please note, you will only get access to our forums with a valid purchase key!