|
CodeModule
Notes on the Code Module.
Links ModuleLocation/stylesheets/modules/code.css Source Codehttp://code.google.com/p/sparkl/source/browse/trunk/stylesheets/modules/code.css SummaryThe links module sets some basic styles for pre-formatted code to make it look as though it was written in your favourite text editor. HTML Design Pattern<pre> <code class='html'> <span class='tag'><h1></span> The code module <span class='tag'></h1></span> </code> </pre> DescriptionThe code module makes pre-formatted code look more like code by using a monospaced font and a darker background to give it the look of a terminal. Classes are provided so that code can be formatted depending on the language used. Why It's BulletproofNo reason in particular, really! How it worksA class is added to the <code> tag that states the language. <span> tags can then be placed around parts of the code to indicate different parts of the code and have it styled accordingly. For example, in html, use the code following code to create an html paragraph tag that will be in bold blue type: <span class='tag'></p></span> IE FixesNone needed. IssuesThe only language featured at the moment is html, with the only style being that of 'tag'. This module has the potential to be expanded to support lots of languages in the future. Further Readinghttp://www.htmldog.com/reference/htmltags/pre/ Other Modules
|
Sign in to add a comment
