Суббота, 30 Января 2010 г. 15:06
+ в цитатник
Добавил фишку, которую у меня когда-то просили - подсветку файлов стилей CSS в виде html для вставки в посты. Подсветка кода как всегда находится на сайте
SourceCode for Me. Ниже приведу пример
подсвеченного файла стилей.
Copy Source | Copy HTML- /* Columns section */
- #columns .column {
- float: left;
- width: 100%;
- /* Min-height: */
- min-height: 400px;
- min-width:100px;
- height: auto !important;
- height: 400px;
- }
-
- /* Column dividers (background-images) : */
- .column ol,ul { margin: 0; margin-left: 0; padding: 0; list-style:none; border:none;}
-
- #columns #column1 { margin: 30px 35px 0 25px; }
- #columns #column3 { margin: 30px 25px 0 35px; }
- #columns {
- margin: 30px 20px 0 20px;
- padding: 2px;
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- }
- #columns .widget-head {
- color: #000;
- overflow: hidden;
- width: 100%;
- height: 30px;
- line-height: 30px;
- }
- #columns .widget-head h3 {
- padding: 0 5px;
- float: left;
- }
- #columns .widget-content
- {
- background: #333 url(img/widget-content-bg.png) repeat-x;
- padding: 0 5px;
- color: #DDD;
- -moz-border-radius-bottomleft: 2px;
- -moz-border-radius-bottomright: 2px;
- -webkit-border-bottom-left-radius: 2px;
- -webkit-border-bottom-right-radius: 2px;
- line-height: 1.2em;
- overflow: hidden;
- }
- #columns .widget-content p {
- padding: 0.8em 0;
- border-bottom: 1px solid #666;
- }
- #columns .widget-content a
- {
- color:#CCCCCC;
- }
-
- #columns .widget-content img {
- float: right;
- margin: 10px;
- border: 1px solid #FFF;
- }
- #columns .widget-content pre {
- padding: 0.5em 5px;
- color: #EEE;
- font-size: 12px;
- }
- #columns .widget-content ul {
- padding: 5px 0 5px 20px;
- list-style: disc;
- }
- #columns .widget-content ul li {padding: 3px 0;}
- #columns .widget-content ul.images {
- padding: 7px 0 0 0;
- list-style: none;
- height: 1%;
- }
- #columns .widget-content ul.images li {
- display: inline;
- float: left;
- }
- #columns .widget-content ul.images img {
- display: inline;
- float: left;
- margin: 0 0 7px 7px;
- }
- /* End Columns section */
-
-
Метки:
code
s-c.me
-
Запись понравилась
-
0
Процитировали
-
0
Сохранили
-