Сброс неважных сообщений:

Поделиться1Пн, 13 Июл 2015 21:04:21

Автор: ACT3255
Заслуженный
Зарегистрирован: Пт, 7 Ноя 2014
Сообщений: 3076
Уважение: +1708
Позитив: +2370
Последний визит:
Сегодня 08:20:58

В Эту тему помещаем флудо-посты и иное, мешающее чтению и ответам на вопросы.

Отредактировано ACT3255 (Пн, 13 Июл 2015 23:38:45)

Поделиться341Чт, 2 Июн 2016 14:37:24

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7718
Уважение: +6273
Позитив: +6771
Пол: Мужской
Последний визит:
Вчера 23:02:26

Deff написал(а):

Ксать иконка в закладки через стиль не будет автоматической автоцентровки, в отличие от вставки в скрипт..
оказуется :after не автоцентриуется как обычный элемент через вставку обсолютной позицией с margin:auto;top:0;bottom:0;left:0;right:0; (родитель либо body, либо c position:relative;)

А с абсолютом вообще сложно центрировать.. А с псеводэлементами вообще тяжело - у них масса ограничений, я поэтому их недолюбливаю..

0

Поделиться342Чт, 2 Июн 2016 14:39:15

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7718
Уважение: +6273
Позитив: +6771
Пол: Мужской
Последний визит:
Вчера 23:02:26

Deff написал(а):

Вот типо такой костыль:

А vertical-align - не работает?

0

Поделиться343Чт, 2 Июн 2016 14:46:15

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51787
Уважение: +15573
Позитив: +12427
Последний визит:
Сегодня 09:02:55

kolobdur74 написал(а):

А с абсолютом вообще сложно центрировать..

Да нет, есть стандартная центровка:

Код:

<div style="position:relative;width:500px;height:600px;border:red solid 1px">
   <div style="position:absolute;width:50px;height:60px;margin:auto;top:0;bottom:0;left:0;right:0;border:blue solid 1pх;></div>
</div>

Поправил => <div style="position:relative;width:500px;height:600px;border:red solid 1px">

0

Поделиться344Чт, 2 Июн 2016 14:48:25

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51787
Уважение: +15573
Позитив: +12427
Последний визит:
Сегодня 09:02:55

kolobdur74 написал(а):

А vertical-align - не работает?

Да посколь правку ставит каждый форум сам для себя - нефиг и гнаться за центровкой - (вот кады от сервиса было б)
Один параметр сами отрегулируют, там поправка в 3-5 пиксел туды сюды

0

Поделиться345Чт, 2 Июн 2016 14:53:48

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7718
Уважение: +6273
Позитив: +6771
Пол: Мужской
Последний визит:
Вчера 23:02:26

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;
}

Что мешаете при вставке через псеводоэлемент тоже самое сделать? Типа:

Deff написал(а):

<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>

Он же инлайновый объект должен и в псевдоэлементе работать..? Не?

0

Поделиться346Чт, 2 Июн 2016 14:59:23

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7718
Уважение: +6273
Позитив: +6771
Пол: Мужской
Последний визит:
Вчера 23:02:26

Deff, не, всё таки лучше через background делать, чем через псевдоэлемент..

0

Поделиться347Чт, 2 Июн 2016 15:06:29

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51787
Уважение: +15573
Позитив: +12427
Последний визит:
Сегодня 09:02:55

kolobdur74
Ну я же вставил, см скриншот ? Чем плох вариант ? bottom:8px -подправят под свой текущий стиль

Суть в том, что сейчас сам span центрируется стилем текущего форума по вертикали, - оч много доп извратов, т.е ты и в spane должен центрировать и сам span, а у него еще и размеры лимитированы(там Alex подогнал, чоб всплывалка titla видна была в нужном месте, а у мну чичас позиционируется псевдоэлемент сразу в h2

0

Поделиться348Чт, 2 Июн 2016 15:12:42

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51787
Уважение: +15573
Позитив: +12427
Последний визит:
Сегодня 09:02:55

Твой вариант:

0

Поделиться349Чт, 2 Июн 2016 15:21:02

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7718
Уважение: +6273
Позитив: +6771
Пол: Мужской
Последний визит:
Вчера 23:02:26

Deff написал(а):

Твой вариант:

Да, я уже понял - бо как вставляется либо выше, либо ниже текущего элемента...

0

Поделиться350Чт, 2 Июн 2016 15:29:57

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7718
Уважение: +6273
Позитив: +6771
Пол: Мужской
Последний визит:
Вчера 23:02:26

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>

+1

Поделиться351Чт, 2 Июн 2016 16:50:48

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 12241
Уважение: +8435
Позитив: +5960
Пол: Мужской
Последний визит:
Сегодня 02:03:34

kolobdur74
:glasses: Чуть подправил:

<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>

(*вроде должно центрировать

0

Telegram @Alex0546

Поделиться352Чт, 2 Июн 2016 17:28:33

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7718
Уважение: +6273
Позитив: +6771
Пол: Мужской
Последний визит:
Вчера 23:02:26

Alex_63 написал(а):

Чуть подправил:

Тут центрирование по высоте зависит от величины шрифта, в зависимости от размера шрифта надо будет выставлять высоту и ширину... Здесь, на этом стиле - высота шрифта выходит 20 пикселей (так как font-size: 1.3em), попробовал на Справке - там высота шрифта 18 пикселей (там font-size: 1.1em), соответственно уже 20 пикселей значка не подходит - то бишь высота обоих спанов должна быть одинаковая... То есть для каждого стиля опять таки придется править..

0

Поделиться353Чт, 2 Июн 2016 17:40:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51787
Уважение: +15573
Позитив: +12427
Последний визит:
Сегодня 09:02:55

<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>

Я вродь подобрал размер и смещение - вроде как почти от стиля не зависит, и даж цифры крутить не нужно

+1

Поделиться354Чт, 2 Июн 2016 17:42:33

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7718
Уважение: +6273
Позитив: +6771
Пол: Мужской
Последний визит:
Вчера 23:02:26

kolobdur74 написал(а):

Тут центрирование по высоте зависит от величины шрифта, в зависимости от размера шрифта надо будет выставлять высоту и ширину... Здесь, на этом стиле - высота шрифта выходит 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;
}

0

Поделиться355Чт, 2 Июн 2016 17:44:18

Автор: kolobdur74
...
Зарегистрирован: Пн, 6 Сен 2010
Сообщений: 7718
Уважение: +6273
Позитив: +6771
Пол: Мужской
Последний визит:
Вчера 23:02:26

Deff, можно и так)) :flirt:

