By: husamrayan
Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!
Logos is responsive wordpress plugin, with this plugin you can display your logos images in a grid, carousel slider and list, you can group a set of logos images by category such as (Clients, Partners, Sponsors) and save your time with shortcode generator page.
This plugin perfect to:1.Slider
<div class="logooos_container"> <div class="logooos" > <div class="logooos_item"> <a href="" target="link target" style="background-image:url(url); "> <img src="src" title="" /> <span class="logooos_effectspan"></span> </a> </div> <div class="logooos_item"> <a href="" target="link target" style="background-image:url(url); "> <img src="src" title="" /> <span class="logooos_effectspan"></span> </a> </div> </div> </div>
2.grid
<div class="logooos_container"> <div class="logooos" > <div class="logooos_item"> <a href="" target="link target" style="background-image:url(url); "> <img src="src" title="" /> <span class="logooos_effectspan"></span> </a> </div> <div class="logooos_item"> <a href="" target="link target" style="background-image:url(url); "> <img src="src" title="" /> <span class="logooos_effectspan"></span> </a> </div> </div> </div>
3.list
<div class="logooos_container"> <div class="logooos" > <div class="logooos_item"> <a href="url" target="link target" style="background-image:url(url); "> <img src="src" title="" /> <span class="logooos_effectspan"></span> </a> </div> <div class="logooos_textcontainer" > <div class="logooos_title" >title</div> <div class="logooos_text"> <p>text</p> <a href="url" target="link target" class="logooos_morelink" >more link text</a> </div> </div> <div class="logooos_item"> <a href="url" target="link target" style="background-image:url(url); "> <img src="src" title="" /> <span class="logooos_effectspan"></span> </a> </div> <div class="logooos_textcontainer" > <div class="logooos_title" >title</div> <div class="logooos_text"> <p>text</p> <a href="url" target="link target" class="logooos_morelink" >more link text</a> </div> </div> </div> </div>
1.Logos items style (logos.css)
/* ======================= Logooos ======================= */
div.logooos_container {
display:block;
margin:0px 1px 1px 0px;
}
div.logooos {
display:block;
margin:0px;
padding:0px;
width:100%;
line-height:0px !important;
}
div.logooos div.logooos_item {
position:relative !important;
display: none;
width: 25%;
height:200px;
background-color: #fff;
overflow:hidden;
-webkit-transition: box-shadow 0.5s, border-color 0.5s;
-moz-transition: box-shadow 0.5s, border-color 0.5s;
-o-transition: box-shadow 0.5s, border-color 0.5s;
-ms-transition: box-shadow 0.5s, border-color 0.5s;
transition: box-shadow 0.5s, border-color 0.5s;
}
div.logooos div.logooos_item a {
display:block;
width:100%;
height:100%;
position:relative;
margin:0px;
padding:0px;
overflow:hidden;
text-align: center;
color:transparent !important;
background-repeat:no-repeat;
background-position:center center;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
div.logooos div.logooos_item a:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
visibility:hidden;
margin-right: -1.5px; /* Adjusts for spacing */
margin-top: -1.5px;
}
div.logooos div.logooos_item a .logooos_effectspan {
display:block;
width:100%;
height:100%;
position:absolute;
top:0px;
left:0px;
z-index:5;
margin:-3px;
padding:3px;
-webkit-transition: box-shadow 0.5s;
-moz-transition: box-shadow 0.5s;
-o-transition: box-shadow 0.5s;
-ms-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}
div.logooos div.logooos_item a img{
padding:0px;
margin:0px;
float:none;
display:none;
vertical-align:middle;
border:none;
-webkit-box-shadow: none;
box-shadow: none;
box-shadow: none \0/IE9; /* IE9 */
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
/* ----------------- border ----------------- */
div.logooos.logooos_border div.logooos_item {
border: 1px solid #DCDCDC;
margin: 0px -1px -1px 0px;
}
div.logooos.logooos_no_border div.logooos_item {
border: 1px solid transparent;
margin: 0px -1px -1px 0px;
}
/* ----------------- border radius ----------------- */
div.logooos.logooos_no_radius div.logooos_item,
div.logooos.logooos_no_radius div.logooos_item a .logooos_effectspan {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
div.logooos.logooos_small_radius div.logooos_item {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
div.logooos.logooos_small_radius div.logooos_item a ,
div.logooos.logooos_small_radius div.logooos_item a .logooos_effectspan {
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
div.logooos.logooos_medium_radius div.logooos_item {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
div.logooos.logooos_medium_radius div.logooos_item a ,
div.logooos.logooos_medium_radius div.logooos_item a .logooos_effectspan{
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
div.logooos.logooos_large_radius div.logooos_item {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
div.logooos.logooos_large_radius div.logooos_item a ,
div.logooos.logooos_large_radius div.logooos_item a .logooos_effectspan {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
/* ----------------- Effects ----------------- */
div.logooos.effect1 div.logooos_item:hover,
div.logooos.effect3 div.logooos_item:hover {
position:relative;
z-index:2;
}
/* ----------------- Grayscale ----------------- */
div.logooos.logooos_grayscale div.logooos_item a {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
div.logooos.logooos_grayscale div.logooos_item:hover a {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}
/* =================== Slider =================== */
a.logooos_next,
a.logooos_prev {
display:block;
width:27px;
height:27px;
position:absolute;
outline: none !important;
z-index:10;
background-repeat:no-repeat;
background-color:#FFFFFF;
border:1px solid #dcdcdc;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
border-radius: 10%;
-webkit-transition: background-position .3s;
-moz-transition: background-position .3s;
-o-transition: background-position .3s;
-ms-transition: background-position .3s;
transition: background-position .3s;
}
a.logooos_next {
right:0px;
background-image:url(../images/next.png);
background-position:right top;
}
a.logooos_next:hover {
background-position:left top;
}
a.logooos_prev {
left:0px;
background-image:url(../images/prev.png);
background-position:left top;
}
a.logooos_prev:hover {
background-position:right top;
}
/* ----------------- arrows colors ----------------- */
/* light gray */
a.logooos_next.logooos_lightgrayarrows {
background-position:right top;
}
a.logooos_next.logooos_lightgrayarrows:hover {
background-position:left top;
}
a.logooos_prev.logooos_lightgrayarrows {
background-position:left top;
}
a.logooos_prev.logooos_lightgrayarrows:hover {
background-position:right top;
}
/* dark gray */
a.logooos_next.logooos_darkgrayarrows {
background-position:right center;
}
a.logooos_next.logooos_darkgrayarrows:hover {
background-position:left center;
}
a.logooos_prev.logooos_darkgrayarrows {
background-position:left center;
}
a.logooos_prev.logooos_darkgrayarrows:hover {
background-position:right center;
}
/* white */
a.logooos_next.logooos_whitearrows {
background-position:right bottom;
}
a.logooos_next.logooos_whitearrows:hover {
background-position:left bottom;
}
a.logooos_prev.logooos_whitearrows {
background-position:left bottom;
}
a.logooos_prev.logooos_whitearrows:hover {
background-position:right bottom;
}
/* =================== List =================== */
div.logooos.logooos_list div.logooos_item {
float:left;
width:180px;
z-index:10;
}
div.logooos.logooos_list div.logooos_textcontainer {
line-height:1.8;
color:#777777;
margin-bottom:30px;
min-height:120px;
}
div.logooos.logooos_list.logooos_listborder div.logooos_textcontainer {
padding-bottom:30px;
border-bottom:1px dashed #DCDCDC;
}
div.logooos.logooos_list.logooos_listborder div.logooos_textcontainer:last-child {
padding-bottom:0px;
margin-bottom:0px;
border-bottom-style:none;
border-bottom-width:0px;
}
div.logooos.logooos_list div.logooos_textcontainer div.logooos_title {
font-weight:bold;
font-size:15px;
margin-bottom:10px;
margin-left:210px;
}
div.logooos.logooos_list div.logooos_textcontainer div.logooos_text {
font-size:12px;
margin-left:210px;
}
div.logooos.logooos_list div.logooos_textcontainer div.logooos_text p {
margin-top:20px;
padding-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}
div.logooos.logooos_list div.logooos_textcontainer div.logooos_text p:first-child {
margin-top:0px;
padding-top:0px;
}
div.logooos.logooos_list div.logooos_textcontainer div.logooos_text a.logooos_morelink {
color:#999999;
text-decoration:none;
margin-top:20px;
display:inline-block;
}
div.logooos.logooos_list div.logooos_textcontainer div.logooos_text a.logooos_morelink:hover {
text-decoration:underline;
}
/* =================== Tooltip =================== */
div.logooos_tooltip {
position:absolute;
text-align:center;
max-width:200px;
z-index:1000;
}
div.logooos_tooltip span.logooos_tooltipText {
font-size:12px;
font-family:Tahoma;
color:#ffffff;
background-color: #666666;
padding: 5px 15px;
margin:10px 0px 10px 0px;
display:inline-block;
position:relative;
line-height:1.8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
div.logooos_tooltip span.logooos_tooltipText span.logooos_tooltipArrow {
position:absolute;
background-image:url(../images/arrow.png);
background-repeat:no-repeat;
display:block;
width:100%;
height:7px;
left:0px;
margin:-1px 0px;
padding:1px 0px;
}
/* =================== Responsive =================== */
@media (max-width: 1024px), (max-device-width: 1024px) {
a.logooos_next {
display:block !important;
}
a.logooos_prev {
display:block !important;
}
}
2.Admin style (admin.css)
/* ======================= General Style ======================= */
.horizontalRuler {
border: 0;
color: #DCDCDC;
background-color: #DCDCDC;
height: 1px;
width: 100%;
text-align: left;
margin-top:20px;
margin-bottom:20px;
}
#titlediv {
margin-bottom:20px;
}
#logooos_page_title {
font-weight:normal;
color:#777777;
height:60px;
line-height:60px;
border-bottom:1px solid #DDDDDD;
margin:0px 20px 20px 0px;
}
.successMessage {
background-color: #fffbcc;
border:1px solid #e6db55;
padding:10px;
margin:0px 20px 20px 0px;
color:#777777;
}
.failMessage {
background-color: #ffd1d1;
border:1px solid #db7a7a;
padding:10px;
margin:0px 20px 20px 0px;
color:#777777;
}
/* ======================= Generate Shortcode ======================= */
#logooos_gene_short_leftSidebar {
width:220px;
float:left;
border:1px solid #DDDDDD;
background-color:#F5F5F5;
padding:10px;
}
#logooos_gene_short_leftSidebar .row {
display:block;
margin-top:10px;
padding-top:10px;
border-top:1px solid #DDDDDD;
}
#logooos_gene_short_leftSidebar .row:first-child {
margin-top:0px;
padding-top:0px;
border-top:none;
}
#logooos_gene_short_leftSidebar .row label {
display:block;
margin-bottom:5px;
font-weight:bold;
}
#logooos_gene_short_leftSidebar .row select,
#logooos_gene_short_leftSidebar .row input[type="text"] {
width:218px;
margin:0px;
}
#logooos_gene_short_leftSidebar .row .button-primary {
height: 26px;
display: inline-block;
vertical-align: top;
}
#logooos_noteParagraph {
margin:0px 20px 20px 262px;
color:#777777;
}
#logooos_div_shortcode {
background-color: #fffbcc;
border:1px solid #e6db55;
padding:10px;
margin:0px 20px 20px 262px;
color:#777777;
}
#logooos_gene_short_preview {
margin:0px 20px 0px 262px;
/*padding:25px;
border:1px solid #DDDDDD;*/
}
.logooos_farbtastic {
display:none;
}
This plugin imports three Javascript files.
(function($){
$(document).ready(function(){
// inputs
logooos_categoriesList = $('#logooos_categoriesList');
logooos_columnsNumberList = $('#logooos_columnsNumberList');
logooos_layout = $('#logooos_layout');
logooos_tooltipList = $('#logooos_tooltipList');
logooos_responsiveList = $('#logooos_responsiveList');
logooos_grayscaleList = $('#logooos_grayscaleList');
logooos_orderByList = $('#logooos_orderByList');
logooos_orderList = $('#logooos_orderList');
logooos_bgColorInput = $('#logooos_bgColorInput');
logooos_NumberInput = $('#logooos_NumberInput');
logooos_marginBetweenItems = $('#logooos_marginBetweenItems');
logooos_border = $('#logooos_border');
logooos_borderColor = $('#logooos_borderColor');
logooos_borderRadius = $('#logooos_borderRadius');
logooos_autoplay = $('#logooos_autoplay');
logooos_scrollduration = $('#logooos_scrollduration');
logooos_pauseduration = $('#logooos_pauseduration');
logooos_buttonsbordercolor = $('#logooos_buttonsbordercolor');
logooos_buttonsbgcolor = $('#logooos_buttonsbgcolor');
logooos_buttonsarrowscolor = $('#logooos_buttonsarrowscolor');
logooos_hovereffect = $('#logooos_hovereffect');
logooos_hoverEffectColor = $('#logooos_hoverEffectColor');
logooos_font_style = $('#logooos_font_style');
logooos_title_font_family = $('#logooos_title_font_family');
logooos_title_font_color = $('#logooos_title_font_color');
logooos_title_font_size = $('#logooos_title_font_size');
logooos_title_font_weight = $('#logooos_title_font_weight');
logooos_text_font_family = $('#logooos_text_font_family');
logooos_text_font_color = $('#logooos_text_font_color');
logooos_text_font_size = $('#logooos_text_font_size');
logooos_list_border = $('#logooos_list_border');
logooos_listBorderColor = $('#logooos_listBorderColor');
logooos_list_border_style = $('#logooos_list_border_style');
logooos_moreLinkText = $('#logooos_moreLinkText');
logooos_more_link_text_color = $('#logooos_more_link_text_color');
logooos_controls = $('input,select');
logooos_buttons = $('.button-primary');
// options
slider_options = $('.slider_option');
grid_options = $('.grid_option');
list_options = $('.list_option');
border_options = $('.border_option');
hovereffect_options = $('.hovereffect_option');
font_options = $('.font_option');
list_border_options = $('.list_border_option');
if(logooos_layout.val() == 'slider') {
grid_options.slideUp();
list_options.slideUp();
slider_options.slideDown();
}
else if(logooos_layout.val() == 'grid') {
slider_options.slideUp();
list_options.slideUp();
grid_options.slideDown();
}
else if(logooos_layout.val() == 'list') {
slider_options.slideUp();
grid_options.slideUp();
list_options.slideDown();
}
if(logooos_border.val() == 'disabled') {
border_options.slideUp();
}
if(logooos_font_style.val() == 'default') {
font_options.slideUp();
}
if(logooos_list_border.val() == 'disabled') {
list_border_options.slideUp();
}
if(logooos_hovereffect.val() == '' || logooos_hovereffect.val() == 'effect4') {
hovereffect_options.slideUp();
}
logooos_layout.change(function(){
if(logooos_layout.val() == 'slider') {
grid_options.slideUp();
list_options.slideUp();
slider_options.slideDown();
}
else if(logooos_layout.val() == 'grid') {
slider_options.slideUp();
list_options.slideUp();
grid_options.slideDown();
}
else if(logooos_layout.val() == 'list') {
slider_options.slideUp();
grid_options.slideUp();
list_options.slideDown();
if(logooos_font_style.val() == 'custom') {
font_options.slideDown();
}
else if(logooos_font_style.val() == 'default') {
font_options.slideUp();
}
if(logooos_list_border.val() == 'enabled') {
list_border_options.slideDown();
}
else if(logooos_list_border.val() == 'disabled') {
list_border_options.slideUp();
}
}
});
logooos_border.change(function(){
if(logooos_border.val() == 'enabled') {
border_options.slideDown();
}
else if(logooos_border.val() == 'disabled') {
border_options.slideUp();
}
});
logooos_font_style.change(function(){
if(logooos_font_style.val() == 'custom') {
font_options.slideDown();
}
else if(logooos_font_style.val() == 'default') {
font_options.slideUp();
}
});
logooos_list_border.change(function(){
if(logooos_list_border.val() == 'enabled') {
list_border_options.slideDown();
}
else if(logooos_list_border.val() == 'disabled') {
list_border_options.slideUp();
}
});
logooos_hovereffect.change(function(){
if(logooos_hovereffect.val() == '' || logooos_hovereffect.val() == 'effect4') {
hovereffect_options.slideUp();
}
else {
hovereffect_options.slideDown();
}
});
// containers
logooos_div_shortcode = $('#logooos_div_shortcode');
logooos_gene_short_preview = $('#logooos_gene_short_preview');
logooos_generate_shortcode();
logooos_controls.change(function(){
logooos_generate_shortcode();
});
logooos_buttons.click(function(){
logooos_generate_shortcode();
});
});
function logooos_generate_shortcode() {
var postarray = {};
var shortcode='[logooos ';
if( logooos_layout.val()!='list' ) {
postarray['columns'] = logooos_columnsNumberList.val();
shortcode+='columns="'+logooos_columnsNumberList.val()+'" ';
}
if( logooos_bgColorInput.val()!='' ) {
postarray['backgroundcolor'] = logooos_bgColorInput.val();
shortcode+='backgroundcolor="'+logooos_bgColorInput.val()+'" ';
}
postarray['layout'] = logooos_layout.val();
shortcode+='layout="'+ logooos_layout.val() +'" ';
if( logooos_NumberInput.val()!='' ) {
postarray['num'] = logooos_NumberInput.val();
shortcode+='num="'+logooos_NumberInput.val()+'" ';
}
postarray['category'] = logooos_categoriesList.val();
shortcode+='category="'+logooos_categoriesList.val()+'" ';
postarray['orderby'] = logooos_orderByList.val();
shortcode+='orderby="'+logooos_orderByList.val()+'" ';
postarray['order'] = logooos_orderList.val();
shortcode+='order="'+logooos_orderList.val()+'" ';
if( logooos_layout.val()!='list' ) {
if( logooos_marginBetweenItems.val()!='' ) {
postarray['marginbetweenitems'] = logooos_marginBetweenItems.val();
shortcode+='marginbetweenitems="'+logooos_marginBetweenItems.val()+'" ';
}
}
if( logooos_layout.val()!='list' ) {
postarray['tooltip'] = logooos_tooltipList.val();
shortcode+='tooltip="'+ logooos_tooltipList.val() +'" ';
}
postarray['responsive'] = logooos_responsiveList.val();
shortcode+='responsive="'+ logooos_responsiveList.val() +'" ';
postarray['grayscale'] = logooos_grayscaleList.val();
shortcode+='grayscale="'+ logooos_grayscaleList.val() +'" ';
postarray['border'] = logooos_border.val();
shortcode+='border="'+ logooos_border.val() +'" ';
if( logooos_border.val()=='enabled' ) {
if( logooos_borderColor.val()!='list' ) {
postarray['bordercolor'] = logooos_borderColor.val();
shortcode+='bordercolor="'+ logooos_borderColor.val() +'" ';
}
}
postarray['borderradius'] = logooos_borderRadius.val();
shortcode+='borderradius="'+ logooos_borderRadius.val() +'" ';
if( logooos_layout.val()=='slider' ) {
postarray['autoplay'] = logooos_autoplay.val();
shortcode+='autoplay="'+logooos_autoplay.val()+'" ';
postarray['scrollduration'] = logooos_scrollduration.val();
shortcode+='scrollduration="'+logooos_scrollduration.val()+'" ';
postarray['pauseduration'] = logooos_pauseduration.val();
shortcode+='pauseduration="'+logooos_pauseduration.val()+'" ';
if( logooos_buttonsbordercolor.val()!='' ) {
postarray['buttonsbordercolor'] = logooos_buttonsbordercolor.val();
shortcode+='buttonsbordercolor="'+ logooos_buttonsbordercolor.val() +'" ';
}
if( logooos_buttonsbgcolor.val()!='' ) {
postarray['buttonsbgcolor'] = logooos_buttonsbgcolor.val();
shortcode+='buttonsbgcolor="'+ logooos_buttonsbgcolor.val() +'" ';
}
postarray['buttonsarrowscolor'] = logooos_buttonsarrowscolor.val();
shortcode+='buttonsarrowscolor="'+logooos_buttonsarrowscolor.val()+'" ';
}
else if( logooos_layout.val()=='list' ) {
if(logooos_font_style.val() == 'custom') {
if( logooos_title_font_family.val()!='' ) {
postarray['titlefontfamily'] = logooos_title_font_family.val();
shortcode+='titlefontfamily="'+logooos_title_font_family.val()+'" ';
}
if( logooos_title_font_color.val()!='' ) {
postarray['titlefontcolor'] = logooos_title_font_color.val();
shortcode+='titlefontcolor="'+logooos_title_font_color.val()+'" ';
}
postarray['titlefontsize'] = logooos_title_font_size.val();
shortcode+='titlefontsize="'+logooos_title_font_size.val()+'" ';
postarray['titlefontweight'] = logooos_title_font_weight.val();
shortcode+='titlefontweight="'+logooos_title_font_weight.val()+'" ';
if( logooos_text_font_family.val()!='' ) {
postarray['textfontfamily'] = logooos_text_font_family.val();
shortcode+='textfontfamily="'+logooos_text_font_family.val()+'" ';
}
if( logooos_text_font_color.val()!='' ) {
postarray['textfontcolor'] = logooos_text_font_color.val();
shortcode+='textfontcolor="'+logooos_text_font_color.val()+'" ';
}
postarray['textfontsize'] = logooos_text_font_size.val();
shortcode+='textfontsize="'+logooos_text_font_size.val()+'" ';
if( logooos_more_link_text_color.val()!='' ) {
postarray['morelinktextcolor'] = logooos_more_link_text_color.val();
shortcode+='morelinktextcolor="'+logooos_more_link_text_color.val()+'" ';
}
}
postarray['listborder'] = logooos_list_border.val();
shortcode+='listborder="'+logooos_list_border.val()+'" ';
if(logooos_list_border.val() == 'enabled') {
if( logooos_listBorderColor.val()!='' ) {
postarray['listbordercolor'] = logooos_listBorderColor.val();
shortcode+='listbordercolor="'+logooos_listBorderColor.val()+'" ';
}
postarray['listborderstyle'] = logooos_list_border_style.val();
shortcode+='listborderstyle="'+logooos_list_border_style.val()+'" ';
}
if( logooos_moreLinkText.val()!='' ) {
postarray['morelinktext'] = logooos_moreLinkText.val();
shortcode+='morelinktext="'+logooos_moreLinkText.val()+'" ';
}
}
if( logooos_hovereffect.val()!='' ) {
postarray['hovereffect'] = logooos_hovereffect.val();
shortcode+='hovereffect="'+ logooos_hovereffect.val() +'" ';
if( logooos_hoverEffectColor.val()!='' && logooos_hovereffect.val() != '' && logooos_hovereffect.val() != 'effect4' ) {
postarray['hovereffectcolor'] = logooos_hoverEffectColor.val();
shortcode+='hovereffectcolor="'+logooos_hoverEffectColor.val()+'" ';
}
}
shortcode+=']';
logooos_div_shortcode.html(shortcode);
logooos_gene_short_preview.html('<p>Loading ...</p>');
logooos_gene_short_preview.load('../wp-content/plugins/wp_logooos_plugin/inc/generate_shortcode/do_shortcode.php', postarray , function(){
$.getScript('../wp-content/plugins/wp_logooos_plugin/js/logos.js');
if( typeof jQuery.wp === 'object' && typeof jQuery.wp.wpColorPicker === 'function' ){
jQuery( '#logooos_hoverEffectColor' ).wpColorPicker();
jQuery( '#logooos_borderColor' ).wpColorPicker();
jQuery( '#logooos_bgColorInput' ).wpColorPicker();
jQuery( '#logooos_buttonsbordercolor' ).wpColorPicker();
jQuery( '#logooos_buttonsbgcolor' ).wpColorPicker();
jQuery( '#logooos_title_font_color' ).wpColorPicker();
jQuery( '#logooos_text_font_color' ).wpColorPicker();
jQuery( '#logooos_listBorderColor' ).wpColorPicker();
jQuery( '#logooos_more_link_text_color' ).wpColorPicker();
}
else {
//We use farbtastic if the WordPress color picker widget doesn't exist
jQuery('#logooos_hoverEffectColor_colorpicker').farbtastic('#logooos_hoverEffectColor');
jQuery('#logooos_borderColor_colorpicker').farbtastic('#logooos_borderColor');
jQuery('#logooos_bgColorInput_colorpicker').farbtastic('#logooos_bgColorInput');
jQuery('#logooos_buttonsbordercolor_colorpicker').farbtastic('#logooos_buttonsbordercolor');
jQuery('#logooos_buttonsbgcolor_colorpicker').farbtastic('#logooos_buttonsbgcolor');
jQuery('#logooos_title_font_color_colorpicker').farbtastic('#logooos_title_font_color');
jQuery('#logooos_text_font_color_colorpicker').farbtastic('#logooos_text_font_color');
jQuery('#logooos_listBorderColor_colorpicker').farbtastic('#logooos_listBorderColor');
jQuery('#logooos_more_link_text_color_colorpicker').farbtastic('#logooos_more_link_text_color');
logooos_farbtastic_inputs = $('#logooos_hoverEffectColor,#logooos_borderColor,#logooos_bgColorInput,#logooos_buttonsbordercolor,#logooos_buttonsbgcolor,#logooos_title_font_color,#logooos_text_font_color,#logooos_listBorderColor,#logooos_more_link_text_color');
logooos_farbtastic_inputs.focus(function(){
$(this).parent().children('.logooos_farbtastic').slideDown();
});
logooos_farbtastic_inputs.focusout(function(){
$(this).parent().children('.logooos_farbtastic').slideUp();
});
}
});
}
})(jQuery);
(function($){
$(document).ready(function(){
/*======================== Logos ========================*/
logooos = $('.logooos');
logooos_items = $('.logooos .logooos_item');
logooos_withTooltip = $('.logooos.logooos_withtooltip');
logooos_sliders = $('.logooos.logooos_slider');
logooos_links = $('.logooos .logooos_item a');
logooos_images = $('.logooos .logooos_item img');
logooos_item_height_percentage= 0.66;
if (logooos.length )
{
// IE 8
if ( $.browser.msie && $.browser.version <= 8 ) {
logooos_links.css('background-image','none');
logooos_images.css('display','inline-block');
}
logooos.each(function(){
logooos_calculateItemsWidthAndHight($(this));
});
if (logooos_sliders.length )
{
logooos_sliders.each(function(){
logooos_runSlider($(this));
});
}
$(window).resize(function() {
logooos.each(function(){
logooos_calculateItemsWidthAndHight($(this));
});
if (logooos_sliders.length )
{
setTimeout(function(){
logooos_sliders.each(function(){
logooos_runSlider($(this));
});
},500);
}
});
// Hover Effects
logooos_items.mouseenter(function(){
if($(this).parent().data('hovereffect')=='effect1') {
$(this).css('box-shadow', '0px 0px 10px 2px '+$(this).parent().data('hovereffectcolor'));
}
else if($(this).parent().data('hovereffect')=='effect2') {
$(this).children('a').children('.logooos_effectspan').css('box-shadow', 'inset 0px 0px '+$(this).width()/10+'px 3px '+$(this).parent().data('hovereffectcolor'));
}
else if($(this).parent().data('hovereffect')=='effect3') {
$(this).css('border-color', $(this).parent().data('hovereffectcolor'));
}
else if($(this).parent().data('hovereffect')=='effect4') {
$(this).parent().children('.logooos_item').stop().animate({opacity: 0.3},300);
if($(this).parent().hasClass('logooos_list')) {
$(this).parent().children('.logooos_textcontainer').stop().animate({opacity: 0.3},300);
$(this).next().stop().animate({opacity: 1},300);
}
$(this).stop().animate({opacity: 1},300);
}
});
logooos_items.mouseleave(function(){
if($(this).parent().data('hovereffect')=='effect1') {
$(this).css('box-shadow', '');
}
else if($(this).parent().data('hovereffect')=='effect2') {
$(this).children('a').children('.logooos_effectspan').css('box-shadow', '');
}
else if($(this).parent().data('hovereffect')=='effect3') {
$(this).css('border-color', $(this).parent().data('bordercolor'));
}
else if($(this).parent().data('hovereffect')=='effect4') {
$(this).parent().children('.logooos_item').stop().animate({opacity: 1},300);
if($(this).parent().hasClass('logooos_list')) {
$(this).parent().children('.logooos_textcontainer').stop().animate({opacity: 1},300);
}
}
});
// Tooltip
logooos_withTooltip.children('.logooos_item').mouseenter(function(){
tooltips=$('.logooos_tooltip');
if(tooltips.length) {
$('.logooos_tooltip').remove();
}
if($(this).data('title')!='')
{
tooltip=$('<div class="logooos_tooltip"><span class="logooos_tooltipText">'+$(this).data('title')+'<span class="logooos_tooltipArrow"></span></span></div>');
tooltip.appendTo('body');
tooltip.css('opacity',0);
arrowBgPosition='';
// Left
if($(this).offset().left + $(this).width()/2 - tooltip.width()/2 < 0) {
tooltip.css('left', 1 );
arrowBgPosition = $(this).offset().left + $(this).width()/2 - 11 +'px';
}
else if($(this).offset().left + $(this).width()/2 - tooltip.width()/2 +tooltip.width() > $(window).width()) {
tooltip.css('right', 1 );
arrowBgPosition = $(this).offset().left - tooltip.offset().left + $(this).width()/2 - 11 +'px';
}
else {
tooltip.css('left', $(this).offset().left + $(this).width()/2 - tooltip.width()/2 );
arrowBgPosition='center';
}
// Top
if($(window).scrollTop() > $(this).offset().top - tooltip.height()) {
tooltip.css('top', $(this).offset().top + $(this).height()+13);
arrowBgPosition+=' top';
tooltip.find('.logooos_tooltipArrow').css({'background-position': arrowBgPosition, 'bottom': '100%'});
}
else {
tooltip.css('top', $(this).offset().top - tooltip.height()+9);
arrowBgPosition+=' bottom';
tooltip.find('.logooos_tooltipArrow').css({'background-position': arrowBgPosition, 'top': '100%'});
}
// Show
if( $(this).offset().left < $(this).parent().parent().offset().left + $(this).parent().parent().width()) {
tooltip.animate({opacity:1,top:'-=10px'},'slow');
}
}
});
// Remove Tooltip
logooos_withTooltip.children('.logooos_item').mouseleave(function(){
tooltips=$('.logooos_tooltip');
if(tooltips.length) {
$('.logooos_tooltip').remove();
}
});
}
});
function logooos_calculateItemsWidthAndHight(list) {
logooos_itemBorderLeftRight = parseInt(list.children('.logooos_item').css('borderLeftWidth').replace('px', ''))+parseInt(list.children('.logooos_item').css('borderRightWidth').replace('px', ''));
if(list.hasClass('logooos_grid') || list.hasClass('logooos_slider')) {
if(list.data('marginBetweenItems')!='') {
list.children('.logooos_item').css('margin',parseFloat(list.data('marginbetweenitems'))/2);
}
logooos_itemMarginLeftRight = parseFloat(list.children('.logooos_item').css('marginLeft').replace('px', ''))+parseFloat(list.children('.logooos_item').css('marginRight').replace('px', ''));
if( $(window).width() >= 1024 || !list.hasClass('logooos_responsive') ) {
list.children('.logooos_item').width(Math.floor(list.width()/list.data('columns'))-(logooos_itemMarginLeftRight+logooos_itemBorderLeftRight) );
}
else if( $(window).width() < 1024 && $(window).width() >= 481) {
windowHeight = $(window).height();
windowWidth = $(window).width();
if(windowHeight < windowWidth && list.data('columns') > 4) {
list.children('.logooos_item').width(Math.floor(list.width()/4)-(logooos_itemMarginLeftRight+logooos_itemBorderLeftRight) );
}
else if(windowHeight > windowWidth && list.data('columns') > 3) {
list.children('.logooos_item').width(Math.floor(list.width()/3)-(logooos_itemMarginLeftRight+logooos_itemBorderLeftRight) );
}
else {
list.children('.logooos_item').width(Math.floor(list.width()/list.data('columns'))-(logooos_itemMarginLeftRight+logooos_itemBorderLeftRight) );
}
}
else if( $(window).width() < 481 && list.data('columns') > 2 ) {
list.children('.logooos_item').width(Math.floor(list.width()/2)-(logooos_itemMarginLeftRight+logooos_itemBorderLeftRight) );
}
else {
list.children('.logooos_item').width(Math.floor(list.width()/list.data('columns'))-(logooos_itemMarginLeftRight+logooos_itemBorderLeftRight) );
}
}
else if(list.hasClass('logooos_list')) {
if( list.parent().width() < 481 && list.hasClass('logooos_responsive') ) {
list.children('.logooos_item').width(Math.floor(list.width())-logooos_itemBorderLeftRight ).css({'marginBottom':20, 'float':'none'});
list.children('.logooos_textcontainer').css('min-height',0);
list.children('.logooos_textcontainer').children('.logooos_text, .logooos_title').css({'marginLeft':0});
}
else {
list.children('.logooos_item').width(180).css({'marginBottom':0, 'float':'left'})
list.children('.logooos_textcontainer').css('min-height',120);
list.children('.logooos_textcontainer').children('.logooos_text, .logooos_title').css({'marginLeft':210});
}
}
list.children('.logooos_item').height(parseInt(list.children('.logooos_item').width()*logooos_item_height_percentage));
list.children('.logooos_item').css('display','inline-block');
}
function logooos_runSlider(slider) {
min=slider.data('columns');
max=slider.data('columns');
if( $(window).width() <= 480 ) {
min=1;
max=1;
}
else if($(window).width() > 480 && $(window).width() < 600 && slider.data('columns') > 3 ) {
min=3;
max=3;
}
else if($(window).width() > 600 && $(window).width() < 1024 && slider.data('columns') > 4 ) {
min=4;
max=4;
}
slider.carouFredSel({
responsive: true,
width:'100%',
prev: {
button: function() {
$(this).parent().append('<a class="logooos_prev '+$(this).data('buttonsarrowscolor')+'" style="background-color:'+$(this).data('buttonsbgcolor')+';border-color:'+$(this).data('buttonsbordercolor')+';" href="#"></a>');
return $(this).parents().children(".logooos_prev");
}
},
next: {
button: function() {
$(this).parent().append('<a class="logooos_next '+$(this).data('buttonsarrowscolor')+'" style="background-color:'+$(this).data('buttonsbgcolor')+';border-color:'+$(this).data('buttonsbordercolor')+';" href="#"></a>');
return $(this).parents().children(".logooos_next");
}
},
scroll: {
items:function(num) {
if(num==1) {
return 1;
}
else if(num>=2 && num<=5) {
return 2;
}
else if(num>=6 && num<=7) {
return 3;
}
else if(num>=8 && num<=9) {
return 4;
}
else if(num>=10) {
return 5;
}
},
easing:'quadratic',
duration: slider.data('scrollduration')
},
items: {
width: 200,
visible: {
min: min,
max: max
}
},
auto: {
play: slider.data('autoplay'),
timeoutDuration: slider.data('pauseduration'),
pauseOnHover: true
}
});
if( $(window).width() > 1024) {
slider.parents('.caroufredsel_wrapper').mouseenter(function(){
$(this).children(".logooos_prev").fadeIn('slow');
$(this).children(".logooos_next").fadeIn('slow');
});
slider.parents('.caroufredsel_wrapper').mouseleave(function(){
$(this).children(".logooos_prev").fadeOut('slow');
$(this).children(".logooos_next").fadeOut('slow');
});
}
logooos_itemMarginTopBottom = parseFloat(slider.children('.logooos_item').css('marginLeft').replace('px', ''))+parseFloat(slider.children('.logooos_item').css('marginRight').replace('px', ''));
logooos_itemBorderTopBottom = parseInt(slider.children('.logooos_item').css('borderLeftWidth').replace('px', ''))+parseInt(slider.children('.logooos_item').css('borderRightWidth').replace('px', ''));
slider.children('.logooos_item').height(parseInt(slider.children('.logooos_item').width()*logooos_item_height_percentage));
if(logooos_itemBorderTopBottom >= 1) {
slider.parent().height(parseInt(slider.children('.logooos_item').width()*logooos_item_height_percentage + logooos_itemMarginTopBottom + logooos_itemBorderTopBottom +1));
}
else {
slider.parent().height(parseInt(slider.children('.logooos_item').width()*logooos_item_height_percentage + logooos_itemMarginTopBottom + logooos_itemBorderTopBottom ));
}
slider.height(parseInt(slider.children('.logooos_item').height()+ logooos_itemMarginTopBottom + logooos_itemBorderTopBottom));
if(logooos_itemBorderTopBottom >= 1) {
slider.parent().height(parseInt(slider.children('.logooos_item').height()+ logooos_itemMarginTopBottom + logooos_itemBorderTopBottom +1));
slider.parent().width(slider.parent().width()+1);
}
else {
slider.parent().height(parseInt(slider.children('.logooos_item').height()+ logooos_itemMarginTopBottom + logooos_itemBorderTopBottom ));
slider.parent().width(slider.parent().width());
}
logooos_prev=slider.parents().children(".logooos_prev");
logooos_prev.css('top',slider.parents().height()/2 - logooos_prev.height()/2 );
logooos_prev.css('display','none');
logooos_next=slider.parents().children(".logooos_next");
logooos_next.css('top',slider.parents().height()/2 - logooos_next.height()/2 );
logooos_next.css('display','none');
}
})(jQuery);
<?php
/*
Plugin Name: Logooos Wordpress plugin
Plugin URI: http://codecanyon.net/user/husamrayan
Description: Logooos Wordpress plugin.
Version: 1.8
Author: husamrayan
*/
/*==========================================================================
enqueue
==========================================================================*/
function logooos_theme_enqueue() {
wp_register_style( 'logooos-style', plugins_url('css/logos.css', __FILE__) );
wp_enqueue_style( 'logooos-style' );
wp_enqueue_script('jquery');
wp_register_script( 'logooos_carouFredSel', plugins_url('js/jquery.carouFredSel-6.2.1.js', __FILE__) );
wp_enqueue_script( 'logooos_carouFredSel' );
wp_register_script( 'logooos_script', plugins_url('js/logos.js', __FILE__) );
wp_enqueue_script( 'logooos_script' );
}
add_action( 'wp_enqueue_scripts', 'logooos_theme_enqueue' );
function logooos_admin_enqueue() {
wp_register_style( 'logooos-style', plugins_url('css/logos.css', __FILE__) );
wp_enqueue_style( 'logooos-style' );
wp_register_style( 'logooos-admin-style', plugins_url('css/admin.css', __FILE__) );
wp_enqueue_style( 'logooos-admin-style' );
wp_register_script( 'logooos_carouFredSel', plugins_url('js/jquery.carouFredSel-6.2.1.js', __FILE__) );
wp_enqueue_script( 'logooos_carouFredSel' );
wp_register_script( 'logooos-generate-shortcode', plugins_url('js/generate_shortcode.js', __FILE__) );
wp_enqueue_script( 'logooos-generate-shortcode' );
global $wp_version;
//If the WordPress version is greater than or equal to 3.5, then load the new WordPress color picker.
if ($wp_version >= 3.5){
//Both the necessary css and javascript have been registered already by WordPress, so all we have to do is load them with their handle.
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'wp-color-picker' );
}
//If the WordPress version is less than 3.5 load the older farbtasic color picker.
else {
//As with wp-color-picker the necessary css and javascript have been registered already by WordPress, so all we have to do is load them with their handle.
wp_enqueue_style( 'farbtastic' );
wp_enqueue_script( 'farbtastic' );
}
}
add_action( 'admin_enqueue_scripts', 'logooos_admin_enqueue' );
/*==========================================================================
Register logooo Post Type
============================================================================*/
include('inc/logooo_custom_post.php');
/*==========================================================================
Shortcode
============================================================================*/
include('inc/shortcode.php');
/*==========================================================================
Admin Menu
============================================================================*/
add_action('admin_menu', 'register_logooo_custom_submenu_page');
function register_logooo_custom_submenu_page() {
// Generate Shortcode Page
add_submenu_page( 'edit.php?post_type=logooo', 'Generate shortcode', 'Generate shortcode', 'manage_options', 'logooos_generate_shortcode', 'logooos_generate_shortcode_callback' );
// Restore old data
$args = array ( 'post_type' => 'myclients', 'posts_per_page' => -1, 'post_status' => 'any');
$clients_query = new WP_Query( $args );
if($clients_query->post_count > 0 && get_option('logooos_data_restored')=='') {
add_submenu_page( 'edit.php?post_type=logooo', 'Restore Old Data', 'Restore Old Data', 'manage_options', 'logooos_restore_old_data', 'logooos_restore_old_data_callback' );
}
}
// Generate Shortcode Page
function logooos_generate_shortcode_callback() {
include('inc/generate_shortcode/generate_shortcode.php');
}
// Restore old data
function logooos_restore_old_data_callback() {
include('inc/restore_old_data.php');
}
/*==========================================================================
Shortcode Widget
============================================================================*/
include('inc/widget.php');
?>
<?php
/*========================================================================================================================================================================
Register logooos Post Type
========================================================================================================================================================================*/
add_action('init', 'logooos_init');
function logooos_init()
{
/*----------------------------------------------------------------------
logooo Post Type Labels
----------------------------------------------------------------------*/
$labels = array(
'name' => _x('Logos', 'Post type general name'),
'singular_name' => _x('Logos', 'Post type singular name'),
'add_new' => _x('Add new logo', 'logo Item'),
'add_new_item' => __('Add new logo'),
'edit_item' => __('Edit logo'),
'new_item' => __('New logo'),
'all_items' => __('All logos'),
'view_item' => __('View'),
'search_items' => __('Search'),
'not_found' => __('No logos found.'),
'not_found_in_trash' => __('No logos found.'),
'parent_item_colon' => '',
'menu_name' => 'Logos'
);
/*----------------------------------------------------------------------
logooo Post Type Properties
----------------------------------------------------------------------*/
$args = array(
'labels' => $labels,
'public' => false,
'publicly_queryable' => false,
'show_ui' => true,
'show_in_menu' => true,
'query_var' => true,
'rewrite' => true,
'capability_type' => 'post',
'has_archive' => true,
'hierarchical' => false,
'menu_position' => null,
'supports' => array('title', 'thumbnail', 'page-attributes')
);
/*----------------------------------------------------------------------
logooo Post Type Categories Register
----------------------------------------------------------------------*/
register_taxonomy(
'logooocategory',
array('logooo'),
array(
'hierarchical' => true,
'labels' => array( 'name'=>'Categories', 'add_new_item' => 'Add New Category', 'parent_item' => 'Parent Category'),
'query_var' => true,
'rewrite' => array( 'slug' => 'logooocategory' )
)
);
/*----------------------------------------------------------------------
Register logooo Post Type Function
----------------------------------------------------------------------*/
register_post_type('logooo',$args);
//Enabling Support for Post Thumbnails
add_theme_support( 'post-thumbnails');
}
/*========================================================================================================================================================================
logooo Post Type All Themes Table Columns
========================================================================================================================================================================*/
/*----------------------------------------------------------------------
logooos Declaration Function
----------------------------------------------------------------------*/
function logooos_columns($logooos_columns){
$order='asc';
if($_GET['order']=='asc') {
$order='desc';
}
$logooos_columns = array(
"cb" => "<input type=\"checkbox\" />",
"thumbnail" => "Image",
"order" => "<a href='?post_type=logooo&orderby=menu_order&order=".$order."'>
<span>Order</span>
<span class='sorting-indicator'></span>
</a>",
"title" => "Title",
"logoooscategories" => "Categories",
"author" => "Author",
"date" => "Date",
);
return $logooos_columns;
}
/*----------------------------------------------------------------------
logooos Value Function
----------------------------------------------------------------------*/
function logooos_columns_display($logooos_columns, $post_id){
global $post;
$width = (int) 200;
$height = (int) 200;
if ( 'thumbnail' == $logooos_columns ) {
if ( has_post_thumbnail($post_id)) {
$thumbnail_id = get_post_meta( $post_id, '_thumbnail_id', true );
$thumb = wp_get_attachment_image( $thumbnail_id, array($width, $height), true );
echo $thumb;
}
else
{
echo __('None');
}
}
if ( 'order' == $logooos_columns ) {
echo $post->menu_order;
}
if ( 'logoooscategories' == $logooos_columns ) {
$terms = get_the_terms( $post_id , 'logooocategory');
$count = count($terms);
if ( $terms ){
$i = 0;
foreach ( $terms as $term ) {
echo '<a href="'.admin_url( 'edit.php?post_type=logooo&logooocategory='.$term->slug ).'">'.$term->name.'</a>';
if($i+1 != $count) {
echo " , ";
}
$i++;
}
}
}
}
/*----------------------------------------------------------------------
Add manage_logooo_posts_columns Filter
----------------------------------------------------------------------*/
add_filter("manage_logooo_posts_columns", "logooos_columns");
/*----------------------------------------------------------------------
Add manage_logooo_posts_custom_column Action
----------------------------------------------------------------------*/
add_action("manage_logooo_posts_custom_column", "logooos_columns_display", 10, 2 );
/*========================================================================================================================================================================
Add Meta Box For logooo Post Type
========================================================================================================================================================================*/
/*----------------------------------------------------------------------
add_meta_boxes Action For logooo Post Type
----------------------------------------------------------------------*/
add_action( 'add_meta_boxes', 'logooos_add_custom_box' );
/*----------------------------------------------------------------------
Properties Of logooos Options Meta Box
----------------------------------------------------------------------*/
function logooos_add_custom_box() {
add_meta_box(
'logooos_sectionid',
__( 'Options', 'logooos_textdomain' ),
'logooos_inner_custom_box',
'logooo'
);
}
/*----------------------------------------------------------------------
Content Of logooos Options Meta Box
----------------------------------------------------------------------*/
function logooos_inner_custom_box( $post ) {
// Use nonce for verification
wp_nonce_field( plugin_basename( __FILE__ ), 'logooos_noncename' );
?>
<!-- Description -->
<p><label for="description_text_input"><strong>Description</strong></label></p>
<textarea type="text" name="description_text_input" id="description_text_input" class="regular-text code" rows="5" cols="40" ><?php echo get_post_meta($post->ID, 'description', true); ?></textarea>
<hr class="horizontalRuler"/>
<!-- Link Url -->
<p><label for="link_input"><strong>Link Url</strong></label></p>
http:// <input type="text" name="link_input" id="link_input" class="regular-text code" value="<?php echo get_post_meta($post->ID, 'link', true); ?>" />
<p><span class="description">Example: (www.example.com)</span></p>
<hr class="horizontalRuler"/>
<p><label for="link_target_list"><strong>Link Target</strong></label></p>
<select id="link_target_list" name="link_target_list">
<option value="_blank" <?php if(get_post_meta($post->ID, 'link_target', true)=='_blank') { echo 'selected'; } ?> >blank</option>
<option value="_self" <?php if(get_post_meta($post->ID, 'link_target', true)=='_self') { echo 'selected'; } ?> >self</option>
</select>
<hr class="horizontalRuler"/>
<!-- Image Size -->
<p><label for="imageSize_list"><strong>Image Size</strong></label></p>
<select id="imageSize_list" name="imageSize_list">
<option value="99%">99%</option>
<?php
for($i=95 ; $i>=10 ; $i-=5) {
echo '<option ';
if(get_post_meta($post->ID, 'imageSize', true) == '' && $i == 70)
{
echo 'selected ';
}
else if( get_post_meta($post->ID, 'imageSize', true) == $i.'%' )
{
echo 'selected ';
}
echo 'value="'.$i.'%">'.$i.'%</option>';
} ?>
</select>
<?php
}
/*========================================================================================================================================================================
Save logooos Options Meta Box Function
========================================================================================================================================================================*/
function logooos_save_meta_box($post_id)
{
/*----------------------------------------------------------------------
Description
----------------------------------------------------------------------*/
if(isset($_POST['description_text_input'])) {
update_post_meta($post_id, 'description', $_POST['description_text_input']);
}
/*----------------------------------------------------------------------
Link
----------------------------------------------------------------------*/
if(isset($_POST['link_input'])) {
update_post_meta($post_id, 'link', $_POST['link_input']);
}
/*----------------------------------------------------------------------
link target
----------------------------------------------------------------------*/
if(isset($_POST['link_target_list'])) {
update_post_meta($post_id, 'link_target', $_POST['link_target_list']);
}
/*----------------------------------------------------------------------
Image Size
----------------------------------------------------------------------*/
if(isset($_POST['imageSize_list'])) {
update_post_meta($post_id, 'imageSize', $_POST['imageSize_list']);
}
}
/*----------------------------------------------------------------------
Save logooos Options Meta Box Action
----------------------------------------------------------------------*/
add_action('save_post', 'logooos_save_meta_box');
?>
<?php
// logooos
function logooos_shortcode($atts, $content=null) {
extract(shortcode_atts( array(
'columns' => '5',
'backgroundcolor' => 'transparent',
'layout' => 'grid',
'num' => '-1',
'category' => '0',
'orderby' => 'date',
'order' => 'DESC',
'marginbetweenitems' =>'' ,
'tooltip' => 'disabled',
'responsive' => 'enabled',
'grayscale' => 'disabled',
'border' => 'disabled',
'bordercolor' => 'transparent',
'borderradius' => 'logooos_no_radius',
'autoplay' => 'true',
'scrollduration' => '1000',
'pauseduration' => '900',
'buttonsbordercolor' => '#DCDCDC',
'buttonsbgcolor' => '#FFFFFF',
'buttonsarrowscolor' => 'lightgray',
'hovereffect' => '',
'hovereffectcolor' => '#DCDCDC',
'titlefontfamily' => '',
'titlefontcolor' => '#777777',
'titlefontsize' => '15px',
'titlefontweight' => 'bold',
'textfontfamily' => '',
'textfontcolor' => '#777777',
'textfontsize' => '12px',
'listborder' => 'enabled',
'listbordercolor' => '#DCDCDC',
'listborderstyle' => 'dashed',
'morelinktext' => '',
'morelinktextcolor' => ''
), $atts));
// query posts
$args = array ( 'post_type' => 'logooo',
'posts_per_page' => $num,
'orderby' => $orderby,
'order' => $order );
if($category > 0) {
$args['tax_query'] = array(array('taxonomy' => 'logooocategory','field' => 'id','terms' => $category ));
}
$logooos_query = new WP_Query( $args );
$html='';
if ($logooos_query->have_posts()) {
// ======== Classes ======== //
$classes='';
//layout
if($layout=='grid') {
$classes.='logooos_grid ';
//responsive
if($responsive=='enabled') {
$classes.='logooos_responsive ';
}
}
else if($layout=='slider') {
$classes.='logooos_slider ';
}
else if($layout=='list') {
$classes.='logooos_list ';
//responsive
if($responsive=='enabled') {
$classes.='logooos_responsive ';
}
}
//tooltip
if($layout!='list') {
if($tooltip=='enabled') {
$classes.='logooos_withtooltip ';
}
}
//grayscale
if($grayscale=='enabled') {
$classes.='logooos_grayscale ';
}
//border
if($border=='enabled') {
$classes.='logooos_border ';
}
else {
$classes.='logooos_no_border ';
}
//list border
if($listborder=='enabled') {
$classes.='logooos_listborder ';
}
//border radius
$classes.=$borderradius.' ';
//hover effect
$classes.=$hovereffect.' ';
// ======== Data ======== //
//columns
if($layout!='list') {
$data='data-columns="'.$columns.'" ';
}
//margin between items
if($layout!='list') {
$data.='data-marginbetweenitems="'.$marginbetweenitems.'" ';
}
//hover effect
$data.='data-hovereffect="'.$hovereffect.'" ';
//hover effect color
$data.='data-hovereffectcolor="'.$hovereffectcolor.'" ';
//border color
$data.='data-bordercolor="'.$bordercolor.'" ';
if($layout == 'slider') {
// autoplay
$data.='data-autoplay="'.$autoplay.'" ';
// scroll duration
$data.='data-scrollduration="'.$scrollduration.'" ';
// pause duration
$data.='data-pauseduration="'.$pauseduration.'" ';
// buttons border color
$data.='data-buttonsbordercolor="'.$buttonsbordercolor.'" ';
// buttons background color
$data.='data-buttonsbgcolor="'.$buttonsbgcolor.'" ';
// buttons arrows color
if($buttonsarrowscolor == 'darkgray') {
$data.='data-buttonsarrowscolor="logooos_darkgrayarrows" ';
}
else if($buttonsarrowscolor == 'lightgray') {
$data.='data-buttonsarrowscolor="logooos_lightgrayarrows" ';
}
else if($buttonsarrowscolor == 'white') {
$data.='data-buttonsarrowscolor="logooos_whitearrows" ';
}
}
$html.='<div class="logooos_container"><div class="logooos '.$classes.'" '.$data.' >';
$i = 0;
while ($i < $logooos_query->post_count) {
$post = $logooos_query->posts;
$thumbnailsrc="";
$href='';
$imgSize='99%';
$bgSize='99%';
$link_target='_blank';
if(get_post_meta($post[$i]->ID, 'link', true)!='') {
$href='href="http://'.get_post_meta($post[$i]->ID, 'link', true).'"';
}
if(get_post_meta($post[$i]->ID, 'imageSize', true) !='' ) {
$imgSize=get_post_meta($post[$i]->ID, 'imageSize', true);
$bgSize='-webkit-background-size: '.$imgSize.'; -moz-background-size: '.$imgSize.'; background-size: '.$imgSize.';';
}
// if has post thumbnail
if ( has_post_thumbnail($post[$i]->ID)) {
$thumbnailsrc = wp_get_attachment_url(get_post_meta($post[$i]->ID, '_thumbnail_id', true));
}
if(get_post_meta($post[$i]->ID, 'link_target', true) !='' ) {
$link_target=get_post_meta($post[$i]->ID, 'link_target', true);
}
$html.='<div class="logooos_item" data-title="'.$post[$i]->post_title.'" style="background-color:'.$backgroundcolor.'; border-color:'.$bordercolor.'">
<a '.$href.' target="'.$link_target.'" style="'.$bgSize.'background-image:url('.$thumbnailsrc.'); ">';
if($thumbnailsrc!='') {
$html.='<img src="'.$thumbnailsrc.'" title="" style="max-width:'.$imgSize.' !important; max-height:'.$imgSize.' !important;" />';
}
if($hovereffect=='effect2') {
$html.='<span class="logooos_effectspan"></span>';
}
$html.='</a>';
$html.='</div>';
if($layout=='list') {
// title style
$titleStyle='';
if($titlefontfamily !='') {
$titleStyle.='font-family:'.$titlefontfamily.'; ';
}
if($titlefontcolor !='') {
$titleStyle.='color:'.$titlefontcolor.'; ';
}
if($titlefontsize !='') {
$titleStyle.='font-size:'.$titlefontsize.'; ';
}
if($titlefontweight !='') {
$titleStyle.='font-weight:'.$titlefontweight.'; ';
}
// text style
$textStyle='';
if($textfontfamily !='') {
$textStyle.='font-family:'.$textfontfamily.'; ';
}
if($textfontcolor !='') {
$textStyle.='color:'.$textfontcolor.'; ';
}
if($textfontsize !='') {
$textStyle.='font-size:'.$textfontsize.'; ';
}
// text container style
$textContainerStyle = '';
if($listborder =='enabled') {
if($listbordercolor !='') {
$textContainerStyle.='border-bottom-color:'.$listbordercolor.'; ';
}
if($listborderstyle !='') {
$textContainerStyle.='border-bottom-style:'.$listborderstyle.'; ';
}
}
$html.='<div class="logooos_textcontainer" style="'.$textContainerStyle.'">
<div class="logooos_title" style="'.$titleStyle.'">'.$post[$i]->post_title.'</div>
<div class="logooos_text" style="'.$textStyle.'">'.apply_filters('the_content', get_post_meta($post[$i]->ID, 'description', true));
if($morelinktext!='' && get_post_meta($post[$i]->ID, 'link', true) !='') {
$linkColor ='';
if($morelinktextcolor != '') {
$linkColor ='color:'.$morelinktextcolor;
}
$html.= '<a '.$href.' target="'.$link_target.'" class="logooos_morelink" style="'.$linkColor.'" >'.$morelinktext.'</a>';
}
$html.= ' </div>
</div>';
}
$i++;
}
$html.='</div></div>';
}
return $html;
}
add_shortcode('logooos', 'logooos_shortcode');
?>
<?php
// logooos Widget
class logooos_widget extends WP_Widget
{
function logooos_widget() {
$widget_options = array(
'classname' => 'logooos-widget',
'description' => 'Logos Widget'
);
parent::WP_Widget('logooos-widget', 'Logos', $widget_options);
}
function widget( $args, $instance ) {
extract ( $args, EXTR_SKIP );
$title = ( $instance['title'] ) ? $instance['title'] : '';
$shortcode = ( $instance['shortcode'] ) ? $instance['shortcode'] : '[logooos]';
echo $before_widget;
if($title!='')
{
echo $before_title . $title . $after_title;
}
echo do_shortcode( $shortcode );
echo $after_widget;
}
function form( $instance ) {
?>
<p>
<label for="<?php echo $this->get_field_id('title'); ?>" >Title:</label>
<input id="<?php echo $this->get_field_id('title'); ?>"
class="widefat"
name="<?php echo $this->get_field_name('title'); ?>"
value="<?php echo esc_attr( $instance['title'] ); ?>" type="text" />
</p>
<p>
<label for="<?php echo $this->get_field_id('shortcode'); ?>" >Shortcode:</label>
<input id="<?php echo $this->get_field_id('shortcode'); ?>"
class="widefat"
name="<?php echo $this->get_field_name('shortcode'); ?>"
value="<?php echo esc_attr( $instance['shortcode'] ); ?>" type="text" />
</p>
<?php
}
}
function logooos_widget_init() {
register_widget("logooos_widget");
}
add_action('widgets_init','logooos_widget_init');
?>
<?php
?>
<h2 id="logooos_page_title">Generate Shortcode</h2>
<div id="logooos_gene_short_leftSidebar">
<div class="row">
<label for="logooos_categoriesList">Category Name</label>
<?php
wp_dropdown_categories(array('taxonomy' =>'logooocategory',
'show_count' => 1,
'pad_counts' => 1,
'id' => 'logooos_categoriesList',
'name' => 'logooos_categoriesList',
'hide_empty' => 0,
'show_option_none' => 'All Categories',
'hierarchical'=>1));
?>
</div>
<div class="row">
<label for="logooos_layout">Layout</label>
<select id="logooos_layout" name="logooos_layout">
<option value="slider" selected>Slider</option>
<option value="grid">Grid</option>
<option value="list">List</option>
</select>
</div>
<div class="row slider_option grid_option">
<label for="logooos_columnsNumberList">Columns Number</label>
<select id="logooos_columnsNumberList" name="logooos_columnsNumberList">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5" selected>5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="row slider_option grid_option">
<label for="logooos_marginBetweenItems">Margin between items</label>
<select id="logooos_marginBetweenItems" name="logooos_marginBetweenItems">
<option value="">0px</option>
<option value="5px">5px</option>
<option value="10px">10px</option>
<option value="15px">15px</option>
<option value="20px">20px</option>
<option value="25px" selected >25px</option>
<option value="30px">30px</option>
</select>
</div>
<div class="row">
<label for="logooos_hovereffect">Hover effect</label>
<select id="logooos_hovereffect" name="logooos_hovereffect">
<option value="">None</option>
<option value="effect1" selected >Effect 1 ( outer shadow )</option>
<option value="effect2">Effect 2 ( inner shadow )</option>
<option value="effect3">Effect 3 ( border color )</option>
<option value="effect4">Effect 4 ( fading )</option>
</select>
</div>
<div class="row hovereffect_option">
<label for="logooos_hoverEffectColor">Hover effect color</label>
<input type="text" id="logooos_hoverEffectColor" name="logooos_hoverEffectColor" value="#DCDCDC" />
<div id="logooos_hoverEffectColor_colorpicker" class="logooos_farbtastic"></div>
<input type="button" id="logooos_hoverEffectColor_btn" name="logooos_hoverEffectColor_btn" value="View Color" class="button-primary" />
</div>
<div class="row">
<label for="logooos_border">Border</label>
<select id="logooos_border" name="logooos_border">
<option value="enabled" selected>enabled</option>
<option value="disabled">disabled</option>
</select>
</div>
<div class="row border_option">
<label for="logooos_borderColor">Border Color</label>
<input type="text" id="logooos_borderColor" name="logooos_borderColor" value="#DCDCDC" />
<div id="logooos_borderColor_colorpicker" class="logooos_farbtastic"></div>
<input type="button" id="logooos_borderColor_btn" name="logooos_borderColor_btn" value="View Color" class="button-primary" />
</div>
<div class="row">
<label for="logooos_borderRadius">Border Radius</label>
<select id="logooos_borderRadius" name="logooos_borderRadius">
<option value="logooos_no_radius" selected >no radius</option>
<option value="logooos_small_radius" >small radius</option>
<option value="logooos_medium_radius" >medium radius</option>
<option value="logooos_large_radius" >large radius</option>
</select>
</div>
<div class="row">
<label for="logooos_bgColorInput">Items Background Color</label>
<input type="text" id="logooos_bgColorInput" name="logooos_bgColorInput" value="transparent" />
<div id="logooos_bgColorInput_colorpicker" class="logooos_farbtastic"></div>
<input type="button" id="logooos_bgColorInput_btn" name="logooos_bgColorInput_btn" value="View Color" class="button-primary" />
</div>
<div class="row slider_option grid_option">
<label for="logooos_tooltipList">Tooltip</label>
<select id="logooos_tooltipList" name="logooos_tooltipList">
<option value="enabled" selected >enabled</option>
<option value="disabled" >disabled</option>
</select>
</div>
<div class="row">
<label for="logooos_grayscaleList">Grayscale</label>
<select id="logooos_grayscaleList" name="logooos_grayscaleList">
<option value="enabled">enabled</option>
<option value="disabled" selected >disabled</option>
</select>
</div>
<div class="row">
<label for="logooos_responsiveList">Responsive</label>
<select id="logooos_responsiveList" name="logooos_responsiveList">
<option value="enabled" selected >enabled</option>
<option value="disabled" >disabled</option>
</select>
</div>
<div class="row">
<label for="logooos_orderByList">Order By</label>
<select id="logooos_orderByList" name="logooos_orderByList">
<option value="menu_order">Order</option>
<option value="date" selected >Publish Date</option>
<option value="title">Title</option>
<option value="rand">Random </option>
</select>
</div>
<div class="row">
<label for="logooos_orderList">Order</label>
<select id="logooos_orderList" name="logooos_orderList">
<option value="DESC" selected >Descending</option>
<option value="ASC">Ascending</option>
</select>
</div>
<div class="row">
<label for="logooos_NumberInput">Number of items</label>
<input type="text" id="logooos_NumberInput" name="logooos_NumberInput" value="" placeholder="All" />
</div>
<div class="row slider_option">
<label for="logooos_autoplay">Auto Play</label>
<select id="logooos_autoplay" name="logooos_autoplay">
<option value="true" selected >true</option>
<option value="false">false</option>
</select>
</div>
<div class="row slider_option">
<label for="logooos_scrollduration">Scroll Duration</label>
<input type="text" id="logooos_scrollduration" name="logooos_scrollduration" value="1000" />
</div>
<div class="row slider_option">
<label for="logooos_pauseduration">Pause Duration</label>
<input type="text" id="logooos_pauseduration" name="logooos_pauseduration" value="9000" />
</div>
<div class="row slider_option">
<label for="logooos_buttonsbordercolor">Buttons border color</label>
<input type="text" id="logooos_buttonsbordercolor" name="logooos_buttonsbordercolor" value="#DCDCDC" />
<div id="logooos_buttonsbordercolor_colorpicker" class="logooos_farbtastic"></div>
<input type="button" id="logooos_buttonsbordercolor_btn" name="logooos_buttonsbordercolor_btn" value="View Color" class="button-primary" />
</div>
<div class="row slider_option">
<label for="logooos_buttonsbgcolor">Buttons background color</label>
<input type="text" id="logooos_buttonsbgcolor" name="logooos_buttonsbgcolor" value="#FFFFFF" />
<div id="logooos_buttonsbgcolor_colorpicker" class="logooos_farbtastic"></div>
<input type="button" id="logooos_buttonsbgcolor_btn" name="logooos_buttonsbgcolor_btn" value="View Color" class="button-primary" />
</div>
<div class="row slider_option">
<label for="logooos_buttonsarrowscolor">Buttons arrows color</label>
<select id="logooos_buttonsarrowscolor" name="logooos_buttonsarrowscolor">
<option value="darkgray">dark gray</option>
<option value="lightgray" selected >light gray</option>
<option value="white" >white</option>
</select>
</div>
<div class="row list_option">
<label for="logooos_font_style">Font Style</label>
<select id="logooos_font_style" name="logooos_font_style">
<option value="custom" >custom style</option>
<option value="default" >current theme style</option>
</select>
</div>
<div class="row list_option font_option">
<label for="logooos_title_font_family">Title Font Family</label>
<select id="logooos_title_font_family" name="logooos_title_font_family">
<option value="" >current theme font</option>
<option value="Georgia, serif" >Georgia</option>
<option value="'Palatino Linotype', 'Book Antiqua', Palatino, serif" >Palatino Linotype</option>
<option value="'Times New Roman', Times, serif" >Times New Roman</option>
<option value="Arial, Helvetica, sans-serif" >Arial</option>
<option value="'Arial Black', Gadget, sans-serif" >Arial Black</option>
<option value="'Comic Sans MS', cursive, sans-serif" >Comic Sans MS</option>
<option value="Impact, Charcoal, sans-serif" >Impact</option>
<option value="'Lucida Sans Unicode', 'Lucida Grande', sans-serif" >Lucida Sans Unicode</option>
<option value="Tahoma, Geneva, sans-serif" >Tahoma</option>
<option value="'Trebuchet MS', Helvetica, sans-serif" >Trebuchet MS</option>
<option value="Verdana, Geneva, sans-serif" >Verdana</option>
<option value="'Courier New', Courier, monospace" >Courier New</option>
<option value="'Lucida Console', Monaco, monospace" >Lucida Console</option>
</select>
</div>
<div class="row list_option font_option">
<label for="logooos_title_font_color">Title Font Color</label>
<input type="text" id="logooos_title_font_color" name="logooos_title_font_color" value="#777777" placeholder="#777777" />
<div id="logooos_title_font_color_colorpicker" class="logooos_farbtastic"></div>
<input type="button" id="logooos_title_font_color_btn" name="logooos_title_font_color_btn" value="View Color" class="button-primary" />
</div>
<div class="row list_option font_option">
<label for="logooos_title_font_size">Title Font Size</label>
<select id="logooos_title_font_size" name="logooos_title_font_size">
<option value="9px" >9px</option>
<option value="10px" >10px</option>
<option value="11px" >11px</option>
<option value="12px" >12px</option>
<option value="13px" >13px</option>
<option value="14px" >14px</option>
<option value="15px" selected >15px</option>
<option value="16px" >16px</option>
<option value="17px" >17px</option>
<option value="18px" >18px</option>
<option value="19px" >19px</option>
<option value="20px" >20px</option>
<option value="21px" >21px</option>
<option value="22px" >22px</option>
<option value="23px" >23px</option>
<option value="24px" >24px</option>
<option value="25px" >25px</option>
<option value="26px" >26px</option>
<option value="27px" >27px</option>
<option value="28px" >28px</option>
<option value="29px" >29px</option>
<option value="30px" >30px</option>
<option value="31px" >31px</option>
<option value="32px" >32px</option>
<option value="33px" >33px</option>
<option value="34px" >34px</option>
<option value="35px" >35px</option>
<option value="36px" >36px</option>
</select>
</div>
<div class="row list_option font_option">
<label for="logooos_title_font_weight">Title Font Weight</label>
<select id="logooos_title_font_weight" name="logooos_title_font_weight">
<option value="bold" >bold</option>
<option value="normal" >normal</option>
</select>
</div>
<div class="row list_option font_option">
<label for="logooos_text_font_family">Text Font Family</label>
<select id="logooos_text_font_family" name="logooos_text_font_family">
<option value="" >current theme font</option>
<option value="Georgia, serif" >Georgia</option>
<option value="'Palatino Linotype', 'Book Antiqua', Palatino, serif" >Palatino Linotype</option>
<option value="'Times New Roman', Times, serif" >Times New Roman</option>
<option value="Arial, Helvetica, sans-serif" >Arial</option>
<option value="'Arial Black', Gadget, sans-serif" >Arial Black</option>
<option value="'Comic Sans MS', cursive, sans-serif" >Comic Sans MS</option>
<option value="Impact, Charcoal, sans-serif" >Impact</option>
<option value="'Lucida Sans Unicode', 'Lucida Grande', sans-serif" >Lucida Sans Unicode</option>
<option value="Tahoma, Geneva, sans-serif" >Tahoma</option>
<option value="'Trebuchet MS', Helvetica, sans-serif" >Trebuchet MS</option>
<option value="Verdana, Geneva, sans-serif" >Verdana</option>
<option value="'Courier New', Courier, monospace" >Courier New</option>
<option value="'Lucida Console', Monaco, monospace" >Lucida Console</option>
</select>
</div>
<div class="row list_option font_option">
<label for="logooos_text_font_color">Text Font Color</label>
<input type="text" id="logooos_text_font_color" name="logooos_text_font_color" value="#777777" placeholder="#777777" />
<div id="logooos_text_font_color_colorpicker" class="logooos_farbtastic"></div>
<input type="button" id="logooos_text_font_color_btn" name="logooos_text_font_color_btn" value="View Color" class="button-primary" />
</div>
<div class="row list_option font_option">
<label for="logooos_text_font_size">Text Font Size</label>
<select id="logooos_text_font_size" name="logooos_text_font_size">
<option value="9px" >9px</option>
<option value="10px" >10px</option>
<option value="11px" >11px</option>
<option value="12px" selected >12px</option>
<option value="13px" >13px</option>
<option value="14px" >14px</option>
<option value="15px" >15px</option>
<option value="16px" >16px</option>
<option value="17px" >17px</option>
<option value="18px" >18px</option>
<option value="19px" >19px</option>
<option value="20px" >20px</option>
<option value="21px" >21px</option>
<option value="22px" >22px</option>
<option value="23px" >23px</option>
<option value="24px" >24px</option>
<option value="25px" >25px</option>
<option value="26px" >26px</option>
<option value="27px" >27px</option>
<option value="28px" >28px</option>
<option value="29px" >29px</option>
<option value="30px" >30px</option>
<option value="31px" >31px</option>
<option value="32px" >32px</option>
<option value="33px" >33px</option>
<option value="34px" >34px</option>
<option value="35px" >35px</option>
<option value="36px" >36px</option>
</select>
</div>
<div class="row list_option">
<label for="logooos_moreLinkText">More Link Text</label>
<input type="text" id="logooos_moreLinkText" name="logooos_moreLinkText" value="Read More" />
</div>
<div class="row list_option font_option">
<label for="logooos_more_link_text_color">More Link Text Color</label>
<input type="text" id="logooos_more_link_text_color" name="logooos_more_link_text_color" value="#999999" placeholder="#999999" />
<div id="logooos_more_link_text_color_colorpicker" class="logooos_farbtastic"></div>
<input type="button" id="logooos_more_link_text_color_btn" name="logooos_more_link_text_color_btn" value="View Color" class="button-primary" />
</div>
<div class="row list_option">
<label for="logooos_list_border">List Border</label>
<select id="logooos_list_border" name="logooos_list_border">
<option value="enabled" selected>enabled</option>
<option value="disabled">disabled</option>
</select>
</div>
<div class="row list_option list_border_option">
<label for="logooos_listBorderColor">List Border Color</label>
<input type="text" id="logooos_listBorderColor" name="logooos_listBorderColor" value="#DCDCDC" />
<div id="logooos_listBorderColor_colorpicker" class="logooos_farbtastic"></div>
<input type="button" id="logooos_listBorderColor_btn" name="logooos_listBorderColor_btn" value="View Color" class="button-primary" />
</div>
<div class="row list_option list_border_option">
<label for="logooos_list_border_style">List Border Style</label>
<select id="logooos_list_border_style" name="logooos_list_border_style">
<option value="dashed" selected>dashed</option>
<option value="solid">solid</option>
</select>
</div>
</div>
<p id="logooos_noteParagraph">
<strong>Note: </strong>copy the following shortcode in the yellow box to the page editor or post editor or logos widget to display the logos in the website.
</p>
<div id="logooos_div_shortcode">[logooos]</div>
<div id="logooos_gene_short_preview">Loading ...</div>
<?php
require('../../../../../wp-load.php');
$shortcode="[logooos ";
if($_POST['columns']!=null) {
$shortcode.='columns="'.$_POST['columns'].'" ';
}
if($_POST['backgroundcolor']!=null) {
$shortcode.='backgroundcolor="'.$_POST['backgroundcolor'].'" ';
}
if($_POST['layout']!=null) {
$shortcode.='layout="'.$_POST['layout'].'" ';
}
if($_POST['num']!=null) {
$shortcode.='num="'.$_POST['num'].'" ';
}
if($_POST['category']!=null) {
$shortcode.='category="'.$_POST['category'].'" ';
}
if($_POST['orderby']!=null) {
$shortcode.='orderby="'.$_POST['orderby'].'" ';
}
if($_POST['order']!=null) {
$shortcode.='order="'.$_POST['order'].'" ';
}
if($_POST['marginbetweenitems']!=null) {
$shortcode.='marginbetweenitems="'.$_POST['marginbetweenitems'].'" ';
}
if($_POST['tooltip']!=null) {
$shortcode.='tooltip="'.$_POST['tooltip'].'" ';
}
if($_POST['responsive']!=null) {
$shortcode.='responsive="'.$_POST['responsive'].'" ';
}
if($_POST['grayscale']!=null) {
$shortcode.='grayscale="'.$_POST['grayscale'].'" ';
}
if($_POST['border']!=null) {
$shortcode.='border="'.$_POST['border'].'" ';
}
if($_POST['bordercolor']!=null) {
$shortcode.='bordercolor="'.$_POST['bordercolor'].'" ';
}
if($_POST['borderradius']!=null) {
$shortcode.='borderradius="'.$_POST['borderradius'].'" ';
}
if($_POST['autoplay']!=null) {
$shortcode.='autoplay="'.$_POST['autoplay'].'" ';
}
if($_POST['scrollduration']!=null) {
$shortcode.='scrollduration="'.$_POST['scrollduration'].'" ';
}
if($_POST['pauseduration']!=null) {
$shortcode.='pauseduration="'.$_POST['pauseduration'].'" ';
}
if($_POST['buttonsbordercolor']!=null) {
$shortcode.='buttonsbordercolor="'.$_POST['buttonsbordercolor'].'" ';
}
if($_POST['buttonsbgcolor']!=null) {
$shortcode.='buttonsbgcolor="'.$_POST['buttonsbgcolor'].'" ';
}
if($_POST['buttonsarrowscolor']!=null) {
$shortcode.='buttonsarrowscolor="'.$_POST['buttonsarrowscolor'].'" ';
}
if($_POST['hovereffect']!=null) {
$shortcode.='hovereffect="'.$_POST['hovereffect'].'" ';
}
if($_POST['hovereffectcolor']!=null) {
$shortcode.='hovereffectcolor="'.$_POST['hovereffectcolor'].'" ';
}
if($_POST['titlefontfamily']!=null) {
$shortcode.='titlefontfamily="'.$_POST['titlefontfamily'].'" ';
}
if($_POST['titlefontcolor']!=null) {
$shortcode.='titlefontcolor="'.$_POST['titlefontcolor'].'" ';
}
if($_POST['titlefontsize']!=null) {
$shortcode.='titlefontsize="'.$_POST['titlefontsize'].'" ';
}
if($_POST['titlefontweight']!=null) {
$shortcode.='titlefontweight="'.$_POST['titlefontweight'].'" ';
}
if($_POST['textfontfamily']!=null) {
$shortcode.='textfontfamily="'.$_POST['textfontfamily'].'" ';
}
if($_POST['textfontcolor']!=null) {
$shortcode.='textfontcolor="'.$_POST['textfontcolor'].'" ';
}
if($_POST['textfontsize']!=null) {
$shortcode.='textfontsize="'.$_POST['textfontsize'].'" ';
}
if($_POST['listborder']!=null) {
$shortcode.='listborder="'.$_POST['listborder'].'" ';
}
if($_POST['listbordercolor']!=null) {
$shortcode.='listbordercolor="'.$_POST['listbordercolor'].'" ';
}
if($_POST['listborderstyle']!=null) {
$shortcode.='listborderstyle="'.$_POST['listborderstyle'].'" ';
}
if($_POST['morelinktext']!=null) {
$shortcode.='morelinktext="'.$_POST['morelinktext'].'" ';
}
if($_POST['morelinktextcolor']!=null) {
$shortcode.='morelinktextcolor="'.$_POST['morelinktextcolor'].'" ';
}
$shortcode.="]";
echo do_shortcode( $shortcode );
?>
<h2 id="logooos_page_title">Do you want to restore old data?</h2>
<?php
// myclients posts
$args = array ( 'post_type' => 'myclients', 'posts_per_page' => -1, 'post_status' => 'any');
$clients_query = new WP_Query( $args );
if($_POST["submitButton"])
{
if($_POST["restoreDataAcceptCheckbox"]=='accept') {
if($_POST["restoreDataRadio"]=='yes') {
// clientscategory
global $wpdb;
$wpdb->query( "UPDATE $wpdb->term_taxonomy SET taxonomy = 'logooocategory' WHERE taxonomy = 'clientscategory' ");
if ($clients_query->have_posts()) {
$i = 0;
while ($i < $clients_query->post_count) {
$post = $clients_query->posts;
$client = array('ID' => $post[$i]->ID, 'post_type' => 'logooo');
wp_update_post( $client );
update_post_meta($post[$i]->ID, 'link', get_post_meta($post[$i]->ID, 'husamrayan_clientWebsite', true));
update_post_meta($post[$i]->ID, 'link_target', get_post_meta($post[$i]->ID, 'client_link_target', true));
update_post_meta($post[$i]->ID, 'imageSize', get_post_meta($post[$i]->ID, 'mc_imageSize', true));
$i++;
}
}
update_option('logooos_data_restored', stripslashes('yes'));
echo '<div class="successMessage">Data was restored successfuly.</div>';
}
else if($_POST["restoreDataRadio"]=='no') {
update_option('logooos_data_restored', stripslashes('no'));
echo '<div class="successMessage">Restore data was ignored.</div>';
}
}
else {
echo '<div class="failMessage">Please select "I Agree" before submit.</div>';
}
}
if($clients_query->post_count > 0 && get_option('logooos_data_restored')=='' ) {
?>
<form name="restoreDataForm" id="restoreDataForm" action="" method="post">
<input type="radio" name="restoreDataRadio" id="restoreDataRadio" value="yes" <?php if($_POST["restoreDataRadio"]!='no'){ echo 'checked';} ?> > <b>Yes</b> <br>
<p>Choose this option to restore old data and remove "Restore Old Data" link from the left sidebar.</p>
<input type="radio" name="restoreDataRadio" id="rrestoreDataRadio" value="no" <?php if($_POST["restoreDataRadio"]=='no'){ echo 'checked';} ?> > <b>No</b> <br>
<p>Choose this option to ignore restore old data and remove "Restore Old Data" link from the left sidebar.</p> <br>
<input type="checkbox" name="restoreDataAcceptCheckbox" id="restoreDataAcceptCheckbox" value="accept"> I Agree. <br><br>
<input type="submit" name="submitButton" id="submitButton" value="Submit" class="button-primary" />
</form>
<?php
}
?>
Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugins on codecanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.
husamrayan