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 |