0

Поделиться356Чт, 2 Июн 2016 17:51:45

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51787
Уважение: +15573
Позитив: +12427
Последний визит:
Сегодня 09:02:55

Идея ставить на сворачивание ту же иконку отличная, но опять жа, если ставить картинкой, как я теме показывал, ибо тогда т центровка везде и shadow мон поставить, чтобы и на том же цвете отделялась, а через стиль и фоном - много не наиграешь, ту же тень на фон фиг поставишь (Или хотя бы бордер полупрозрачный

0

Поделиться357Чт, 2 Июн 2016 18:03:24

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51787
Уважение: +15573
Позитив: +12427
Последний визит:
Сегодня 09:02:55

:cool:

Гы, а чо еще нужно.... (Думаю и лишние фичи не нужны :jumping: (Я бы отодвинул на пару пиксел от правого края
Они как раз вровень с крестами будут:

+1

Поделиться358Чт, 2 Июн 2016 18:05:38

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 12241
Уважение: +8435
Позитив: +5960
Пол: Мужской
Последний визит:
Сегодня 02:03:34

Deff
:blush: Еще чуть подправил

0

Telegram @Alex0546

Поделиться359Чт, 2 Июн 2016 18:07:52

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51787
Уважение: +15573
Позитив: +12427
Последний визит:
Сегодня 09:02:55

Alex_63
А фоны возможные убрал ?

#MyBookmarks>h2{
text-align:left!important;/*И тут бы к лево прижать, ибо у многих сцентрировано*/
}
#MyBookmarks #bm2 {
background: none transparent!important;
border:0 none transparent!important;
}

Гы !important; - :crazyfun: был импотент

0

Поделиться360Чт, 2 Июн 2016 18:12:40

Автор: Alex_63
Администратор
Зарегистрирован: Чт, 11 Дек 2014
Сообщений: 12241
Уважение: +8435
Позитив: +5960
Пол: Мужской
Последний визит:
Сегодня 02:03:34

Deff

Deff написал(а):

background: none transparent!impotant;

:glasses: А как мы тогда свою картинку фоном назначать будем?
Поставлю без important, т.к. и так стиль для Закладок будет стоять ниже, чем Свой стиль, - будет в приоритете

0

Telegram @Alex0546

Общие вопросы по администрированию (6)	Архив	Пт, 17 Окт 2025
Ошибка при проверке файла robots.txt	Архив	Пт, 7 Июл 2017
Книга Жалоб #4	Комната отдыха	Чт, 14 Ноя 2024
Российский общественно-политический форум "Запасной аэродром"	Корзина	Вс, 15 Ноя 2020

Единый форум поддержки

Меню навигации

Пользовательские ссылки

Информация о пользователе

Сброс неважных сообщений:

Сообщений 341 страница 360 из 1151

Поделиться1Пн, 13 Июл 2015 21:04:21

Поделиться341Чт, 2 Июн 2016 14:37:24

Поделиться342Чт, 2 Июн 2016 14:39:15

Поделиться343Чт, 2 Июн 2016 14:46:15

Поделиться344Чт, 2 Июн 2016 14:48:25

Поделиться345Чт, 2 Июн 2016 14:53:48

Поделиться346Чт, 2 Июн 2016 14:59:23

Поделиться347Чт, 2 Июн 2016 15:06:29

Поделиться348Чт, 2 Июн 2016 15:12:42

Поделиться349Чт, 2 Июн 2016 15:21:02

Поделиться350Чт, 2 Июн 2016 15:29:57

Поделиться351Чт, 2 Июн 2016 16:50:48

Поделиться352Чт, 2 Июн 2016 17:28:33

Поделиться353Чт, 2 Июн 2016 17:40:01

Поделиться354Чт, 2 Июн 2016 17:42:33

Поделиться355Чт, 2 Июн 2016 17:44:18

Поделиться356Чт, 2 Июн 2016 17:51:45

Поделиться357Чт, 2 Июн 2016 18:03:24

Поделиться358Чт, 2 Июн 2016 18:05:38

Поделиться359Чт, 2 Июн 2016 18:07:52

Поделиться360Чт, 2 Июн 2016 18:12:40

Похожие темы