Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

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


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Сворачивание информации под N-кнопок в профиле топика


Сворачивание информации под N-кнопок в профиле топика

Сообщений 61 страница 80 из 90

61

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

<img src="Ccылка"  onclick="$(this).parents('.post-author').find('.post-img-Sp[data=\".Sp1\"]').click()"/>

я хочу свои перекинуть
чтобы вышло так
http://prntscr.com/84q86b
у меня они сейчас так стоят, но через топ. поставишь чуть более меньшую аватарку и все плывет тут же
http://rabotanasha.rusff.ru/viewtopic.php?id=44#p341

Отредактировано vicia (15.08.2015 01:29:06)

0

62

vicia
У меня нет картинки, залейте на http://fastpic.ru/

0

63

Deff
http://i72.fastpic.ru/big/2015/0815/11/ … 8a0811.png
по сути я хочу тоже самое, что есть сейчас
но чтобы при уменьшении-увеличении аватара, ничего не двигалось

0

64

vicia
Если аватар мелкий, отступ где ? (от текуще занимаемого места ?
Сверху - снизу ? Или как ?

Отредактировано Deff (15.08.2015 01:38:18)

0

65

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

vicia
Если аватар мелкий, отступ где ? (от текуще занимаемого места ?
Сверху - снизу ? Или как ?

Отредактировано Deff (Сегодня 06:38:18)

если аватар мелкий, то кнопки уползали совсем вверх, теперь просто их не видно, если нет текста ниже аватара, то на аватар сползают


скрин
http://i71.fastpic.ru/big/2015/0815/9e/ … 65209e.png
если мелкий аватар и чуть ниже можно увидеть, если нет текста под аватаркой

Отредактировано vicia (15.08.2015 01:45:07)

0

66

vicia
Поставьте в HTML верх

<style type="text/css">
.punbb .pa-avatar  {
  position:relative;
  height:183px;
  overflow;hidden;
}
.pa-avatar > img {
  position:absolute;
  margin:auto;
  left:0;right:0;top:0;bottom:0;
  max-height:180px;
  width:auto;
}
</style>

0

67

vicia
На вашем месте удобнее сделать эти две кнопки изогнутыми дугами по низу картинки http://funkyimg.com/i/212BJ.png
И там же их поставить

0

68

Deff
полукругом не выйдет, ибо титул перекрывает с позицией абсолют
код поставила, но вышло расстояние огромное

0

69

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

Deff
полукругом не выйдет, ибо титул перекрывает с позицией абсолют
код поставила, но вышло расстояние огромное

Блин полукругом и поставить под картинкой  http://funkyimg.com/i/212BJ.png
Там и абсолют не нужен! Хотя можно и  абсолют и поднять их z-index:20000 над этой картинкой только картинка с прозрачкой должна быть минимальной высоты, дабы не перекрывать много пространства у этой картинки

Отредактировано Deff (15.08.2015 02:11:30)

0

70

Или заведите новое поле - поставьте его над аватаром и туда всуньте две новые кнопки по рекомендациям поста #58
Текущие кнопки скроем css

Отредактировано Deff (15.08.2015 02:13:57)

0

71

Зы: Под то, как сейчас, можно затенить поле под аватар, какой нидь рамкой с полем(чоб пустота у мелких не бросалась в глаза, но оптимум - пост #70
фон на

.punbb .pa-avatar  {
  background: url(Ccылка) center;
  position:relative;
  height:183px;
  overflow;hidden;
}

Отредактировано Deff (15.08.2015 02:20:59)

0

72

Deff
вариант 70 поста хороший был бы, если бы мы поняли как все это установить)
пока создали лишь доп. поле выше аватара
и кнопки поставили в него

Код:
<img src="http://funkyimg.com/i/212Ry.png"  onclick="$(this).parents('.post-author').find('.post-img-Sp[data=\".Sp1\"]').click()"/><img src="http://funkyimg.com/i/212Ry.png"  onclick="$(this).parents('.post-author').find('.post-img-Sp[data=\".Sp1\"]').click()"/>

может вы могли бы объяснить в скайпе, чтобы побыстрее было?)

Отредактировано vicia (15.08.2015 02:45:09)

0

73

vicia
Замените картинки в этом Поле на такие

Код:
<img class="post-img-Sp active" data=".Sp1" onclick="FnImgSpprof(this)" style="cursor:pointer" src="http://funkyimg.com/i/212Ry.png" data-title="Данные персонажа" title="Данные персонажа"/>
<img class="post-img-Sp" data=".Sp2" onclick="FnImgSpprof(this)" style="cursor:pointer" src="http://funkyimg.com/i/212Ry.png" data-title="Популярность и баксы" title="Популярность и баксы"/>

0

74

Код скрытия текущих кнопок:

<style type="text/css">
.pa-fld1 +img.post-img-Sp,
.pa-fld1 +img.post-img-Sp + img.post-img-Sp{
  display:none;
}
</style>

0

75

Deff
заменили
на большом работают, на маленьком аватаре нет

Отредактировано vicia (15.08.2015 02:57:19)

0

76

vicia
Уберите свой(добавленный вами) дополнительный css для кнопок

Отредактировано Deff (15.08.2015 02:58:24)

0

77

Deff
скрытие поставили и вообще все пропало

0

78

Deff
убрала
но теперь не щелкаются

0

79

vicia
думаю

0

80

Замените картинки ещё раз:
<img  class="My-1" onclick="$(this).parents('.post-author').find('.post-img-Sp[data=&quot;.Sp1&quot;]').click()" style="cursor:pointer" src="http://funkyimg.com/i/212Ry.png" title="Данные персонажа"/>
<img  class="My-2" onclick="$(this).parents('.post-author').find('.post-img-Sp[data=&quot;.Sp2&quot;]').click()" style="cursor:pointer" src="http://funkyimg.com/i/212Ry.png" title="Популярность и баксы"/>

Отредактировано Deff (15.08.2015 03:13:30)

+1


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Сворачивание информации под N-кнопок в профиле топика


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC