syntax hightlighter

one using js other php

by Imri Paloja

HTML

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<link rel="stylesheet" href="http://www.eurobytes.nl/css/framework.css">
<h1>syntax highlighter</h1> 

<h2>js</h2>

<h3><a href="https://code.google.com/p/google-code-prettify/">code-prettify</a></h3>
<pre class="prettyprint linenums:4">
#logon {
    background-color: #F9F9F9;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    color: #454545;
    padding: 2px 3px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
}
</pre>

<code class="prettyprint linenums:4">
#logon {
    background-color: #F9F9F9;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    color: #454545;
    padding: 2px 3px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
}
</code>
    <hr>
    <h2>php</h2>
    <h3><a href="http://code.google.com/p/hyperlight/">hyperlight</a></h3>
        
<code class="php">&lt;?php require('path/to/hyperlight.php'); ?>
</code>
        <br>
        in body
<br>
    <code class="php">&lt;?php hyperlight(file_get_contents(__FILE__), 'php'); ?>
</code>

CSS

pre.prettyprint, hr {
    border: 1px solid #CCCCCC;
}

code.php {
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE;
    padding: 2px 3px;
}