Thursday 4 October 2012

simple Syntax Highlighters Using CSS

// siddhu vydyabhushana // Leave a Comment
Good evening friends , these days blogging is one of the most important hot topic for engineering students ....when they are writing programs it may be effect the page without effecting we need to display 100% .................

PRE is command used in html to display code ,without effecting., 
below  i implemented and source is also given


before using code u use class of 'syntax' & 'syntax1'

hi guys i designed this syntax highlighters if u paste
it in ur blog before <body> u can enjoy it also


<style>
.syntax
{
width:600px;
background:#eee;
color:black;
font-size:14px;
font-family:Microsoft Sans Serif;
padding:12px;
border :dashed 1px #bdbdbd;
border-radius:3px;
}
b
{
color:green;
}
.syntax1
{
font-family:Verdana;
border:solid 1px #bdbdbd;
background:white;
font-size:17px;
padding:10px;


}
</style>

#siddhu vydyabhushana












0 comments:

Post a Comment