<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wikidot="http://www.wikidot.com/rss-namespace">

	<channel>
		<title>Comments for page &quot;24 - HTML Block&quot;</title>
		<link>http://blog.wikidot.com/forum/t-188442/24-html-block</link>
		<description>Posts in the discussion thread &quot;24 - HTML Block&quot;</description>
				<copyright></copyright>
		<lastBuildDate>Tue, 09 Jun 2026 02:25:39 +0000</lastBuildDate>
		
					<item>
				<guid>http://blog.wikidot.com/forum/t-188442#post-619593</guid>
				<title>(no title)</title>
				<link>http://blog.wikidot.com/forum/t-188442/24-html-block#post-619593</link>
				<description></description>
				<pubDate>Wed, 28 Oct 2009 21:35:43 +0000</pubDate>
				<wikidot:authorName>Gabrys</wikidot:authorName>				<wikidot:authorUserId>2462</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>But as I think more about this, I believe there is a set of properties that we want to SET like:</p> <ul> <li>width: 100%;</li> <li>margins: 0;</li> <li>paddings: 0;</li> <li>background: transparent;</li> </ul> <p>This can be done by marking html tag with id=&quot;html-iframe&quot; and setting those properties in base/style.css. The rest of the properties can be then safely inherited from the wiki style. This would be the most flexible solution, as you can also overwrite #html-iframe body properties in custom themes to create some nice effects.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://blog.wikidot.com/forum/t-188442#post-609404</guid>
				<title>(no title)</title>
				<link>http://blog.wikidot.com/forum/t-188442/24-html-block#post-609404</link>
				<description></description>
				<pubDate>Thu, 15 Oct 2009 15:55:47 +0000</pubDate>
				<wikidot:authorName>Gabrys</wikidot:authorName>				<wikidot:authorUserId>2462</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>CSS inheritation is not what you want (unless done explicitly).</p> <p>For example many styles set width of body to 900px or so. As body element is added to the HTML, the iframe content would be also styled that way. I believe we don't want to do this.</p> <p>Nice thing about this (as mention implementation details) is that we can use variables (from ListPages and _templates) in such blocks like this:</p> <div class="code"> <div class="hl-main"> <pre><span class="hl-code">[[html]] </span><span class="hl-brackets">&lt;</span><span class="hl-reserved">h1</span><span class="hl-brackets">&gt;</span><span class="hl-code">%%title%%</span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">h1</span><span class="hl-brackets">&gt;</span><span class="hl-code"> </span><span class="hl-brackets">&lt;</span><span class="hl-reserved">script</span><span class="hl-code"> </span><span class="hl-var">type</span><span class="hl-code">=</span><span class="hl-quotes">&quot;</span><span class="hl-string">text/javascript</span><span class="hl-quotes">&quot;</span><span class="hl-brackets">&gt;</span><span class="hl-code"> alert('%%fullname%%'); </span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">script</span><span class="hl-brackets">&gt;</span><span class="hl-code"> [[/html]]</span></pre></div> </div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://blog.wikidot.com/forum/t-188442#post-608705</guid>
				<title>(no title)</title>
				<link>http://blog.wikidot.com/forum/t-188442/24-html-block#post-608705</link>
				<description></description>
				<pubDate>Wed, 14 Oct 2009 16:58:07 +0000</pubDate>
				<wikidot:authorName>pieterh</wikidot:authorName>				<wikidot:authorUserId>99</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>OK, makes sense.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://blog.wikidot.com/forum/t-188442#post-608306</guid>
				<title>Re:</title>
				<link>http://blog.wikidot.com/forum/t-188442/24-html-block#post-608306</link>
				<description></description>
				<pubDate>Wed, 14 Oct 2009 01:54:25 +0000</pubDate>
				<wikidot:authorName>GoVegan</wikidot:authorName>				<wikidot:authorUserId>35113</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Mmmmmm&#8230;&#8230;. dunno about that.</p> <p>What if you have an attribute for CSS? <tt>inherit_css=&quot;true&quot;</tt><br /> I can think of several cases where I wouldn't want the CSS to be inherited.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://blog.wikidot.com/forum/t-188442#post-608090</guid>
				<title>(no title)</title>
				<link>http://blog.wikidot.com/forum/t-188442/24-html-block#post-608090</link>
				<description></description>
				<pubDate>Tue, 13 Oct 2009 20:32:54 +0000</pubDate>
				<wikidot:authorName>michal-frackowiak</wikidot:authorName>				<wikidot:authorUserId>1</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <div class="code"> <pre><code>[[html ...arguments...]] ... html code ... [[/html]]</code></pre></div> <p>There is no need to wrap content in an &lt;html&gt; tag. We should add all required HTML structure nodes automatically, even add some JS or CSS files, e.g. for automatic iframe resizing or to match the style of the content with the given site.</p> <p>A real example would be then:</p> <div class="code"> <div class="hl-main"> <pre><span class="hl-code">[[html]] </span><span class="hl-brackets">&lt;</span><span class="hl-reserved">h1</span><span class="hl-brackets">&gt;</span><span class="hl-code"> My example header </span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">h1</span><span class="hl-brackets">&gt;</span><span class="hl-code"> </span><span class="hl-brackets">&lt;</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span><span class="hl-code"> My awesome paragraph. </span><span class="hl-brackets">&lt;/</span><span class="hl-reserved">p</span><span class="hl-brackets">&gt;</span><span class="hl-code"> [[/html]]</span></pre></div> </div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://blog.wikidot.com/forum/t-188442#post-607868</guid>
				<title>Much better</title>
				<link>http://blog.wikidot.com/forum/t-188442/24-html-block#post-607868</link>
				<description></description>
				<pubDate>Tue, 13 Oct 2009 16:03:03 +0000</pubDate>
				<wikidot:authorName>GoVegan</wikidot:authorName>				<wikidot:authorUserId>35113</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>This is much better&#8230; it even follows the KISS principle!</p> 
				 	]]>
				</content:encoded>							</item>
				</channel>
</rss>