This is how one uses the %ID% placeholder for targeting the post_id
[print-me target="#post-%ID%"/]
A Pluginoven Test Site
This is how one uses the %ID% placeholder for targeting the post_id
[print-me target="#post-%ID%"/]
Add the format extra[n]-id to add extra external triggers for a single target:
<div id="test" class="collapseomatic">Trigger 1</div>
<div id="target-test" class="collapseomatic_content">You might think you can catch a monkey, but you can't. Monkeys are FAST!</div>
<div id="extra1-test" class="collapseomatic">Trigger 2</div>
<div id="extra2-test" class="collapseomatic">Trigger 3</div>
which should produce a little something like:
Multiple targets are available only in the Collapse-Pro-Matic plugin. To add extra targets, assign the ID in the format of target[n]-id as follows:
<div id="target1-monkey" class="collapseomatic_content">content</div>
<div id="monkey" class="collapseomatic">Trigger</div>
<div id="target2-monkey" class="collapseomatic_content">content</div>
which should produce a little something like:
[[column class="column_left" float=""]Yada yada, spiffy logo image with a funky monkey and a wiffle-ball bat.[/column]]
[[column class="column_right" float=""]Yippy Skippy another logo image with a ding-ding-dong touching tra-la-la.[/column]]
[[end_columns]]
For normal screens:
.column_left {
margin-left:0;
float:left;
width: 40%;
}
.column_right {
float: left;
margin-left: 10px;
border-left: 1px dotted red;
padding-left: 10px;
width: 40%;
}
For Screens smaller than 450px wide:
@media (max-width: 450px) {
.column_left, .column_right{
width: 95%;
margin: 0 auto;
padding: 3px;
clear: both;
border: none;
}
}
[column class=”column_left” float=””]Yada yada, spiffy logo image with a funky monkey and a wiffle-ball bat.[/column]
[column class=”column_right” float=””]Yippy Skippy another logo image with a ding-ding-dong touching tra-la-la.[/column]
[end_columns]
targtag="span" targpos="inline"
Note: if your theme uses :befor and :after pusdo classes for span we need to assign special classes to remove these.
trigclass="span_fix" targclass="span_fix"
CSS
.my_trigger:hover {
text-decoration: underline;
}
.span_fix {
padding: 0 !important;
margin: 0 !important;
}
.span_fix:before, .span_fix:after {
content: none;
}
[expand title="just some text as an in-line trigger" tag="span" targtag="span" targpos="inline" trigclass="my_trigger span_fix noarrow" targclass="span_fix"]...[/expand]
This is an example of some text with [expand title="just some text as an in-line trigger" tag="span" targtag="span" targpos="inline" trigclass="my_trigger span_fix noarrow" targclass="span_fix"]...[/expand] with some small text at the end.
This is an example of some text with
[expand title="the_title" tag="h4" targtag="span" targpos="inline" targclass="span_fix" excerpt="the_excerpt"]the_content[/expand]
Now new camera technology is helping us push the creative possibilities far past the documentary. Never before were the world’s best cameras also the most portable. Today we can do things we only dreamed of doing just a few years ago. And our dreams are epic.
To hide the hours in the jedi style via css:
.jedi-hours_dash{
display: none;
}
A quick example of how to link to—and autoexpand—a collapse-o-matic element on the same page. Key: Assign the link a class of expandanchor
like so:
[expand title="question 1" id="q1"]answer 1[/expand]
[expand title="question 2" id="q2"]answer 2[/expand]
[expand title="question 3" id="q3"]answer 3[/expand]
<a class="expandanchor" href="#q1">question 1</a>
<a class="expandanchor" href="#q2" rel="m_PageScroll2id">question 2</a>
<a href="#q3">question 1</a>