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;
}