как в блоге сделать для картинки рамку

.comments .comments-content .icon.blog-author { display:none; width:0px; } .comments .comments-content .user.blog-author, .comments .comments-content .user.blog-author:visited { background: #D6E9FF; border: 1px solid #EAEAEA; text-decoration: none; text-shadow: none; padding: 3px 5px 3px 25px; -moz-border-radius: 3px 3px 3px 3px; -webkid-border-radius: 3px 3px 3px 3px; border-radius: 3px; font: normal normal 120% Verdana; letter-spacing: -1px; word-spacing: -2px; color: #C171FF; margin-left: 15px; } .comments .comments-content .user.blog-author:hover { text-decoration: none; } .comments .comments-content .user.blog-author { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg444s8G4CQD_xvT1mIjMJhwQAKmf1KqOdwXBk8Eq_aI16gvHYFpabx0vVT501KvDq0PK9NBAFXJ7_O5JibWobCbNobeY9hZuLqwvG8nUoHc5II01ozYOtSVEV1sONl-Z8HwmHBJH1RzgYI/s320/msn_min1.png); background-repeat: no-repeat; background-position: 5px 50%; } .comments { background: #D6D4DB; border-top: 2px dotted #1c1c1c; -webkid- border-radius: 0 0 5px 5px; -moz- border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; margin: 10px 0 10px 0; padding: 10px; } .comment-block { background: #F8F8FF; border: 1px solid #CECECE; -webkid-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px; -moz-box-shadow: 0.7em 0.7em 1em -0.5em rgba(0,0,6,0.5); -webkid-box-shadow: 0.7em 0.7em 1em -0.5em rgba(0,0,6,0.5); box-shadow: 0.7em 0.7em 1em -0.5em rgba(0,0,6,0.5); height: 100%; color: #000; padding: 7px; margin-top: -10px; font-size: 14px; } .comment-block:before { content: ' '; position:absolute; height: 0; width:0; left: -19px; top:38px; border: 10px solid; border-color: #CECECE #CECECE transparent transparent; } .comment-block:after { content: ' '; position:absolute; height: 0; width:0; left: -15px; top:39px; border: 8px solid; border-color: #F8F8FF #F8F8FF transparent transparent; } .comment-content{ font: normal 300 100% Verdana; padding: 7px 7px 20px 7px; margin: 10px; } .comments .datetime a, .comments .datetime a:hover, .comments .datetime a:visited { background: #ECEAF2; float:right; border: 1px solid #EAEAEA; text-decoration: none; text-shadow: none; padding: 3px 5px 3px 5px; -moz-border-radius: 3px 3px 3px 3px; -webkid-border-radius: 3px 3px 3px 3px; border-radius: 3px; font: normal normal 95% Courier New; letter-spacing: -1px; word-spacing: -3px; color: #1c1c1c; } .thread-toggle { font: normal normal 110% Comic Sans MS; color: #000; height: 15px; padding: 10px; text-decoration: none; } .continue a { border: 1px solid #000000; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; color: #000; text-decoration: none; text-shadow: none; text-align: center; font-size: 90%; padding: 10px 5px; margin: 5px; width: 30% } .continue a:hover { background: #DBD5EF; border: 1px solid #A08BED; text-decoration: none; text-shadow: none; -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); } .blogger-comment-from-post { height: 230px; width: 550px; } .comment-form p {} .avatar-image-container img{ border: 0; border-radius: 5px; -moz-border-radius: 5px; -webkid-border-radius: 5px; } .comment-actions a { background: #eceaf2; background: -moz-linear-gradient(top, #eceaf2 0%, #c4c3c9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eceaf2), color-stop(100%,#c4c3c9)); background: -webkit-linear-gradient(top, #eceaf2 0%,#c4c3c9 100%); background: -o-linear-gradient(top, #eceaf2 0%,#c4c3c9 100%); background: -ms-linear-gradient(top, #eceaf2 0%,#c4c3c9 100%); background: linear-gradient(to bottom, #eceaf2 0%,#c4c3c9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceaf2', endColorstr='#c4c3c9',GradientType=0 ); border: 1px solid #C4C4C4; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -moz-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; -o-transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; transition: box-shadow 0.7s ease, background 0.7s ease, border 0.7s ease; color: #000; text-decoration: none; text-shadow: none; text-align: center; padding: 5px; margin: 5px 10px 5px 5px; font: normal bold 90% Tahoma; } .comment-actions a:hover { background: #dbd5ef; background: -moz-linear-gradient(

РЂЂЂРeР»Р`РeР РСІР`СіРёР¶СС» СІР`РРС РAлѿ РaР»РРРР¶ - MagentaWAVE