[Расширение] (phpBB 3.1-3.3) BB3Spoiler: спойлер для форума

Спойлер на аяксе для форума phpBB 3 с отображением изображений в всплывающем окне (через prettyPhoto, Highslide, Lightbox2 или Fancybox3)

173 сообщения

Пред.
1
Перейти на страницу:
10
11
12
13
14
Перейти на страницу:
18
След.

Просмотры: 67434 •

dotez Сообщение 17.08.2018

Установил на 3.2.0
до этого никогда не было этого мода, включил в настройках, но ничего не появилось. споллера нет в сообщениях.
кроме того когда заходишь в его настройки и пытаешься что то поменять то при нажатии кнопки "отправить" вылетает ошибка 500 http

dotez

PPK Сообщение 18.08.2018

Смотрите в логах сервера ошибки

PPK

Iro4ka23 Сообщение 05.09.2018

Также эта ошибка:
В процессе обновления произошла ошибка, которая вызвала исключение. Изменения, произведенные до появления ошибки, были отменены. Тем не менее, рекомендуется проверить конференцию на отсутствие ошибок в работе.
Невозможно выполнить обновление «\ppk\bb3spoiler\migrations\manage_bb3spoiler3», пропущено обновление «\ppk\bb3spoiler\migrations\manage2_bb3spoiler».
Вернуться к списку расширений

Была 1.4.1, новая 1.5.0.
Файла «\ppk\bb3spoiler\migrations\manage2_bb3spoiler» в папке migrations обеих версий нет.

Iro4ka23

PPK Сообщение 05.09.2018

Скачайте ещё раз архив, опечатка была в файле

PPK

Iro4ka23 Сообщение 06.09.2018

PPK, спасибо. Не получилось, теперь ошибка другая, на сайте не ясно, а на ПК показало в bb3spoiler\migrations\manage_bb3spoiler3.php на 57-й строке.
Что-бы не мучатся, возвращена назад предыдущая версия.

Iro4ka23

Beer 30.10.2018

В prettyPhoto.css сократил лишние стили, оставив только default, которые еще тянут лишнюю графику к ним, и объединил со spoiler.css
Было 22кб (без графики), стало 10 и один файл.

spoiler.css

Код: Выделить всё

