Bootstrap Google Code Prettify by Sykot.com

Download Code Back to the Tutorial

Without Line Number

/*-- CSS Sample --*/
body {
	text-align: left;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
        border-top: 5px solid #333;
}
a:link, a:visited {
	color: #0088CC;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #005588;
}
<!-- HTML Sample -->
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Sykot.com</title>
</head>
<body>
	<h1>Hello There!</h1>
</body>
</html>
<!-- PHP Sample -->
<?php
    query_posts( "cat=19&posts_per_page=5" );
    while (have_posts()) : the_post();
?>

    <h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>

    <?php the_excerpt() ?>

<?php endwhile; ?>
<!-- JavaScript Sample -->
<script type="text/javascript">
  !function ($) {
    $(function(){
      window.prettyPrint && prettyPrint()
    })
  }(window.jQuery)
</script>

With Line Number

/*-- CSS Sample --*/
body {
	text-align: left;
	padding: 0;
	margin: 0;
	background-color: #FFF;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
        border-top: 5px solid #333;
}
a:link, a:visited {
	color: #0088CC;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #005588;
}
<!-- HTML Sample -->
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Sykot.com</title>
</head>
<body>
	<h1>Hello There!</h1>
</body>
</html>
<!-- PHP Sample -->
<?php
    query_posts( "cat=19&posts_per_page=5" );
    while (have_posts()) : the_post();
?>

    <h3><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h3>

    <?php the_excerpt() ?>

<?php endwhile; ?>
<!-- JavaScript Sample -->
<script type="text/javascript">
  !function ($) {
    $(function(){
      window.prettyPrint && prettyPrint()
    })
  }(window.jQuery)
</script>