Difference between revisions of "Template:JSFiddleExample"

From CSE330 Wiki
Jump to: navigation, search
(Making a template for JSFiddle examples)
 
Line 1: Line 1:
 
<div style="background-color:#F2D7B1; width:30%; min-width:250px; float:right; padding:5px; border:1px dotted #333; border-radius: 10px;">
 
<div style="background-color:#F2D7B1; width:30%; min-width:250px; float:right; padding:5px; border:1px dotted #333; border-radius: 10px;">
 
<p style="text-align:center;"><strong>Example: {{{title}}}</strong></p>
 
<p style="text-align:center;"><strong>Example: {{{title}}}</strong></p>
<p>[{{{link}}} Go to JSFiddle]</p>
+
<p>[http://jsfiddle.net/{{{fiddle_id}}}/ View in JSFiddle]</p>
 +
<iframe style="width: 100%; height: 300px" src="http://jsfiddle.net/{{{fiddle_id}}}/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
 +
<p>{{{desc}}}</p>
 
</div>
 
</div>

Revision as of 18:10, 24 October 2012

Example: {{{title}}}

View in JSFiddle

<iframe style="width: 100%; height: 300px" src="http://jsfiddle.net/{{{fiddle_id}}}/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

{{{desc}}}