Привет Всем! Потихонечку возвращаюсь в ритм написания постов. Очень хочется хотя бы раз в день выпускать по одному посту, а лучше бы два, но хоть так. Славила вдохновения, на работе приработалась и нашла промежуток времени, который можно уделить блогу. Но про распределение время для наших блогов, пожалуй напишу в ближайших постах.
Ну а сегодня мне бы хотелось поделиться скриптом для увелечения аватара, ваших комментаторов. Возможно куму-то не по душе маленькие аватары, так вот их можно увеличить при помощи CCS кода.
Вставить перед </b:skin>
Код для древовидных комментариев
.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/AVvXsEgEWgS-A8rHxHDjmkGc4GCVGq_wfiwX8-yf8BsxsqPhUtST5HM28hBKR9s0CDORJm6Jwb__Wi6Y9vQS61EKnIzmXhbG0gCu6adSWNVYuULI9yf5nwPWAaAfJnWvcQmvyHRt1Zhb816LNgU/s200/anonymous.jpg);background-repeat: no-repeat;background-position: center;background-size: 100%;width:70px;min-width:70px;height:70px;min-height:70px;}Цифры красным меняете на желаемый размер.
До изменения |
После |
Надеюсь пост оказался для вас полезным. До скорых встреч па-па
Пожалуйста не забывайте нажать
Да пока стандартный размер устраивает )) Аня, у тебя опять новый шаблон? На мой взгляд стало лучше, удобнее!
ОтветитьУдалитьА вдруг кому-то срочно нужно увеличить аватарки)) Всегда нужно быть на чеку. Да Лада, опять новый шаблон, болезнь такая. Возникла проблема с древовидной формой комментариев если поправлю, однозначно останусь с этим шаблоном, он устраивает мои потребности полностью... Если не найду что то новое))))))
ОтветитьУдалитьО опять полезная информация)) Спасибо)
ОтветитьУдалитьhttp://beautyselective.blogspot.ru/
Присоединяюсь к полезности! Попробую у себя)
ОтветитьУдалитьЮля, Ольга рада что информация оказалась полезной))
ОтветитьУдалить