Pre code demo

This css script might be useful to all - It is not for syntax highlighting but works well for presenting the source code in original format :

  <pre style="font-family: Andale Mono, Lucida Console, Monaco, fixed, monospace; 
                color: #000000; background-color: #eee;
                font-size: 12px; border: 1px dashed #999999;
                line-height: 14px; padding: 5px; 
                overflow: auto; width: 100%">
       <code style="color:#000000;word-wrap:normal;">

            <<<<<<<YOUR CODE HERE>>>>>>>

       </code>
 </pre>

Comments

Post a Comment

Popular posts from this blog

Blogger Responsive Table Demo : Blogger Gadget Demo

How to make responsive table in blogger? View detail tutorial on article How to Create A Responsive Table In Blogger With HTML and CSS3 Caption Table Name Address Email Phone Number David Beckham Manchester, England davidbeckham@example.com 021-01010xxx Mike Tyson California, US miketyson@example.com 021-9198199189291929 Justin Bieber New York, US justinbierber@example.com 021-2929292929101019 Selena Gomez Texas, US selena.gomez@example.com 021-819199191991919
Read more

demo 2

HTML <button>Press Me!</button> CSS button { width:20px; height:28px; color:#fff; font-size:28px; padding:11px 15px; border-radius:5px; background:#14ADE5; } JS <button onclick="myFunction()">Post</button> <script> function myFunction() { document.write(5 + 6); } </script> Jquery $(document).ready(function{ jQuery.cssRule(".post", "display", "block"); });
Read more

pre code 2

I’ve received a few requests on how to highlight the syntax of snippets of in a blog like I have. Here is an example snippet of SCSS code, so you can see exactly what I’m referring to ...Masukan Kode HTML Disini (masuk Compose dulu)... /* CSS Prism Syntax Highlighter */ pre {     padding: 50px 10px 10px 10px;     margin: .5em 0;     white-space: pre;     word-wrap: break-word;     overflow: auto;     background-color: #2c323c;     position: relative;     border-radius: 4px;     max-height: 500px; } pre::before {     font-size: 16px;     content: attr(title);     position: absolute;     top: 0;     background-color: #eee;     padding: 10px;     left: 0;     right: 0;     color: #fff;     text-transform: uppercase;     display: block;     margin: ...
Read more