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

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

Привет, Гость! Войдите или зарегистрируйтесь.

Вы здесь » Единый форум поддержки » Корзина » Сброс неважных сообщений:

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

Страница:   1 … 15 16 17 18 19 … 55  

Сообщений 321 страница 340 из 1082

1

  • Автор: ACT3255
  • Заслуженный
  • ACT3255
  • Зарегистрирован: Пт, 7 Ноя 2014
  • Сообщений: 2997
  • Уважение: +1664
  • Позитив: +2283
  • Пол: Мужской
  • Последний визит:
    Сегодня 17:17:27

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

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

0

321

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51459
  • Уважение: +15426
  • Позитив: +12066
  • Последний визит:
    Сегодня 17:01:11

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

<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;
  bottom:8px!important; /*центровка по вертикали*/
  position:absolute!important;
  transform:scale(.53);
}
</style>

http://s7.uploads.ru/ID8aF.png

0

322

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7445
  • Уважение: +5980
  • Позитив: +6579
  • Пол: Мужской
  • Последний визит:
    Сегодня 16:25:32
Deff написал(а):

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

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

0

323

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7445
  • Уважение: +5980
  • Позитив: +6579
  • Пол: Мужской
  • Последний визит:
    Сегодня 16:25:32
Deff написал(а):

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

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

0

324

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51459
  • Уважение: +15426
  • Позитив: +12066
  • Последний визит:
    Сегодня 17:01:11
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">
http://se.uploads.ru/t/Mlh0V.png

0

325

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51459
  • Уважение: +15426
  • Позитив: +12066
  • Последний визит:
    Сегодня 17:01:11
kolobdur74 написал(а):

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

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

0

326

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7445
  • Уважение: +5980
  • Позитив: +6579
  • Пол: Мужской
  • Последний визит:
    Сегодня 16:25:32

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

327

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7445
  • Уважение: +5980
  • Позитив: +6579
  • Пол: Мужской
  • Последний визит:
    Сегодня 16:25:32

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

0

328

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51459
  • Уважение: +15426
  • Позитив: +12066
  • Последний визит:
    Сегодня 17:01:11

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

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

0

329

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51459
  • Уважение: +15426
  • Позитив: +12066
  • Последний визит:
    Сегодня 17:01:11

Твой вариант:
http://sa.uploads.ru/RCUEL.png

0

330

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7445
  • Уважение: +5980
  • Позитив: +6579
  • Пол: Мужской
  • Последний визит:
    Сегодня 16:25:32
Deff написал(а):

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

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

0

331

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7445
  • Уважение: +5980
  • Позитив: +6579
  • Пол: Мужской
  • Последний визит:
    Сегодня 16:25:32

Deff, а чем плох такой вариант от Алекса:

<style>
#MyBookmarks #bm2 {
color:transparent;font-size:0;width:15px;height:15px;background:url("http://forumstatic.ru/files/0016/a6/f8/24318.png")
}
</style>

+1

332

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11773
  • Уважение: +8055
  • Позитив: +5736
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:36:32

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

<style>
#MyBookmarks #bm2 {
  color:transparent;font-size:0;
  width:20px!important;
  height:20px!important;
  background:url("http://forumstatic.ru/files/0016/a6/f8/24318.png");
  position: absolute;
  top: auto;right: 10px;bottom: auto;
  margin: auto !important;
}
</style>

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

0

333

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7445
  • Уважение: +5980
  • Позитив: +6579
  • Пол: Мужской
  • Последний визит:
    Сегодня 16:25:32
Alex_63 написал(а):

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

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

0

334

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51459
  • Уважение: +15426
  • Позитив: +12066
  • Последний визит:
    Сегодня 17:01:11

http://sg.uploads.ru/wVh0M.png

<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

335

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7445
  • Уважение: +5980
  • Позитив: +6579
  • Пол: Мужской
  • Последний визит:
    Сегодня 16:25:32
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

336

  • Автор: kolobdur74
  • ...
  • kolobdur74
  • Зарегистрирован: Пн, 6 Сен 2010
  • Сообщений: 7445
  • Уважение: +5980
  • Позитив: +6579
  • Пол: Мужской
  • Последний визит:
    Сегодня 16:25:32

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

0

337

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51459
  • Уважение: +15426
  • Позитив: +12066
  • Последний визит:
    Сегодня 17:01:11

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

0

338

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51459
  • Уважение: +15426
  • Позитив: +12066
  • Последний визит:
    Сегодня 17:01:11

:cool:
http://sg.uploads.ru/WsVkS.png
Гы, а чо еще нужно.... (Думаю и лишние фичи не нужны  :jumping: (Я бы отодвинул на пару пиксел от правого края
Они как раз вровень с крестами будут:
http://s8.uploads.ru/9VgDQ.png

+1

339

  • Автор: Alex_63
  • Администратор
  • Alex_63
  • Зарегистрирован: Чт, 11 Дек 2014
  • Сообщений: 11773
  • Уважение: +8055
  • Позитив: +5736
  • Пол: Мужской
  • Последний визит:
    Сегодня 15:36:32

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

0

340

  • Автор: Deff
  • Тутошний...
  • Deff
  • Зарегистрирован: Ср, 16 Июн 2010
  • Сообщений: 51459
  • Уважение: +15426
  • Позитив: +12066
  • Последний визит:
    Сегодня 17:01:11

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

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

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

0

Страница:   1 … 15 16 17 18 19 … 55  

Вы здесь » Единый форум поддержки » Корзина » Сброс неважных сообщений: