WOLF Опубликовано 2 марта, 2014 Поделиться Опубликовано 2 марта, 2014 у галереи должен быть свой css найдите в нем и замените вот этот код: #close_lightbox { background: #000; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 20px; border: 2px solid #fff; position: absolute; right: 5px; top: 0px; z-index: 3000; font-size: 18px; color: #fff; } lg29 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
lg29 Опубликовано 2 марта, 2014 Поделиться Опубликовано 2 марта, 2014 Код по сути работает, то есть круглую хрень показывает нормально что бы закрыть фотку, но у меня другой вопрос: в этом кружке должен быть крестик или нет? а то он тупо черный в белой обводки... у галереи должен быть свой css Если кому нужно то это: ipgallery_lightbox.css Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WOLF Опубликовано 2 марта, 2014 Поделиться Опубликовано 2 марта, 2014 Код по сути работает, то есть круглую хрень показывает нормально что бы закрыть фотку, но у меня другой вопрос: в этом кружке должен быть крестик или нет? а то он тупо черный в белой обводки... так и должен быть. хотите влепить крестик заменяйте background: #000; на картинку Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
kgb Опубликовано 3 марта, 2014 Поделиться Опубликовано 3 марта, 2014 (изменено) так и должен быть. хотите влепить крестик заменяйтеТам в файле стилей ipgallery_lightbox.css есть закомментированое определение стилей для #close_lightbox /*#close_lightbox { display: block; width: 38px; height: 38px; position: absolute; top: 15px; right: 15px; background: url({style_images_url}/gallery/slideshow/close.png ) no-repeat; text-indent: -3000em; }*/ /*#close_lightbox:hover { background: url({style_images_url}/gallery/slideshow/close_hover.png ) no-repeat; }*/ и действующее определение #close_lightbox { background: #000; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 20px; border: 2px solid #fff; position: absolute; right: -15px; top: -15px; z-index: 3000; font-size: 18px; color: #fff; } Так вот, если закомментировать действующее и раскоментировать закоментированое))) , то получим такую картину Кстати, если интересно, могу рассказать как сделать вот такие кнопки при просморе изображений (меня лично бесило их отсутствие) Изменено 3 марта, 2014 пользователем kgb Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WOLF Опубликовано 3 марта, 2014 Поделиться Опубликовано 3 марта, 2014 Там в файле стилей ipgallery_lightbox.css есть закомментированое определение стилей для #close_lightbox /*#close_lightbox { display: block; width: 38px; height: 38px; position: absolute; top: 15px; right: 15px; background: url({style_images_url}/gallery/slideshow/close.png ) no-repeat; text-indent: -3000em; }*/ /*#close_lightbox:hover { background: url({style_images_url}/gallery/slideshow/close_hover.png ) no-repeat; }*/ и действующее определение #close_lightbox { background: #000; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 20px; border: 2px solid #fff; position: absolute; right: -15px; top: -15px; z-index: 3000; font-size: 18px; color: #fff; } Так вот, если закомментировать действующее и раскоментировать закоментированое))) , то получим такую картинуБуфер обмена01.jpg Кстати, если интересно, могу рассказать как сделать вот такие кнопки при просморе изображений (меня лично бесило их отсутствие)Буфер обмена04.jpg расскажите, многим будет полезно Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
kgb Опубликовано 3 марта, 2014 Поделиться Опубликовано 3 марта, 2014 (изменено) расскажите, многим будет полезно Окей. Открываем шаблон (Gallery) Show Image -> show_image и находим <div id='theImage'> <if test="unApproved:|: $info['image_approved'] == 0"> <div class='message error'>{parse expression="sprintf($this->lang->words['gallery_unapproved_image_view'], $this->registry->output->buildUrl("app=gallery&module=images&section=mod&do=approveToggle&val=1&imageid={$info['image_id']}&auth_key={$this->member->form_hash}", 'public') )"}</div> <br /> <else /> <if test="hidden:|: $info['image_approved'] == -1"> <div class='message error'>{parse expression="sprintf($this->lang->words['gallery_hidden_image_view'], $this->registry->output->buildUrl("app=gallery&module=images&section=mod&do=approveToggle&val=1&imageid={$info['image_id']}&auth_key={$this->member->form_hash}", 'public') )"}</div> <br /> </if> </if> <if test="isMedia:|:$info['image_media']"> {$info['movie']} <else /> {$info['image']} </if> </div> заменяем на <div id='theImage'> <if test="$nextPrev['prev']['image_id']"> <a href='{parse url="app=gallery&image={$nextPrev['prev']['image_id']}" seotitle="{$nextPrev['prev']['image_caption_seo']}" template="viewimage" base="public"}' class='carousel_nav carousel_left' style='left:1px;'>‹</a> </if> <if test="unApproved:|: $info['image_approved'] == 0"> <div class='message error'>{parse expression="sprintf($this->lang->words['gallery_unapproved_image_view'], $this->registry->output->buildUrl("app=gallery&module=images&section=mod&do=approveToggle&val=1&imageid={$info['image_id']}&auth_key={$this->member->form_hash}", 'public') )"}</div> <br /> <else /> <if test="hidden:|: $info['image_approved'] == -1"> <div class='message error'>{parse expression="sprintf($this->lang->words['gallery_hidden_image_view'], $this->registry->output->buildUrl("app=gallery&module=images&section=mod&do=approveToggle&val=1&imageid={$info['image_id']}&auth_key={$this->member->form_hash}", 'public') )"}</div> <br /> </if> </if> <if test="isMedia:|:$info['image_media']"> {$info['movie']} <else /> {$info['image']} </if> <if test="$nextPrev['next']['image_id']"> <a href='{parse url="app=gallery&image={$nextPrev['next']['image_id']}" seotitle="{$nextPrev['next']['image_caption_seo']}" template="viewimage" base="public"}' class='carousel_nav carousel_right' style='right:1px;'>›</a> </if> </div> То есть добавлено всего то соот-но: <if test="$nextPrev['prev']['image_id']"> <a href='{parse url="app=gallery&image={$nextPrev['prev']['image_id']}" seotitle="{$nextPrev['prev']['image_caption_seo']}" template="viewimage" base="public"}' class='carousel_nav carousel_left' style='left:1px;'>‹</a> </if> и <if test="$nextPrev['next']['image_id']"> <a href='{parse url="app=gallery&image={$nextPrev['next']['image_id']}" seotitle="{$nextPrev['next']['image_caption_seo']}" template="viewimage" base="public"}' class='carousel_nav carousel_right' style='right:1px;'>›</a> </if> Далее нам нуже файл стилей ipgallery.css В нем находим #theImage { z-index: 999; width: 100%; } и добавляем туда (важно!!!) position:relative , получаем #theImage { z-index: 999; width: 100%; position:relative; } Ну и где нибудь ниже, скажем перед /* Others... */ добавляем код, отвечающий за оформление наших кнопок. Я приведу свой код, но вы по желанию можете поиграть цветами, расположением, поведением и т.д. Так как за основу взяты уже имеющиеся в IPB классы .carousel_nav, .carousel_left, .carousel_right , я их немого переопределил под свой дизайн, в т.ч. отменив -webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; сделал кнопки прямоугольными (изначально они круглые, там border-radius: 30px. Вот мой код, вы, как написал, делаете на его основе по своему #theImage .carousel_nav{opacity:0.6; background: #dfe6ef;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} #theImage:hover .carousel_nav{opacity:1;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;} #theImage .carousel_right {right:1px;} #theImage .carousel_left {left:1px;} #theImage .carousel_right:hover { background:#18779f;} #theImage .carousel_left:hover { background:#18779f;} Изменено 3 марта, 2014 пользователем kgb DubininAlex, Respected и stayler 3 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
lg29 Опубликовано 3 марта, 2014 Поделиться Опубликовано 3 марта, 2014 Так вот, если закомментировать действующее и раскоментировать закоментированое))) , то получим такую картину Будьте любезны поподробнее, а то в коде не силен... Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WOLF Опубликовано 3 марта, 2014 Поделиться Опубликовано 3 марта, 2014 Будьте любезны поподробнее, а то в коде не силен... куда уж побробнее то? вот это удалите: #close_lightbox { background: #000; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 20px; border: 2px solid #fff; position: absolute; right: -15px; top: -15px; z-index: 3000; font-size: 18px; color: #fff; } а вот это: /*#close_lightbox { display: block; width: 38px; height: 38px; position: absolute; top: 15px; right: 15px; background: url({style_images_url}/gallery/slideshow/close.png ) no-repeat; text-indent: -3000em; }*/ /*#close_lightbox:hover { background: url({style_images_url}/gallery/slideshow/close_hover.png ) no-repeat; }*/ замените на: #close_lightbox { display: block; width: 38px; height: 38px; position: absolute; top: 15px; right: 15px; background: url({style_images_url}/gallery/slideshow/close.png ) no-repeat; text-indent: -3000em; } #close_lightbox:hover { background: url({style_images_url}/gallery/slideshow/close_hover.png ) no-repeat; } lg29 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
lg29 Опубликовано 3 марта, 2014 Поделиться Опубликовано 3 марта, 2014 Wolf все вкурил спасибо Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
iliah Опубликовано 3 марта, 2014 Поделиться Опубликовано 3 марта, 2014 Господа знатоки, подскажите где прячутся вот эти кнопочки со сетей хочу на свои поменять, так же как в глобалтемплейтс чтоб были! Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
iliah Опубликовано 4 марта, 2014 Поделиться Опубликовано 4 марта, 2014 Все уже не надо) решил сам))) в галерее оказалось есть свой ShareLinks.... Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
lg29 Опубликовано 5 марта, 2014 Поделиться Опубликовано 5 марта, 2014 Кстати, если интересно, могу рассказать как сделать вот такие кнопки при просморе изображений (меня лично бесило их отсутствие) Спасибо огромное за кнопки которые листают изображения, но есть одно но: когда листаешь изображения получается что подгружает как новую страницу, а не так как слайдер, то есть если на кнопку нажимаешь не важно лево или право то тебе да перелистывает изображение, но и от того что обновляется страница тебя в самый вверх кидает что не удобно и приходится мышкой листать на изображение... Вопрос: можно ли как то реализовать что то типа слайдера? то есть страница на месте, а сами изображения плавно меняются и если нужно клацнул по изображению и оно откроется. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
DeViLKIS Опубликовано 11 марта, 2014 Поделиться Опубликовано 11 марта, 2014 Таксь, прочитал всю тему не нашел такой ошибки как у меня)) и так смотрите, при загрузке изображений такая вот ошибочка Fatal error: Call to undefined method IPSLib::safeUnserialize() in /ftp_aerium-02/epichack_620/epichack.pz9.ru/admin/applications_addon/ips/gallery/sources/classes/gallery/upload.php on line 1830 если кому охота проверить то там сразу и видно ссылку на сайт, кто то выше писал что если ссылка не активна то можно! Жду Помощи = ) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
LvsF Опубликовано 11 марта, 2014 Поделиться Опубликовано 11 марта, 2014 и так смотрите, при загрузке изображений такая вот ошибочка Fatal error: Call to undefined method IPSLib::safeUnserialize() in /ftp_aerium-02/epichack_620/epichack.pz9.ru/admin/applications_addon/ips/gallery/sources/classes/gallery/upload.php on line 1830 >Аналогичный вопрос Ниже ищите ответ Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
DeViLKIS Опубликовано 11 марта, 2014 Поделиться Опубликовано 11 марта, 2014 ну я понял, но я не знаю где достать тот патч, это типа если я его поставлю то мой форум апнется с версии 3,3,4 на 3,4.х или просто баги фикс? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
DeViLKIS Опубликовано 11 марта, 2014 Поделиться Опубликовано 11 марта, 2014 Ребятки помогите пожалуйста, ну ваще в стопоре с этой проблемой, как то в прошлый раз седел и ковырял две галереи и собрал одну, методом тыка, а вот ошибка была что если фотка сильно большая то она выходит за грани галереи и самого форума, решил новую поставить, и вот такое вот произошло... Нашел Что то Компания InvisionPower опубликовала обновление для версий IP.Board 3.3.x и 3.4.х решающий проблему безопасности внешней библиотеки "Flowplayer", используемого при обработке загруженного медиа. Библиотека плеера flowplayer используется в IP.Gallery и в некоторых процедурах редактора сообщений. Патч не затрагивает файлы локализации и может быть установлен с сайта компании-разработчика без изменений. Патч для форумов IP.Board версии 3.4.х и IP.Gallery 5.0.x: ipb3_4_and_gallery_5_0-9-13-2013.zip 79,87К 292 Количество загрузок: Патч для форумов IP.Board 3.3.x без модуля IP.Gallery или с модулем IP.Gallery 5.0.x: ipb3_3_and_gallery_5_0-9-13-2013.zip 85,32К 282 Количество загрузок: Патч для форумов IP.Board 3.3.x с модулем IP.Gallery 4.2.x: ipb3_3_and_gallery_4_2-9-13-2013.zip 84,91К 260 Количество загрузок: Для установки патча скопируйте содержимое папки upload из архива в корневую папку форума с заменой файлов. Если у вас используется нестандартное имя папки admin, то не забудьте, что содержимое папки upload/admin архива нужно скопировать именно в вашу папку админ-центра. Ссылка на оригинальную новость:__community.inv...ecurity-update/ Скопиастил с другого форума! но это не помогло, попробую очистить кэш и все такое! Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
DeViLKIS Опубликовано 11 марта, 2014 Поделиться Опубликовано 11 марта, 2014 Ничего не вышло. ничего не помогло. не знаю что делать. ну я опять сделал как в первый раз начал совмещать галерейки, потому что время нет, как будет решение которое поможет на 100% просьба написаать в лс Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
lg29 Опубликовано 12 марта, 2014 Поделиться Опубликовано 12 марта, 2014 Кстати, если интересно, могу рассказать как сделать вот такие кнопки при просморе изображений (меня лично бесило их отсутствие) Спасибо огромное за кнопки которые листают изображения, но есть одно но: когда листаешь изображения получается что подгружает как новую страницу, а не так как слайдер, то есть если на кнопку нажимаешь не важно лево или право то тебе да перелистывает изображение, но и от того что обновляется страница тебя в самый вверх кидает что не удобно и приходится мышкой листать на изображение... Вопрос: можно ли как то реализовать что то типа слайдера? то есть страница на месте, а сами изображения плавно меняются и если нужно клацнул по изображению и оно откроется. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
DeViLKIS Опубликовано 12 марта, 2014 Поделиться Опубликовано 12 марта, 2014 Спасибо огромное за кнопки которые листают изображения, но есть одно но: когда листаешь изображения получается что подгружает как новую страницу, а не так как слайдер, то есть если на кнопку нажимаешь не важно лево или право то тебе да перелистывает изображение, но и от того что обновляется страница тебя в самый вверх кидает что не удобно и приходится мышкой листать на изображение... Вопрос: можно ли как то реализовать что то типа слайдера? то есть страница на месте, а сами изображения плавно меняются и если нужно клацнул по изображению и оно откроется. я уже спрашивал мне сказали что нет, можно разве что пользоваться слайдшоу оно переключает фотки без перезагрузки страницы) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
kgb Опубликовано 12 марта, 2014 Поделиться Опубликовано 12 марта, 2014 Вопрос: можно ли как то реализовать что то типа слайдера? то есть страница на месте, а сами изображения плавно меняются и если нужно клацнул по изображению и оно откроется. как написали уже, есть слайдшоу для этого (можно ссылку на слайдшоу вывести на страничку с изображениями)., зачем плодить сущности? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
LvsF Опубликовано 12 марта, 2014 Поделиться Опубликовано 12 марта, 2014 но я не знаю где достать тот патч, Метод safeUnserialize был добавлен в ноябрьский патч прошлого года. Смотрим дату поста и вычисляем, что нам нужен >патч, который был выпущен в ноябре 2012 года. Только перед применением патча прочитайте внимательно тему! DeViLKIS 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
DeViLKIS Опубликовано 12 марта, 2014 Поделиться Опубликовано 12 марта, 2014 LvsF, Спасибо, помогло = ) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
iliah Опубликовано 17 марта, 2014 Поделиться Опубликовано 17 марта, 2014 Понял, пожалуйста. canarsky-forum.ru/ Подскажите как сделать Галерею так же как на этом форуме? чтоб такие же плитки были? все настройки перепробовал, не помогает( Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
AlexBrtn Опубликовано 18 марта, 2014 Поделиться Опубликовано 18 марта, 2014 Цель: 1. убрать полосу прокрутки 2. заменить на стрелки. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
WOLF Опубликовано 18 марта, 2014 Поделиться Опубликовано 18 марта, 2014 16-03-2014 21-08-21.png Цель: 1. убрать полосу прокрутки 2. заменить на стрелки. вам скинули ссылку на пост выше, на подобии пробуйте менять код Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.