Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions
Free to watch • No registration required • HD streaming
Floating Sticky Slide Menu Plugin With jQuery - Slide Menu
Slide Menu is a lightweight jQuery plugin for creating a floating, sticky, collapsible menu that slides out from the left side of the screen just like a drawer.
HTML / CSS Only Off-canvas Slide and Push Navigation
HTML / CSS Only Off-canvas Slide and Push Navigation
A modern, mobile-friendly navigation solution to create an off-canvas slide or push menu using pure CSS / CSS3 and plain html. It currently provides 4 CSS files to define the look of the off-canvas menu: slide.css: left slide menu right-slude.css: right slide menu left-push.css: left push menu right-push.css: right push menu Basic usage: Load the slide.css to create a left slide menu on your web…
SLIDE MENU TUTORIAL :::: BY TRENZATHEMES ::::
LEVEL :::: INTERMEDIATE ::::
RULES :::: NO REPASTING // NO CLAIMING AS YOUR OWN // LINK TO THE TUTORIAL WHEN ASKED WOULD BE COOL. ::::
I finally decided to post how I code my slide menus. I use them for asks, theme rules, update tabs, etc. Pretty much anything you want to put content into! I use Codrops tutorial and this is how I get it to work with tumblr. :D
Under the cut is the tutorial! Enjoy!
First you have the script it's pretty amazing/important! It makes everything work. It goes with your metas pretty much ANYWHERE above the <style type="css"> ::::
<!--side push menu from codrops-->
Next is the CSS ::::
This is where shit gets cool. You customize the WHOLE slide here.
I'm going to break it down but this will be the main area of loving.
/*don't touch this it makes it so even if people scroll on the blog the slide stays in the same spot.*/
.cbp-spmenu {
position: fixed; }
/* This is the main style of your slide. You can do anything you you want with it really. */
.cbp-spmenu-horizontal {
padding:10px;
margin-left:1000px;
background:white;
width: 400px;
height: 100%;
z-index:1;}
/* this part is going to control where the slide is coming from so if you change right to like top,left,bottom it will slide from that direction.*/
.cbp-spmenu-bottom {
right: -700px;/* Always use a negative number it so it hides it.*/
bottom:0; }
.cbp-spmenu-bottom.cbp-spmenu-open {
bottom:0px;
right:0px; /*this one opens the slide menu*/ }
/*this controls what you put in the slide. */
#pushdescription {
margin-top:50px;
padding:20px;
overflow-y:scroll; /*makes it so it doesn't have scroll bar on the bottom cause it looks like shit imo. so the Y controls the left and the X controls the bottom. Hence why the overflow-x is set to hidden.*/
overflow-x:hidden; }
/* Transitions the lower the number the faster it comes out the smaller the number the slower it comes out.*/
.cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; transition: all 0.8s ease; }
<div class="menu" >
<div id="pushdescription"> whooo hoo type your stuff here. add more divs for more shit. this just makes an empty slide. </div>
</div></nav>
Alright so there ya go a basic slide menu that comes out from the right side of the page. To link this up with a link you have is super easy! Just use this within your link section::
<a title="this is if you want hover text" class="toggle menu-bottom">type link</a>
SO yeah this is how I make my slide menus It's easy and basic in my opinion but they work. Just read up more about how to do the stuff you want and you can do just about anything with these little slides!
Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
✓ Live Streaming✓ Interactive Chat✓ Private Shows✓ HD Quality✓ Free Actions
Free to watch • No registration required • HD streaming
New Post has been published on http://www.htmluse.com/very-lighter-jquery-sliding-menu/
Very lighter jQuery Sliding Menu
Download  Demo
jQuery Sliding Menu
The creatively named, mobile-like, list-style, responsive sliding navigation menu
Usage
$('#selector').menu(options);
Options
dataJSON false A JSON object to build the menu from. View sample here. backLabel ‘Back’ Label for the back button. Set to true to use the link’s own label.
how do you put a slide out tab? i watched many videos, but i I can not put :l
Hey! Well hopefully I can help then! Okay first things first you need to go to customize your blog, and where you edit the HTML theme press CTRL+F (at the same time if you’re on a PC or APPLE+F if you’re on a mac) this will bring up a keyword search box and you should type in . The theme settings will jump down until you get to that part of the coding in your blog. Found it? Awesome! Now take THIS CODE and paste it directly before Bam there’s part one put in!Now, do the CTRL+F or APPLE+F again and this time type in into the search bar, once you find it copy and paste THIS SECOND PART OF THE CODING now and put it directly after and you fill in the ‘SLIDE TITLE’ area to what you want the text to be when you hover over it!. This whole second part of the coding is also where you can change the tab itself and add your pictures or updates into them,. :) I hope this helps you better, take care and have a good one! x
