Advanced Search

Notebox for sourcecode on blog page

/ Published in: CSS
Save to your folder(s)
displays sourcecode in a nice notebox on blog pages. uses with a class.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .code
  2. {
  3.     border-top-width: 1px;
  4.     border-right-width: 1px;
  5.     border-bottom-width: 1px;
  6.     border-left-width: 1px;
  7.     border-top-style: solid;
  8.     border-right-style: solid;
  9.     border-bottom-style: solid;
  10.     border-left-style: solid;
  11.     border-top-color: rgb(161, 165, 169);
  12.     border-right-color: rgb(161, 165, 169);
  13.     border-bottom-color: rgb(161, 165, 169);
  14.     border-left-color: rgb(161, 165, 169);
  15.     background-color: rgb(247, 247, 247);
  16.     background-image: none;
  17.     background-repeat: repeat;
  18.     background-attachment: scroll;
  19.     -x-background-x-position: 0%;
  20.     -x-background-y-position: 0%;
  21.     -moz-background-clip: -moz-initial;
  22.     -moz-background-origin: -moz-initial;
  23.     -moz-background-inline-policy: -moz-initial;
  24.     margin-top: 20px;
  25.     margin-right-value: 0pt;
  26.     margin-bottom: 20px;
  27.     margin-left-value: 0pt;
  28.     margin-left-ltr-source: physical;
  29.     margin-left-rtl-source: physical;
  30.     margin-right-ltr-source: physical;
  31.     margin-right-rtl-source: physical;
  32.     padding-top: 8px;
  33.     padding-right-value: 8px;
  34.     padding-bottom: 8px;
  35.     padding-left-value: 8px;
  36.     padding-left-ltr-source: physical;
  37.     padding-left-rtl-source: physical;
  38.     padding-right-ltr-source: physical;
  39.     padding-right-rtl-source: physical;
  40.     text-align: left;
  41.     font: 1.1em 'monaco,'Courier New',courier,monospace;
  42. }

URL: http://roobasoft.com/blog/2005/12/02/code-on-the-web/

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.