HTML code for sharing source code

HTML Copy To Clipboarddone!

<div class="highlight" style="background: #f8f8f8"><pre style="line-height: 125%"><div id="lc1">/* These control the fixed-width text elements of the page */
</div><div id="lc2">textarea, pre, code { font-size:0.9em; }
</div><div id="lc3">pre, code { font-family:&#39;Lucida Console&#39;,&#39;Andale Mono&#39;,&#39;Courier New&#39;,Courier; }
</div><div id="lc4">pre { line-height:1.2em; }
</div><div id="lc5">pre code, code code, pre pre { font-size:100%; }
</div><div id="lc6">pre {
</div><div id="lc7"> overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
</div><div id="lc8"> white-space: pre-wrap; /* css-3 */
</div><div id="lc9"> white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
</div><div id="lc10"> white-space: -pre-wrap; /* Opera 4-6 */
</div><div id="lc11"> white-space: -o-pre-wrap; /* Opera 7 */
</div><div id="lc12"> /* width: 99%; */
</div><div id="lc13"> word-wrap: break-word; /* Internet Explorer 5.5+ */
</div><div id="lc14">}
</div></pre></div>
 Colored with <a style="color: #333" href="http://dumpz.org">dumpz.org</a>

BBCODE Copy To Clipboarddone!

[color=#408080][i]/* These control the fixed-width text elements of the page */[/i][/color]
[color=#008000][b]textarea[/b][/color][color=#666666],[/color] [color=#008000][b]pre[/b][/color][color=#666666],[/color] [color=#008000][b]code[/b][/color] { [color=#008000][b]font-size[/b][/color][color=#666666]:[/color][color=#666666]0.9em[/color]; }
[color=#008000][b]pre[/b][/color][color=#666666],[/color] [color=#008000][b]code[/b][/color] { [color=#008000][b]font-family[/b][/color][color=#666666]:[/color][color=#BA2121]'Lucida Console'[/color][color=#666666],[/color][color=#BA2121]'Andale Mono'[/color][color=#666666],[/color][color=#BA2121]'Courier New'[/color][color=#666666],[/color]Courier; }
[color=#008000][b]pre[/b][/color] { [color=#008000][b]line-height[/b][/color][color=#666666]:[/color][color=#666666]1.2em[/color]; }
[color=#008000][b]pre[/b][/color] [color=#008000][b]code[/b][/color][color=#666666],[/color] [color=#008000][b]code[/b][/color] [color=#008000][b]code[/b][/color][color=#666666],[/color] [color=#008000][b]pre[/b][/color] [color=#008000][b]pre[/b][/color] { [color=#008000][b]font-size[/b][/color][color=#666666]:[/color][color=#666666]100[/color][color=#666666]%[/color]; }
[color=#008000][b]pre[/b][/color] {
 [color=#008000][b]overflow-x[/b][/color][color=#666666]:[/color] [color=#008000][b]auto[/b][/color]; [color=#408080][i]/* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */[/i][/color]
 [color=#008000][b]white-space[/b][/color][color=#666666]:[/color] pre[color=#666666]-[/color]wrap; [color=#408080][i]/* css-3 */[/i][/color]
 [color=#008000][b]white-space[/b][/color][color=#666666]:[/color] [color=#666666]-[/color]moz[color=#666666]-[/color]pre[color=#666666]-[/color]wrap [color=#BC7A00]!important[/color]; [color=#408080][i]/* Mozilla, since 1999 */[/i][/color]
 [color=#008000][b]white-space[/b][/color][color=#666666]:[/color] [color=#666666]-[/color]pre[color=#666666]-[/color]wrap; [color=#408080][i]/* Opera 4-6 */[/i][/color]
 [color=#008000][b]white-space[/b][/color][color=#666666]:[/color] [color=#666666]-[/color]o[color=#666666]-[/color]pre[color=#666666]-[/color]wrap; [color=#408080][i]/* Opera 7 */[/i][/color]
 [color=#408080][i]/* width: 99%; */[/i][/color]
 word[color=#666666]-[/color]wrap[color=#666666]:[/color] break[color=#666666]-[/color]word; [color=#408080][i]/* Internet Explorer 5.5+ */[/i][/color]
}

--------------------------------------
Colored with http://dumpz.org

Light HTML Copy To Clipboarddone!

That method generates HTML with CSS classes. Hence you'll need the style sheet file

<div class="highlight"><pre><div id="lc1">/* These control the fixed-width text elements of the page */
</div><div id="lc2">textarea, pre, code { font-size:0.9em; }
</div><div id="lc3">pre, code { font-family:&#39;Lucida Console&#39;,&#39;Andale Mono&#39;,&#39;Courier New&#39;,Courier; }
</div><div id="lc4">pre { line-height:1.2em; }
</div><div id="lc5">pre code, code code, pre pre { font-size:100%; }
</div><div id="lc6">pre {
</div><div id="lc7"> overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
</div><div id="lc8"> white-space: pre-wrap; /* css-3 */
</div><div id="lc9"> white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
</div><div id="lc10"> white-space: -pre-wrap; /* Opera 4-6 */
</div><div id="lc11"> white-space: -o-pre-wrap; /* Opera 7 */
</div><div id="lc12"> /* width: 99%; */
</div><div id="lc13"> word-wrap: break-word; /* Internet Explorer 5.5+ */
</div><div id="lc14">}
</div></pre></div>
 Colored with <a style="color: #333" href="http://dumpz.org">dumpz.org</a>

Habrahabr.ru HTML Copy To Clipboarddone!

Use that HTML for publications on habrahabr.ru

<blockquote><code>/*&nbsp;These&nbsp;control&nbsp;the&nbsp;fixed-width&nbsp;text&nbsp;elements&nbsp;of&nbsp;the&nbsp;page&nbsp;*/
textarea,&nbsp;pre,&nbsp;code&nbsp;{&nbsp;font-size:0.9em;&nbsp;}
pre,&nbsp;code&nbsp;{&nbsp;font-family:&#39;Lucida&nbsp;Console&#39;,&#39;Andale&nbsp;Mono&#39;,&#39;Courier&nbsp;New&#39;,Courier;&nbsp;}
pre&nbsp;{&nbsp;line-height:1.2em;&nbsp;}
pre&nbsp;code,&nbsp;code&nbsp;code,&nbsp;pre&nbsp;pre&nbsp;{&nbsp;font-size:100%;&nbsp;}
pre&nbsp;{
&nbsp;overflow-x:&nbsp;auto;&nbsp;/*&nbsp;Use&nbsp;horizontal&nbsp;scroller&nbsp;if&nbsp;needed;&nbsp;for&nbsp;Firefox&nbsp;2,&nbsp;not&nbsp;needed&nbsp;in&nbsp;Firefox&nbsp;3&nbsp;*/
&nbsp;white-space:&nbsp;pre-wrap;&nbsp;/*&nbsp;css-3&nbsp;*/
&nbsp;white-space:&nbsp;-moz-pre-wrap&nbsp;!important;&nbsp;/*&nbsp;Mozilla,&nbsp;since&nbsp;1999&nbsp;*/
&nbsp;white-space:&nbsp;-pre-wrap;&nbsp;/*&nbsp;Opera&nbsp;4-6&nbsp;*/
&nbsp;white-space:&nbsp;-o-pre-wrap;&nbsp;/*&nbsp;Opera&nbsp;7&nbsp;*/
&nbsp;/*&nbsp;width:&nbsp;99%;&nbsp;*/
&nbsp;word-wrap:&nbsp;break-word;&nbsp;/*&nbsp;Internet&nbsp;Explorer&nbsp;5.5+&nbsp;*/
}
</code></blockquote>Colored with <a href="http://dumpz.org">dumpz.org</a>