<?php
// /*подключение файла стилей для шорткодов*/
// add_action( 'wp_enqueue_scripts', 'style_scripts' );
// function style_scripts () {
// wp_register_style( 'jurvrn_styles', plugins_url('styles-items-shortcodes-rules.css',__FILE__ ));
// wp_enqueue_style( 'jurvrn_styles' );
// }
// add_action( 'wp_enqueue_scripts', 'styles-items-shortcodes-rules.css', 30 );
/*=== МОИ ШОРТКОДЫ СТИЛЕЙ =======*/
add_shortcode ( 'shortstyle1', 'my_style_shortcode' );
function my_style_shortcode ( $attr, $content = null ) {
return '
<div class="style_background_1">' . do_shortcode ($content) . '</div>
';
}
add_shortcode ( 'butvechkalen', 'my_shortcode_button_vechkalen' );
function my_shortcode_button_vechkalen ( $attr, $content = null ) {
return '
<button class="vechkalend">
<img class="risunknop" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFwSURBVGhD7ZkxSgUxFEV/6wIEK0GwEgTFPbgCwd7Ozk5LS5dhKVYWdm7GFYhir74D70IIThhjJsOf/w5cyNyf5M2F5GeYWQVBEGwMT6YX1x5GJYzVPMw5CVumkwF9mr5d5+7ViLGahzl/64O4l2oOTSoyt7iXahYZ5Mv0lohr/fbhXo0YO6ZGsyDvGAlctyjSo0axyK3pzrWDUQljNQ9zpnQJ0oNJguTrt4cm2SNzK4JAGqR06k6l9OmhWZDFbPaNC3JjenSdYji05dNH7Jrk32MkzBrk2aQxlxgObfn0EaUaESSnJsiZ6dp1jOHQlk8fsW2Sf4WRMGuQlkSQnFIQloGWBMtDrN3SGiqydpt9MUE4vHSQcaiJxRyILYkgOaUgRyY9bqcvz/ZN8tN/M9ry6TOGLkGGivx1s5eIIDmlIK8mvSQ4wHAeTPIvMBza8ukzhi5BehBBchYZJF7QNVIEgdKnt97616e3IAiCYAJWqx/ps1HRlGFcBQAAAABJRU5ErkJggg==" alt="Вечный календарь">
<span>"Вечный" календарь</span></button>
';
}
add_shortcode ( 'buticon1', 'my_shortcode_button1_icon' );
function my_shortcode_button1_icon ( $attr, $content = null ) {
return '
<button class="ibuttons1">Отправить сообщение</button>
';
}
add_shortcode('my_button_job', 'button_job_func');
function button_job_func( $attr, $shortcode_content = null ) {
return '
<a href="#" class="butggton">Есть работа!</a>
';
}
add_action('wp_head', 'ff_wp_head_css');
function ff_wp_head_css() {
?>
<style>
.style_background_1 {
border: 1px solid #888888;
background-color: #effffd;
padding:10px;
/*margin: 5px 10px;*/
}
/*/////////////////*/
.vechkalend {
font-style: normal;
text-decoration: none;
height: 35px;
width: 197px;
opacity: 1;
font-size: 14px;
border-radius: 3px;
border: 1px solid rgb(115, 115, 115);
transform: rotate(0deg) scale(1, 1) skew(0deg, 0deg);
box-shadow: rgb(0, 0, 0) 0 0 0 0;
transition: all 1.4s ease-in 0s;
background-color: gainsboro;
}
.vechkalend:hover {
text-shadow: rgb(68, 68, 68) 1px 1px 1px;
}
.vechkalend:active {
text-shadow: rgb(68, 68, 68) 0 0 0;
}
.vechkalend span {
background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(0, 0, 0) 0) repeat scroll 0 0 padding-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.vechkalend:hover span {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.vechkalend:active span {
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.risunknop {
position: absolute;
left: 3px;
top: 3px;
width: 25px;
height: 25px;
}
/* ///////////////////// */
.ibuttons1
{
display: inline-block;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #eeeeee 0%,#eeeeee 100%); /* W3C */
border: 1px solid #a1a1a1;
padding: 0 2em;
margin: 0.5em;
font: bold 1em/2em Arial, Helvetica;
text-decoration: none;
color: #333;
border-radius: .2em;
}
.ibuttons1:hover {
background-color: #e1e0d9;
}
.ibuttons1:active {
background-color: #d6d5ce;
}
.ibuttons1:before
{
float: left;
width: 1em;
text-align: center;
font-size: 1.7em;
margin: 0 0.5em 0 -1em;
padding: 0 .2em;
pointer-events: none;
}
.ibuttons1:before { content: "\2709";}
/*--- кнопка "есть работа" ---*/
.butggton {
text-decoration: none;
color: #7f8c8d;
background: #fefefe;
padding: 5px 8px;
border: 1px solid #bdc3c7;
border-radius: 3px;
margin: 20px auto;
text-align:center;
display: block;
width:125px;
position: relative;
height:35px;
font: 400 16px verdana, sans-serif;
}
a.butggton:after {
content: "";
background: linear-gradient(to right, #2ecc71 10%, #3498db 10%, #3498db 20%, #8e44ad 20%, #8e44ad 30%, #e67e22 30%, #e67e22 40%, #c0392b 40%, #c0392b 50%, #2ecc71 50%, #2ecc71 60%, #3498db 60%, #3498db 70%, #8e44ad 70%, #8e44ad 80%, #e67e22 80%, #e67e22 90%, #c0392b 90%);
background-size: 200% 100%;
display: inline-block;
width: 100%;
height: 4px;
position: absolute;
left: 0;
bottom: 0;
}
a.butggton:hover {
color: #34495e;
text-decoration: none;
}
@media screen and (max-width: 800px) {
.butggton {
background: rgb(255, 219, 205);
}
}
/*-----конец кнопки "есть работа"-------*/
</style>
<?php
}
?>