WEB-нотатки - записник он-лайн

Оформлення блоків CODE і QUOTE

Приклади оформлення, налаштувати можна будь-як, була б фантазія.

Code

.quoteMessage {
margin-top: 4px !important;
border: 1px dotted #FF5F00 !important;
border-left: 4px solid #F06911 !important;
background: #333333 url("/Sa.png") !important;
background-repeat: no-repeat !important;
background-position: right top !important;
color: #00FF33 !important;
padding: 10px !important;
overflow: auto !important;
}

Code

.codeMessage {
margin-top: 4px !important;
border: 1px dotted #1767D8 !important;
border-left: 5px solid #F06911 !important;
background: #333333 url("/Sa.png") !important;
background-repeat: no-repeat !important;
background-position: right top !important;
color: #00FF33 !important;
padding: 10px !important;
overflow: auto !important;
}

Ще:

Code

.bbQuoteName {color: #ffffff !important; padding-left: 5px; padding-bottom: 2px; font-size: 7pt; }
.bbCodeName {color: #ffffff !important; padding-left: 5px; padding-bottom: 2px; font-size: 7pt; }
.codeMessage {background: #fff8e5; font-size: 9px; border: 1px #aaaaaa dashed !important; padding-left: 1px; padding-top: 1px; padding-bottom: 1px; padding-right: 1px; }
.quoteMessage {background: #fff8e5; font-size: 9px; border: 1px #aaaaaa dashed !important; padding-left: 1px; padding-top: 1px; padding-bottom: 1px; padding-right: 1px; }

а також:

Code

.bbQuoteName {color: #000; !important; background: #E4EAF2 url(/quote.gif) no-repeat right; font-size: 10pt; !important; font-weight: bold; margin: 0 auto 0 auto; border: 1px #000 dotted; border-bottom: 0; border-left: 4px #8394B2 solid; padding-top: 7px; padding-bottom: 7px;}
.bbCodeName {color: #000; !important; background: #FDDBCC url(/code.gif) no-repeat top right; font-size: 10pt; !important; font-weight: bold; margin: 0 auto 0 auto; padding-top: 7px; padding-bottom: 7px;}
.codeMessage {color: #465584; background: #FAFCFE; font-size: 10px; border: 1px #000 dotted !important; padding: 3px;}
.quoteMessage {color: #465584; background: #FAFCFE; font-size: 10px; border: 1px #000 dotted !important; border-left: 4px #8394B2 solid !important; border-top: 0 !important; padding: 3px;}