TetsiDemo: Τονίστε τους κώδικές σας με το Prettify

Για να το εφαρμόσετε στο blog σας, δείτε εδώ

Παράδειγμα CSS:

#TetsiTestCSS {
 background-color: #333;
 padding:5px;
 color #fff;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
}
pre .nocode {
 background-color: none;
 color: #000 
}
#floatMenu {
width:200px;
height:260px;
}
#floatMenu ul {
list-style: none;
margin-bottom:20px;
}
pre .atn {
 color: #bdb76b;
 font-weight: bold 
}
#floatMenu ul li a {
display:block;
border:1px solid #999;
background-color:#222;
border-left:6px solid #999;
text-decoration:none;
color:#ccc;
padding:5px 5px 5px 25px;
}
#floatMenu ul li a:hover {
color:#fff;
background-color:#333333;
}

Παράδειγμα HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Prettify Demo and Source codes</title>
 
  <link rel="stylesheet" href=" http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css"/>
 
  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
</head>
<body>
 
   <pre class="prettyprint linenums">
   $undefineddocument).readyundefinedfunctionundefined) {
    alertundefined'I am using Prettify as Syntax Highlighter');
   });
   </pre>
 
  <script src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>
  <script>prettyPrintundefined);</script>
</body>
</html>

Παράδειγμα JavaScript:

$(document).ready(function() {
 alert('I am using Prettify as Syntax Highlighter');
});

Τονίστε τους κώδικές σας με το Prettify

Φόρμα επικοινωνίας