.sp-wrap{margin:6px auto;width:98%;clear:both}
.sp-wrap .sp-wrap{margin:2px auto 4px}
.sp-wrap,.sp-head,.sp-body{border:solid #C3CBD1;border-width:1px 1px 1px 2px;clear:both}
.sp-body{padding:2px 6px}
.sp-head{text-align:left!important}
.sp-wrap{padding:2px;background:#E9E9E6;width:auto}
.sp-head{border-width:0;font-size:11px;padding:1px 14px 3px;margin-left:6px;line-height:15px;font-weight:700;color:#2A2A2A;cursor:pointer}
.sp-body{border-width:1px 0 0;display:none;font-weight:400;background:#F5F5F5}
.clickable{cursor:pointer}
.folded{display:block;background:transparent url(./../../../images/spoiler/icon_plus_1.gif) no-repeat left center;padding-left:14px}
.unfolded{display:block;background:transparent url(./../../../images/spoiler/icon_minus_1.gif) no-repeat left center;padding-left:14px}
var.postImgAligned{display:block}
img.postImg{vertical-align:text-bottom;margin:2px 2px 0 0}
img.postImgAligned{margin:4px 4px 2px}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden}
/*prettyPhoto.css*/
div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(./../../../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(./../../../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(./../../../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(./../../../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(./../../../images/prettyPhoto/default/sprite_y.png) top right repeat-y;/*padding-right:13px*/}
div.pp_default .pp_next:hover{background:url(./../../../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(./../../../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
a.pp_next{background:url(./../../../images/prettyPhoto/default/sprite_prev.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(./../../../images/prettyPhoto/default/sprite_next.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
div.pp_default .pp_expand{background:url(./../../../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(./../../../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(./../../../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(./../../../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(./../../../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;width:30px;height:30px;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(./../../../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(./../../../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(./../../../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(./../../../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(./../../../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(./../../../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(./../../../images/prettyPhoto/default/loader.gif) center center no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_expand,a.pp_contract{display:inline-block!important;/*display:none;*/cursor:pointer;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/*bb3hide.css*/
div.bb3hide{border:1px solid #cc6d4e;background-position:2px 2px;background-color:#F6EEEE;font-size:.85em;margin:4px 2px;padding:5px 10px}

Beer

Beer Сообщение 07.05.2019
Пытаюсь внедрить отдельный тег для изображений с title и alt:

Код: Выделить всё
[pic={SIMPLETEXT}]{URL}[/pic]
и замена:
Код: Выделить всё
<div align="center"> <img src="{URL}" style="vertical-align:middle;margin-bottom:3px;width:600px;" title="{SIMPLETEXT}" /><br /> <div>{SIMPLETEXT}</div> </div>
Вроде как все работает, но если в одном сообщении использовать тег img - вся разметка корежится и prettyPhoto не работает.
Я что-то неправильно делаю?

Beer

PPK Сообщение 08.05.2019

Смотрите в браузере лог ошибок js, исходный код страницы

PPK

Beer 08.05.2019

На входе:

Код: Выделить всё

pic
[pic=трололо]https://i.imgur.com/aEOLm5W.jpg[/pic]

pic
[spoiler][pic=трололо]https://i.imgur.com/aEOLm5W.jpg[/pic][/spoiler]
dfgddf dfgd- 4546565

img
[spoiler][img]https://i.imgur.com/aEOLm5W.jpg[/img][/spoiler]

На выходе:

Код: Выделить всё

<div class="content">pic
<div align="center"><a href="https://i.imgur.com/aEOLm5W.jpg" style="vertical-align:middle;margin-bottom:3px;width:600px" title="Image"><br><div>LKlkjlkjlkjl</div></a></div><a href="https://i.imgur.com/aEOLm5W.jpg" style="vertical-align:middle;margin-bottom:3px;width:600px" title="Image">

pic
<div class="sp-wrap"><div class="sp-head folded clickable">Скрытый текст</div><div class="sp-body" title=""><div align="center"><img src="https://i.imgur.com/aEOLm5W.jpg" style="vertical-align:middle;margin-bottom:3px;width:600px" title="Image"><br><div>LKlkjlkjlkjl</div></div></div></div>
dfgddf dfgd- 4546565<br>
<br>
img
</a><div class="sp-wrap"><a href="https://i.imgur.com/aEOLm5W.jpg" style="vertical-align:middle;margin-bottom:3px;width:600px" title="Image"><div class="sp-head folded clickable">Скрытый текст</div><div class="sp-body" title=""><img src="https://i.imgur.com/aEOLm5W.jpg" rel="prettyPhotoSpoiler[0]"><var title="https://i.imgur.com/aEOLm5W.jpg" style="vertical-align:middle;margin-bottom:3px;width:600px"><br><div>LKlkjlkjlkjl</div></var></div>

pic
<div class="sp-wrap"><div class="sp-head folded clickable">Скрытый текст</div><div class="sp-body" title=""><div align="center"><img src="https://i.imgur.com/aEOLm5W.jpg" style="vertical-align:middle;margin-bottom:3px;width:600px" title="Image"><br><div>LKlkjlkjlkjl</div></div></div></div>
dfgddf dfgd- 4546565<br>
<br>
img
</a><div class="sp-wrap"><a href="https://i.imgur.com/aEOLm5W.jpg" style="vertical-align:middle;margin-bottom:3px;width:600px" title="Image"></a><div class="sp-head folded clickable">Скрытый текст</div><div class="sp-body" title=""><a href="https://i.imgur.com/aEOLm5W.jpg" style="vertical-align:middle;margin-bottom:3px;width:600px" title="Image"><img src="https://i.imgur.com/aEOLm5W.jpg" class="postImg" alt="Изображение"></a></div></div></div>

</div>

Отправлено спустя 2 минуты 27 секунд:
LKlkjlkjlkjl = трололо (т.е. забыл исправить.)

Beer

PPK Сообщение 08.05.2019

Скриншот настроек спойлера

PPK

173 сообщения

Пред.
1
Перейти на страницу:
10
11
12
13
14
Перейти на страницу:
18
След.

Вернуться в «Расширения для phpBB 3.1-3.3»

Общие действия

Расширения для phpBB 3.1-3.3

[Расширение] (phpBB 3.1-3.3) BB3Spoiler: спойлер для форума