0
Syntax highlighter is one of the most widely used  blogger widget  in design and development blogs. If you are a programmer or web designer  then you must definitely add an attractive syntax highlighter to your blog. In this post we will show you 5 different syntax highlighter  for blogger that created by  Windroidclub . These syntax highlighters are created by modifying HTML pre tag using CSS.

Code:
  
.code{
font-family: Verdana,"Times New Roman",Georgia,Serif;
font-size:12px;
color: #333333;
sdoverflow:auto;
width: 500px;
padding: 15px 0px 15px;
padding-left:42px;
white-space: pre-wrap;
white-space: -moz-pre-wrap !important;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.code, .code:before, .code:after
{
background: url("http://4.bp.blogspot.com/-GlhRdQ2lszc/UY38C5a_AvI/AAAAAAAABt0 /vsiGbAmbqrs/s1600/stacked-lined.png") repeat-y scroll 0 0 transparent;
border-radius: 5px 5px 0 0;
border: 1px solid #dcdcdc;
box-shadow: inset 0 0 30px rgba(0,0,0,0.1), 1px 1px 3px rgba(0,0,0,0.2);
}

Post a Comment

 
Top