Kronester

<p>There are several reasons to print some hints on your posts. These hints will never been seen on the screen, but you want it to show on paper.</p>
<h4>Feature-List:</h4>
<ul>
<li>Definition of a hint text, only appearing on printouts.<br />
You can use any html tag that can be placed within <code><p> ... </p></code> to format your hints.</li>
<li>Comfortable definition of hint text via admin settings panel.</li>
<li>Hiding user defined areas of posts / pages – see Example 3 in Arbitrary section</li>
<li>ShortTag [PrintHint] for free definition of post-blocks show only on screen/print output</li>
<li>Definition of CSS classes (.classname) in a comma separated list. These classes don’t appear on printouts.</li>
<li>Definition of CSS IDs (#idname) in a comma separated list. These IDs don’t appear on printouts.</li>
<li>Style definition for printout border frame</li>
<li>Multilanguage Support: English, Deutsch, Russian already implemented</li>
</ul>
<p>The plugin hooks into <em>the_content</em> filter. The <em>the_excerpt</em> filter hook is used to remove the hint from displaying on search result page.</p>
<h3>*Scenarios*</h3>
<p>You want to show a text only online?</p>
<blockquote>
<p><em>[PrintHint show_on=”screen”]</em> … appears only on screen … <em>[/PrintHint]</em></p>
</blockquote>
<p>You want to show a text only on printout?</p>
<blockquote>
<p><em>[PrintHint show_on=”print”]</em> … appears only on printouts … <em>[/PrintHint]</em></p>
</blockquote>
<h3>*Hint*</h3>
<p>Beware of the closing tag <em>[/PrintHint]</em> as well as the parameter <em>show_on</em>, they are <em>REQUIRED</em>!<br />
If you don’t apply the parameter or give them a wrong argument, the block content will not be displayed, anyway.</p>
<p>Removing the whole border css style from config page will activate the default style defined in fdrag_phi_print.css</p>
<h3>Arbitrary section</h3>
<h4>Example 1: Hint-Text</h4>
<pre><code><center><b>Achtung</b> - Urheberrechtshinweis! <br>
Da dieses Blog unter einer Creative Commons Lizenz steht, 
stellt das Ausdrucken für Sie kein Problem dar. <br>
Bei Webseiten die nicht unter einer solchen oder ähnlichen Lizenz stehen, 
kann das Ausdrucken zu einer Urheberrechtsverletzung führen.</center>
</code></pre>
<h4>Example 2: CSS Class/ID hiding</h4>
<pre><code>#header, #top, #footer, #bottom, #sidebar,
.commentheader, #commentform
</code></pre>
<h4>Example 3: Hide some portion of a post / page while printing</h4>
<p>Within the post define an area with a userdefined and no more referenced ID.<br />
This ID don’t have to be defined within any CSS stylesheet. It’s just for Dragons Print-Hint.</p>
<pre><code>.. some content of your post
<div id="RemoveOnPrint"> ... here is some content of the post ... </div>
.. some more content of your post
</code></pre>
<p>If you define this ID (#RemoveOnPrint) in the “hide css blocks” list (remember: comma separate more then one value)<br />
you can see the post with all content but while printing the div tag with id=”RemoveOnPrint” ist hidden.</p>
<h4>Example 4: Using shortcodes</h4>
<p>If there are areas within your post to explicitly hide/show on screen/print output,<br />
you can use the shortcode</p>
<blockquote>
<p><code>[PrintHint show_on="screen|print"] .... [/PrintHint]</code>.</p>
</blockquote>
<h3>Show graphical link only online, on printouts show the URL instead.</h3>
<blockquote>
<p><code>Here is my post text<br />
   [PrintHint show_on="screen"]<a href="some url"><img src="myImage" /></a>[/PrintHint]<br />
   [PrintHint show_on="print"]http://myUrl[/PrintHint]<br><br />
   and here is the rest of the text.</code></p>
</blockquote>
<p>The Parameter <em>show_on</em> can be used to define the apperance of the content between the shortcode tags.<br />
If you define <em>show_on=”screen”</em> the content part will only be shown an screen outputs.<br />
Otherwise, the <em>show_on=”print”</em> parameter will show the hint only on printouts.</p>
<blockquote>
<p>Remark: If you dont’t use the ‘show_on’ parameter or forget to close the shortcode tag, there will be no output!</p>
</blockquote>
<p>= Example 5: Using your own border style for print-hint<br />
Just enter the border attributes (see http://www.w3schools.com/css/pr_border.asp for usage example)<br />
without the semicolon. e.g. 5px solid red</p>


Dragons Print-Hint

Frank Corso

<p>Adds a shortcode to show a tip box on any post or page. Simply use the [tip][/tip] shortcode to place the text into a tip box.</p>
<p>You can change the color of the tipBox by using the color attribute. So, to set the tipBox to a light green, simply use: [tip color=”lightgreen”][/tip]. Leave out the color to use the default yellow.</p>
<h4>Make Suggestions Or Contribute</h4>
<p>Tips Shortcode is on <a href="https://github.com/fpcorso/tips_shortcode/" rel="nofollow ugc">GitHub</a>!</p>
<h4>Demoes!</h4>
<p>You can check out the demo here: <a href="http://mylocalwebstop.com/tips-shortcode/" rel="nofollow ugc">Demo Tip</a>!</p>


Dragons Print-Hint vs Tips Shortcode