В Эту тему помещаем флудо-посты и иное, мешающее чтению и ответам на вопросы.
Отредактировано ACT3255 (Пн, 13 Июл 2015 23:38:45)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Сброс неважных сообщений:
В Эту тему помещаем флудо-посты и иное, мешающее чтению и ответам на вопросы.
Отредактировано ACT3255 (Пн, 13 Июл 2015 23:38:45)
А vertical-align - не работает?
Да посколь правку ставит каждый форум сам для себя - нефиг и гнаться за центровкой - (вот кады от сервиса было б)
Один параметр сами отрегулируют, там поправка в 3-5 пиксел туды сюды
Deff
Ты же про замену треугольника картинкой? Правильно я понял? Сейчас:
#MyBookmarks #bm2 {
font-size: 1em!important;
font-weight: 400;
float: right;
cursor: pointer;
display: inline-block;
width: 2.5em;
height: 1.5em;
margin-right: -.8em;
padding: 0;
text-align: center;
vertical-align: middle;
}
Что мешаете при вставке через псеводоэлемент тоже самое сделать? Типа:
<style type="text/css">
#MyBookmarks>h2{
position:relative!important;
}
#MyBookmarks #bm2 {
color:transparent;
}
#MyBookmarks #bm2:before{
content: url(http://s5.uploads.ru/JnHQM.png);
display:inline-block!important;
margin:auto!important;
top:0!important;
right:-3px;
vertical-align: middle; /*центровка по вертикали*/
position:absolute!important;
transform:scale(.53);
}
</style>
Он же инлайновый объект должен и в псевдоэлементе работать..? Не?
Deff, не, всё таки лучше через background делать, чем через псевдоэлемент..
kolobdur74
Ну я же вставил, см скриншот ? Чем плох вариант ? bottom:8px -подправят под свой текущий стиль
Суть в том, что сейчас сам span центрируется стилем текущего форума по вертикали, - оч много доп извратов, т.е ты и в spane должен центрировать и сам span, а у него еще и размеры лимитированы(там Alex подогнал, чоб всплывалка titla видна была в нужном месте, а у мну чичас позиционируется псевдоэлемент сразу в h2
Твой вариант:
Твой вариант:
Да, я уже понял - бо как вставляется либо выше, либо ниже текущего элемента...
Deff, а чем плох такой вариант от Алекса:
<style>
#MyBookmarks #bm2 {
color:transparent;font-size:0;width:15px;height:15px;background:url("https://forumstatic.ru/files/0016/a6/f8/24318.png")
}
</style>
kolobdur74
Чуть подправил:
<style>
#MyBookmarks #bm2 {
color:transparent;font-size:0;
width:20px!important;
height:20px!important;
background:url("https://forumstatic.ru/files/0016/a6/f8/24318.png");
position: absolute;
top: auto;right: 10px;bottom: auto;
margin: auto !important;
}
</style>
(*вроде должно центрировать
Чуть подправил:
Тут центрирование по высоте зависит от величины шрифта, в зависимости от размера шрифта надо будет выставлять высоту и ширину... Здесь, на этом стиле - высота шрифта выходит 20 пикселей (так как font-size: 1.3em), попробовал на Справке - там высота шрифта 18 пикселей (там font-size: 1.1em), соответственно уже 20 пикселей значка не подходит - то бишь высота обоих спанов должна быть одинаковая... То есть для каждого стиля опять таки придется править..
<style type="text/css">
#MyBookmarks>h2{
position:relative!important;
}
#MyBookmarks #bm2 {
color:transparent;
background: none transparent;
border:0 none transparent;
}
#MyBookmarks #bm2:before{
content: url(http://s3.uploads.ru/BNFHY.png);
display:inline-block!important;
margin:auto!important;
top:0!important;
right: 0px;
bottom:9px!important; /*центровка по вертикали*/
position:absolute!important;
transform:scale(.52);
border-radius:50%;
}
</style>
Я вродь подобрал размер и смещение - вроде как почти от стиля не зависит, и даж цифры крутить не нужно
Тут центрирование по высоте зависит от величины шрифта, в зависимости от размера шрифта надо будет выставлять высоту и ширину... Здесь, на этом стиле - высота шрифта выходит 20 пикселей (так как font-size: 1.3em), попробовал на Справке - там высота шрифта 18 пикселей (там font-size: 1.1em), соответственно уже 20 пикселей значка не подходит - то бишь высота обоих спанов должна быть одинаковая... То есть для каждого стиля опять таки придется править..
Ммм, понял, надо сразу зафиксировать величину шрифта, так как здесь на техподдержке:
#MyBookmarks h2 span, .editBookmark h1 span {
font-size: 1.3em !important;
margin-top: 3px;
}
Deff, можно и так))
Идея ставить на сворачивание ту же иконку отличная, но опять жа, если ставить картинкой, как я теме показывал, ибо тогда т центровка везде и shadow мон поставить, чтобы и на том же цвете отделялась, а через стиль и фоном - много не наиграешь, ту же тень на фон фиг поставишь (Или хотя бы бордер полупрозрачный
Гы, а чо еще нужно.... (Думаю и лишние фичи не нужны (Я бы отодвинул на пару пиксел от правого края
Они как раз вровень с крестами будут:
Deff
Еще чуть подправил
Alex_63
А фоны возможные убрал ?
#MyBookmarks>h2{
text-align:left!important;/*И тут бы к лево прижать, ибо у многих сцентрировано*/
}
#MyBookmarks #bm2 {
background: none transparent!important;
border:0 none transparent!important;
}
Гы !important; - был импотент
Deff
background: none transparent!impotant;
А как мы тогда свою картинку фоном назначать будем?
Поставлю без important, т.к. и так стиль для Закладок будет стоять ниже, чем Свой стиль, - будет в приоритете
Deff
А как мы тогда свою картинку фоном назначать будем?
Ну в принципе я перестраховалси (на стандартных срабатывает и без !impotant;
Deff
Вроде сделал, потестирую на разных стилях
Alex_63, - вроде все известные мне - устранил (хотя я лентяй стал, - помню в подфорумах я все стили протестировал, думаю штук 30 правок сделал
Вы здесь » Единый форум поддержки » Корзина » Сброс неважных сообщений: