Многие разработчики тем забывают про смайлы. Точнее про то, как они будут выглядеть в блоге.
Часто получается что со вставкой смайлов появляются отступы, рамки и фон.
Вот небольшой пример кода, как это исправить
img.wp-smiley {
background: transparent;
border: none;
margin: 0;
padding: 0;
}
Я бы еще добавил
[cc lang=”css”]
display: inline-block;
vertical-align: middle;
box-shadow:0 0 0 rgba(0, 0, 0, 0);
-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
-moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
и подабавлял бы в каждую строчку important:
[cc lang=”css”]
vertical-align: middle !important;
а отступы по бокам оставил бы небольшие, чтобы смайлы впритык к тексту не выводились:
[cc lang=”css”]
margin-left: 3px !important;
margin-right: 3px !important;
Если не сложно – объясните в каком именно css файле это нужно прописывать?
Задача – убрать “разрывы” между строками, появляющиеся при вставке смайликов.
А так же скажите, для их вставки вы используете дополнительные плагины, или только встроенные средства в сам WordPress?
у меня используются встроенные средства.
код вставлять в style.css
ок, спасибо попробую
А если css есть для разных версий браузера – то соответственно в каждую из них?
да. но обычно есть основной CSS(style.css) и CSS для отдельных браузеров