Plugin Author
remix4
(@remix4)
Hi,
You can actually apply the slide out effect by using the jquery slick plugin. see full instructions on how to use at – http://www.designchemical.com/lab/jquery-slick-plugin/getting-started/
For vertical text this is not possible using standard html. What you can do though is create an image of the vertical text and add it to the tab as a background image in CSS
Thread Starter
Ovidiu
(@ovidiu)
cool, it doesn’t have to be a wp plugin, I think I can use the page you linked to to create my own little thinggy 🙂
one more question, would it be possible after using that tutorial to create my own widget that slides in containing my own widget, to have a link which would cause it to slide in/out when clicked?
Plugin Author
remix4
(@remix4)
Probably the easiest way would be to create a shortcode, which wraps the widget area with a div tag.
The slick plugin is pretty easy to use – just wrap the content in a div tag, give it an ID and then declare that ID in the jQuery initialisation code. The plugin then handles the rest
Thread Starter
Ovidiu
(@ovidiu)
I am not sure I explained to well what I was looking for, I’ll try again, or maybe, I didn’t understand your answer 🙂
I would love to have something like this plugin: http://www.designchemical.com/lab/demo-wordpress-jquery-slick-menu-plugin/ but not be restricted to inserting a menu into it. I’d rather insert a widget into it. any widget I like. i.e. another contact form.
THEN, I’d like to call it via a link as you can with that plugin.
or, I could use http://www.designchemical.com/lab/jquery-slick-plugin/getting-started/ but that makes me hard-code the div I want to show which would be a manually included contact form or another sidebar but how do I make that one slide in via a link? I don’t see any mentioning of this feature?
i.e. have a normal menu structure, one menu point called: contact which, if clicked, slides out a contact form instead of opening a page called contact?
Plugin Author
remix4
(@remix4)
Hi,
I have updated the slick plugin pages, which now contain the info on how to open using external links – basically just apply the class “slick-open” to any link
Thread Starter
Ovidiu
(@ovidiu)
just checked: the new description says: Toggle the tab open/closed via external links but then it doesn’t mention the class “slick-open” anywhere?
we are talking about this page: http://www.designchemical.com/lab/jquery-slick-plugin/getting-started/ right?
anyway, thanks for mentioning hte info here 🙂
Plugin Author
remix4
(@remix4)
Thread Starter
Ovidiu
(@ovidiu)
I’m really sorry man, I didn’t notice the menu on the top right side where I can navigate to: options, examples, download 🙁
now everything is clear 🙂
Plugin Author
remix4
(@remix4)
no problem. hope you manage to get it working
Thread Starter
Ovidiu
(@ovidiu)
will give it a try this weekend, is this the right place to post if I’ve got further questions or shall I do so somewhere on your site?
Plugin Author
remix4
(@remix4)
On the site is best, in the comments section
Thread Starter
Ovidiu
(@ovidiu)
