Который уже год зима сама на себя не похожа! Ни тебе красивых снегопадов, ни тебе сугробов!  Под ногами словноcтелется сплошной текст без абзацев —  серый и невыразительный!

Вот я и подумала: если уж  не могу в природе что-то изменить, оживлю-ка я хотя бы блог себе. Хотя почему – только себе? Пусть и посетители мои  поднимут себе настроение: возьмут код с моего блога и расцветят себе, например, комментарии. Вот так:

Любовь Дубинкина

 

Сделать это просто: скопируйте у меня код и добавьте его гаджетомHTML/JavaScript – вы это умеете.    Может быть, кому-то ярко покажется, а моему глазу радостно. Надоест – сменю!

Вот вам код:

<style>
.comments .comment .comment-actions a, .comments .continue a {box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;
   border: 1px solid #DDD;
   margin: 0 2px;   text-decoration: none;   border-radius: 4px;   text-shadow: 0 1px 1px white;
   font: bold 11px Sans-Serif;   padding: 2px 10px;   white-space: nowrap;   vertical-align: middle;   color: #666;   background: -webkit-linear-gradient(top, #fbfaf8, gainsboro);   background:    -moz-linear-gradient(top, #fbfaf8, gainsboro);   background:     -ms-linear-gradient(top, #fbfaf8, gainsboro);   background:      -o-linear-gradient(top, #fbfaf8, gainsboro);   text-transform: lowercase;}
.comments .comment .comment-actions a:hover, .comments .continue a:hover {   box-shadow:         inset 0 1px 2px #c4c4c4;   border: 1px solid #AAA;   border-top-color: #999;   text-decoration: none;}


.thread-toggle {   border-radius: 4px 4px 0 0;   border-top: 2px solid $(link.hover.color);   text-shadow: 0 1px 1px white;   font: bold 11px Sans-Serif;   padding: 2px 10px;   white-space: nowrap;   vertical-align: middle;   color: #666;   text-transform: lowercase;}
.thread-toggle a{text-decoration: none;}
.comments .continue a {   float: right;      border-radius: 0 0 4px 4px;}.comments .comments-content .avatar-image-container{border: 4px solid #fcfbf5;border-radius: 5px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 5px rgba(0, 0, 0, 0.1) inset;}  .comments .comments-content .comment-thread ol li, .comments .comments-content .comment-thread ol li ol li{   border: 1px groove #acacac;   padding: 10px;   border-radius: 5px;  box-shadow: -moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);-webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);}
.comments .comments-content .comment-thread ol li:last-child { padding-bottom: 5px; }
.comments .comments-content .comment-thread ol li:nth-of-type(even) { background: #7600e9; }
.comments .comments-content .comment-thread ol li:nth-of-type(odd) { background: #0073e9; }
.comments .comments-content .comment-thread ol li ol li:nth-of-type(odd), .comments .comments-content .comment-thread ol li ol li:nth-of-type(even){ background: #fcfc89; }</style>

Напоминаю: прежде чем что-то делать на блоге, сделайте резервное копирование его содержания. Минутное дело!

 

В Панели управления найдите знакомое слово  Шаблон, нажмите его, и справа сразу появится серый прямоугольник с надписью: Резервное копирование и восстановление. Нажимаем смело!

Нам нужна будет пока только его первая часть. Бог даст, все пройдет нормально, и не придется ничего восстанавливать. А если – что, у вас есть копия всех материалов блога, его можно восстановить,  используя уже вторую часть окна.
Отсюда вы можете перейти на главную страницу блога.

Related posts: