jQuery to Slide a div to right from left on mouseenter
A Pen by amitabha ghosh on CodePen.
<?php | |
/* Register custom post types on the 'init' hook. */ | |
add_action( 'init', 'my_register_post_types' ); | |
/** | |
* Registers post types needed by the plugin. | |
* | |
* @since 0.1.0 | |
* @access public |
.alignleft { | |
display: inline; | |
float: left; | |
margin-right: 1.5em; | |
} | |
.alignright { | |
display: inline; | |
float: right; | |
margin-left: 1.5em; | |
} |
The two navs are seperated by id s #first & #second. in the index.html file | |
The btn btn-navbar is styled with font-awesome iconic font. So it is styled in the responsive.css |
$(function() { | |
var slider, // Global slider value to force playing and pausing by direct access of the slider control | |
canSlide = true; // Global switch to monitor video state | |
// Load the YouTube API. For some reason it's required to load it like this | |
var tag = document.createElement('script'); | |
tag.src = "//www.youtube.com/iframe_api"; | |
var firstScriptTag = document.getElementsByTagName('script')[0]; | |
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | |
jQuery to Slide a div to right from left on mouseenter
A Pen by amitabha ghosh on CodePen.
<?php | |
$cdn_urls = @fopen('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css', r); | |
$cdn_urls = @fopen('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css', r); | |
if( $cdn_urls !== false) | |
{ | |
//USE CDNS |
<div class="featured-videos-section-content "> | |
<div class="span4 featured-videos-items"> | |
<span id="myCode"><?php echo change_youtube() ?></span> | |
</div><!--------/.featured-videos-items 1----------------------> | |
Now you can write a custom css for your pages or posts. Just write in the editor and call those classes/ ids in the posts/pages |
1. This programme is developed from the tutorial: http://code.tutsplus.com/tutorials/adding-a-custom-css-editor-to-your-theme-using-ace--wp-29451 | |
2. Make a folder "ace" and keep in your desired directory. Just include the ace-functions.php in your function.php. | |
3. The wp_header code in the tutorial is being corrected by me. | |
4. Three file required : | |
ace.js | |
mode-css.js | |
worker-css.js |