Техническая поддержка сервиса Quadro.Boards |
Новости сервиса |
О форуме
Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC,
на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы.
Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)
|
Полезные ссылки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Сворачивание информации под N-кнопок в профиле топика
<img src="Ccылка" onclick="$(this).parents('.post-author').find('.post-img-Sp[data=\".Sp1\"]').click()"/>
я хочу свои перекинуть
чтобы вышло так
http://prntscr.com/84q86b
у меня они сейчас так стоят, но через топ. поставишь чуть более меньшую аватарку и все плывет тут же
http://rabotanasha.rusff.me/viewtopic.php?id=44#p341
Отредактировано vicia (15.08.2015 01:29:06)
vicia
У меня нет картинки, залейте на http://fastpic.ru/
Deff
http://i72.fastpic.ru/big/2015/0815/11/ … 8a0811.png
по сути я хочу тоже самое, что есть сейчас
но чтобы при уменьшении-увеличении аватара, ничего не двигалось
vicia
Если аватар мелкий, отступ где ? (от текуще занимаемого места ?
Сверху - снизу ? Или как ?
Отредактировано Deff (15.08.2015 01:38:18)
vicia
Если аватар мелкий, отступ где ? (от текуще занимаемого места ?
Сверху - снизу ? Или как ?Отредактировано Deff (Сегодня 06:38:18)
если аватар мелкий, то кнопки уползали совсем вверх, теперь просто их не видно, если нет текста ниже аватара, то на аватар сползают
скрин
http://i71.fastpic.ru/big/2015/0815/9e/ … 65209e.png
если мелкий аватар и чуть ниже можно увидеть, если нет текста под аватаркой
Отредактировано vicia (15.08.2015 01:45:07)
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>
vicia
На вашем месте удобнее сделать эти две кнопки изогнутыми дугами по низу картинки http://funkyimg.com/i/212BJ.png
И там же их поставить
Deff
полукругом не выйдет, ибо титул перекрывает с позицией абсолют
код поставила, но вышло расстояние огромное
Deff
полукругом не выйдет, ибо титул перекрывает с позицией абсолют
код поставила, но вышло расстояние огромное
Блин полукругом и поставить под картинкой http://funkyimg.com/i/212BJ.png
Там и абсолют не нужен! Хотя можно и абсолют и поднять их z-index:20000 над этой картинкой только картинка с прозрачкой должна быть минимальной высоты, дабы не перекрывать много пространства у этой картинки
Отредактировано Deff (15.08.2015 02:11:30)
Или заведите новое поле - поставьте его над аватаром и туда всуньте две новые кнопки по рекомендациям поста #58
Текущие кнопки скроем css
Отредактировано Deff (15.08.2015 02:13:57)
Зы: Под то, как сейчас, можно затенить поле под аватар, какой нидь рамкой с полем(чоб пустота у мелких не бросалась в глаза, но оптимум - пост #70
фон на
.punbb .pa-avatar {
background: url(Ccылка) center;
position:relative;
height:183px;
overflow;hidden;
}
Отредактировано Deff (15.08.2015 02:20:59)
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)
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="Популярность и баксы"/>
Код скрытия текущих кнопок:
<style type="text/css">
.pa-fld1 +img.post-img-Sp,
.pa-fld1 +img.post-img-Sp + img.post-img-Sp{
display:none;
}
</style>
Deff
заменили
на большом работают, на маленьком аватаре нет
Отредактировано vicia (15.08.2015 02:57:19)
vicia
Уберите свой(добавленный вами) дополнительный css для кнопок
Отредактировано Deff (15.08.2015 02:58:24)
Deff
скрытие поставили и вообще все пропало
Deff
убрала
но теперь не щелкаются
vicia
думаю
Замените картинки ещё раз:
<img class="My-1" onclick="$(this).parents('.post-author').find('.post-img-Sp[data=".Sp1"]').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=".Sp2"]').click()" style="cursor:pointer" src="http://funkyimg.com/i/212Ry.png" title="Популярность и баксы"/>
Отредактировано Deff (15.08.2015 03:13:30)
Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Сворачивание информации под N-кнопок в профиле топика