Привет Всем! Потихонечку возвращаюсь в ритм написания постов. Очень хочется хотя бы раз в день выпускать по одному посту, а лучше бы два, но хоть так. Славила вдохновения, на работе приработалась и нашла промежуток времени, который можно уделить блогу. Но про распределение время для наших блогов, пожалуй напишу в ближайших постах.
Ну а сегодня мне бы хотелось поделиться скриптом для увелечения аватара, ваших комментаторов. Возможно куму-то не по душе маленькие аватары, так вот их можно увеличить при помощи CCS кода.
Вставить перед
Код для древовидных комментариев
.comments .avatar-image-container{background-color: rgb(34, 34, 34);border:1px solid #ccc;margin: 0px 10px 0px 0px;padding: 0px 0px 0px 0px;width: 64px;max-height: 64px;}.comments .avatar-image-container img{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;max-width: 64px;height: 64px;}
Для не древовидных комментариев
.avatar-image-container{border:1px solid #d6d6d6;margin-left: -30px;-moz-border-radius: 4px;background:#fff;height:70px;min-height: 70px;width:70px;min-width:70px;}.avatar-image-container img {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6E-WWb9uNhmoTjD5WqOztV2qn1NhvHs5ZQzpun9y7BCgIjoo3VrgHOmaEg66bNIMttnSrOsAvqfmMqJCX0EH4b2X2J-_IfUudeRBzLBCGWkctIj3Li0TfD7UOPVCrtJ4PPq8fcMFe9GI/s200/anonymous.jpg);background-repeat: no-repeat;background-position: center;background-size: 100%;width:70px;min-width:70px;height:70px;min-height:70px;}Цифры красным меняете на желаемый размер.
До изменения |
После |
Надеюсь пост оказался для вас полезным. До скорых встреч па-па
Пожалуйста не забывайте нажать
0 коммент. :