Code Snippets

Syntax Highlighting  [label type=”info”]PHP[/label]

<?php

class PeThemeShortcodeBS_Divider extends PeThemeShortcode {

    public function __construct($master) {
        parent::__construct($master);
        $this->trigger = "divider";
        $this->group = __pe("UI");
        $this->name = __pe("Divider");
        $this->description = __pe("Add a divider");
        $this->fields = array(
                              "type"=> 
                              array(
                                    "divider" => __pe("Divider Type"),
                                    "type" => "Select",
                                    "description" => __pe("Select the type of divider required."),
                                    "options" => 
                                    array(
                                          __pe("Solid") => "solid",
                                          __pe("Dotted") => "dotted"
                                          ),
                                    "default" => "solid"
                                    )
                              );
    }

    public function output($atts,$content=null,$code="") {
        extract($atts);
        $html =<<<EOL
<div class="row-fluid">
    <div class="span12">
        <div class="divider $type clearfix"><span></span></div>
    </div>
</div>
EOL;
        return trim($html);
    }

}

?>

Fixed Height Snippet Box CSS

/*black n white image rollower efects*/

    a.peOverBW, a.peOverInfo{
        width:100%;
        height:100%;
        position:relative;
        overflow:hidden;
        display:block;
    }

    a.peOverBW img, a.peOverInfo img{
        display:block;
    }

    /*image rollover info display effect*/

    a.peOverInfo img{
        display:block;
    }

    a.peOverInfo{
        width:100%;
        height:100%;
        position:relative;
        overflow:hidden;
        display:block;
    }

    /*semi-transparent overlay*/

    .peOverElementInnerBG{
        width:100%;
        height:100%;
        position:absolute;
        background-color:rgba(0,0,0,0.3);
        top:0;
        left:0;
        z-index:1;
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        background-color: black;
    }