Post met Ribbon

[ribbon id=”myribbon” padding=”10″ height=”100″ width=”200″ color=”#F00″ bgcolor=”#FFF” label=”Featured” position=”right”]
Dit is een text met een ribbon on the right.
[/ribbon]

En een image met alignright zoals dat door de media geinsert is.

Desert

En een stuk tekst tussen de text en de image met een ribbon als combinatie tussen media en uitleg.

[ribbon id=”sherkid” padding=”0″ width=”300″ height=”225″ bgcolor=”#CCC” color=”#233″ label=”Sample met text”] Desert
[/ribbon]

En de image met ribbon zoals die is aangegeven in de uitleg.

[ribbon id=”sherkid” padding=”0″ width=”300″ height=”225″ bgcolor=”#CCC” color=”#F00″ label=”Gereserverd”] Desert
[/ribbon]

Titel.met.punten

[ribbon id=”myribbon” padding=”10″ height=”100″ width=”100%” color=”#F00″ bgcolor=”#FFF” label=”Featured” position=”right”]
Kijken wat de titel wordt.
Tja, ook de punten worden vervangen door een dash.
En een ribbon to the post:
This is a sample content
[/ribbon]

Test GoogleGraph

Showing the geoChart option:
++++++++++++++++++++++++++++++++++++++++++++
[geoChart vaxis=”{title: ‘V-Axis’}” haxis=”{title: ‘H-Axis’}” title=”GoogleGraph Title”][‘Year’, ‘Sales’, ‘Expenses’],[‘2004’, 1000, 400],[‘2005’, 1170, 460],[‘2006’, 660, 1120],[‘2007’, 1030, 540][/geoChart]
++++++++++++++++++++++++++++++++++++++++++++

Test WP_GraphViz URL NL

Test van de shortcode met URL [ WP_GraphViz ] :

=== Start Shortcode ===
[WP_GraphViz title=”WP_GraphViz URL” type=”digraph” id=”testurl” showdot=”true”]
node [shape=box,style=filled,fillcolor=”#C0D0C0″];
Engels [URL=”/test-wp_graphviz-url/”];
Nederlands [URL=”/test-wp_graphviz-url-nl/”];
Engels -> Nederlands -> Engels;
[/WP_GraphViz]
=== Einde Shortcode ===

Test WP_GraphViz URL

Test of the another shortcode using URL [ WP_GraphViz ] :

=== Start Shortcode ===
[WP_GraphViz title=”WP_GraphViz URL” type=”digraph” id=”testurl” showdot=”true”]
English [shape=box,style=”filled”,URL=”/test-wp_graphviz-url/”];
Dutch [shape=box,style=”filled”,URL=”/test-wp_graphviz-url-nl/”];
English -> Dutch -> English;
[/WP_GraphViz]
=== End Shortcode ===

=== Start Shortcode ===
[WP_GraphViz title=”WP_GraphViz URL 2″ type=”digraph” id=”testurl2″ showdot=”true”]
English [shape=box,style=”filled”];
Dutch [shape=box,style=”filled”];
English -> Dutch -> English;
[/WP_GraphViz]
=== End Shortcode ===

Test of the shortcode [ WP_GraphViz ] :

=== Start Shortcode ===
[WP_GraphViz title=”WP_GraphViz Title” type=”digraph” id=”testid” showdot=”true”]
a1 -> a2 -> a3;
a3 -> a1;
a1 [style=”rounded,filled”, shape=box];
[/WP_GraphViz]
=== End Shortcode ===

VYN Contact Form Test bericht

Met dit bericht kan het VYN Contact Form 7 Test formulier worden ingevuld.
Daarvoor wordt hieronder een shortcode gebruikt:

*** START ********************************************
[contact-form-7 id=”295″ title=”VYN Contact Form 7 Test”]
*** EINDE ********************************************

Gebruikte shortcode:
[[contact-form-7 id="295" title="VYN Contact Form 7 Test"]]

VYN-Icon SVG

Class Names


VYN:  vyn-font-vyn

VYN:  vyn-font-share-2

VYN:  vyn-font-heart

VYN:  vyn-font-share

Image of vyn-icon.svg as base-64 encoded string in an img tag of a font generated by IcoMoon web app:

Image of vyn-icon.svg as base-64 encoded string in an img tag of a font generated by IcoMoon web app:

Image of vyn-icon.svg as base-64 encoded string in an img tag:

Karalli Adding Graphviz

A post on The Karalli Pages:

[WP_GraphViz title=”WP_GraphViz for Karalli” showdot=”true”]
digraph G {
size = “5,5”;
style = bold;
main [shape=box,style=bold]; /* this is a comment */
parse,cleanup,execute,init [shape=ellipse,style=bold];
main -> parse [weight=8];
parse -> execute;
main -> init [style=dashed];
main -> cleanup;
execute -> { make_string; printf}
init -> make_string;
edge [color=red]; // so is this
main -> printf [style=bold,label=”100 times”];
make_string [label=”make a\nstring”];
node [shape=box,style=filled,color=”.7 .3 1.0″];
execute -> compare;
}[/WP_GraphViz]

“Fixed” version:

[WP_GraphViz title=”WP_GraphViz for Karalli” showdot=”true”]
digraph G {
size = 5.5;
style = bold;
main [shape=box,style=bold]; /* this is a comment */
parse,cleanup,execute,init [shape=ellipse,style=bold];
main -> parse [weight=8];
parse -> execute;
main -> init [style=dashed];
main -> cleanup;
execute -> { make_string; printf}
init -> make_string;
edge [color=red];
main -> printf [style=bold,label=”100 times”];
make_string [label=”make a\nstring”];
node [shape=box,style=filled,color=”.7 .3 1.0″];
execute -> compare;
}[/WP_GraphViz]

Test WP_GraphViz

Test of the shortcode [ WP_GraphViz ] :

=== Start Shortcode ===
[WP_GraphViz title=”WP_GraphViz Title” type=”digraph” id=”testid” showdot=”true”]
a1 -> a2 -> a3;
a3 -> a1;
a1 [style=”rounded,filled”, shape=box];
[/WP_GraphViz]
=== End Shortcode ===