Xenharmonic Wiki

Help:Advanced formatting of wiki pages: Difference between revisions

Newer edit →
VisualWikitext
Wikispaces>spt3125
**Imported revision 480987530 - Original comment: **
 
Wikispaces>FREEZE
No edit summary
Line 1: Line 1:
<h2>IMPORTED REVISION FROM WIKISPACES</h2>
Using CSS and JavaScript, it is possible to have some additional control over the formatting of wiki pages that may not be possible with the tools provided by the standard interface.
This is an imported revision from Wikispaces. The revision metadata is included below for reference:<br>
: This revision was by author [[User:spt3125|spt3125]] and made on <tt>2014-01-06 21:21:04 UTC</tt>.<br>
: The original revision id was <tt>480987530</tt>.<br>
: The revision comment was: <tt></tt><br>
The revision contents are below, presented both in the original Wikispaces Wikitext format, and in HTML exactly as Wikispaces rendered it.<br>
<h4>Original Wikitext content:</h4>
<div style="width:100%; max-height:400pt; overflow:auto; background-color:#f8f9fa; border: 1px solid #eaecf0; padding:0em"><pre style="margin:0px;border:none;background:none;word-wrap:break-word;white-space: pre-wrap ! important" class="old-revision-html">Using CSS and JavaScript, it is possible to have some additional control over the formatting of wiki pages that may not be possible with the tools provided by the standard interface.


For example, Wikispaces offers few options for formatting tables. Let's say we want to add some padding to a table. The following code, inserted into an "Other HTML" Widget anywhere on the page, should do the trick:
For example, Wikispaces offers few options for formatting tables. Let's say we want to add some padding to a table. The following code, inserted into an "Other HTML" Widget anywhere on the page, should do the trick:
[[code]]
 
&lt;script type="text/javascript"&gt;
<pre>&lt;script type="text/javascript"&gt;
/*&lt;![CDATA[*/
/*&lt;![CDATA[*/
document.write('&lt;style type="text/css"&gt; .wiki_table td { padding: 5px; } &lt;\/style&gt;');
document.write('&lt;style type="text/css"&gt; .wiki_table td { padding: 5px; } &lt;\/style&gt;');
/*]]&gt;*/
/*]]&gt;*/
&lt;/script&gt;
&lt;/script&gt;</pre>
[[code]]
 
Other elements may perhaps be styled in this manner as well. Some trial and error and inspection of the page source will likely be needed to determine the proper ids and classes to use. Use the [[sandbox]] for experimentation.</pre></div>
<h4>Original HTML content:</h4>
<div style="width:100%; max-height:400pt; overflow:auto; background-color:#f8f9fa; border: 1px solid #eaecf0; padding:0em"><pre style="margin:0px;border:none;background:none;word-wrap:break-word;width:200%;white-space: pre-wrap ! important" class="old-revision-html">&lt;html&gt;&lt;head&gt;&lt;title&gt;Advanced formatting of wiki pages&lt;/title&gt;&lt;/head&gt;&lt;body&gt;Using CSS and JavaScript, it is possible to have some additional control over the formatting of wiki pages that may not be possible with the tools provided by the standard interface.&lt;br /&gt;
&lt;br /&gt;
For example, Wikispaces offers few options for formatting tables. Let's say we want to add some padding to a table. The following code, inserted into an &amp;quot;Other HTML&amp;quot; Widget anywhere on the page, should do the trick:&lt;br /&gt;
&lt;!-- ws:start:WikiTextCodeRule:0:
&amp;lt;pre class=&amp;quot;text&amp;quot;&amp;gt;&amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;quot;&amp;amp;gt;&amp;lt;br/&amp;gt;/*&amp;amp;lt;![CDATA[*/&amp;lt;br/&amp;gt;document.write('&amp;amp;lt;style type=&amp;amp;quot;text/css&amp;amp;quot;&amp;amp;gt; .wiki_table td { padding: 5px; } &amp;amp;lt;\/style&amp;amp;gt;');&amp;lt;br/&amp;gt;/*]]&amp;amp;gt;*/&amp;lt;br/&amp;gt;&amp;amp;lt;/script&amp;amp;gt;&amp;lt;/pre&amp;gt;
--&gt;
&lt;style type="text/css"&gt;&lt;!--
/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.text  {font-family:monospace;}
.text .imp {font-weight: bold; color: red;}
.text span.xtra { display:block; }
 
--&gt;
&lt;/style&gt;&lt;pre class="text"&gt;&amp;lt;script type=&amp;quot;text/javascript&amp;quot;&amp;gt;
/*&amp;lt;![CDATA[*/
document.write('&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt; .wiki_table td { padding: 5px; } &amp;lt;\/style&amp;gt;');
/*]]&amp;gt;*/
&amp;lt;/script&amp;gt;&lt;/pre&gt;


&lt;!-- ws:end:WikiTextCodeRule:0 --&gt;&lt;br /&gt;
Other elements may perhaps be styled in this manner as well. Some trial and error and inspection of the page source will likely be needed to determine the proper ids and classes to use. Use the [[SandBox|sandbox]] for experimentation.
Other elements may perhaps be styled in this manner as well. Some trial and error and inspection of the page source will likely be needed to determine the proper ids and classes to use. Use the &lt;a class="wiki_link" href="/sandbox"&gt;sandbox&lt;/a&gt; for experimentation.&lt;/body&gt;&lt;/html&gt;</pre></div>
[[Category:wiki_help]]
Retrieved from "https://en.xen.wiki/w/Help:Advanced_formatting_of_wiki_pages"