IP.Gallery 5.0.5 !Русская версия!

2 марта, 201410 yr

у галереи должен быть свой 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

2 марта, 201410 yr

comment_57303

Код по сути работает, то есть круглую ~~хрень~~ показывает нормально что бы закрыть фотку, но у меня другой вопрос: в этом кружке должен быть крестик или нет? а то он тупо черный в белой обводки...

у галереи должен быть свой css

Если кому нужно то это: ipgallery_lightbox.css

Цитата

2 марта, 201410 yr

comment_57304

Код по сути работает, то есть круглую ~~хрень~~ показывает нормально что бы закрыть фотку, но у меня другой вопрос: в этом кружке должен быть крестик или нет? а то он тупо черный в белой обводки...

так и должен быть. хотите влепить крестик заменяйте

background: #000;

на картинку

Цитата

3 марта, 201410 yr

comment_57308

так и должен быть. хотите влепить крестик заменяйте

Там в файле стилей 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;
}

Так вот, если закомментировать действующее и раскоментировать закоментированое))) , то получим такую картину

Кстати, если интересно, могу рассказать как сделать вот такие кнопки при просморе изображений (меня лично бесило их отсутствие)

Edited 3 марта, 201410 yr by kgb

Цитата

3 марта, 201410 yr

comment_57309

Там в файле стилей 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

расскажите, многим будет полезно

Цитата

3 марта, 201410 yr

comment_57311

расскажите, многим будет полезно

Окей.

Открываем шаблон (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&amp;module=images&amp;section=mod&amp;do=approveToggle&amp;val=1&amp;imageid={$info['image_id']}&amp;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&amp;module=images&amp;section=mod&amp;do=approveToggle&amp;val=1&amp;imageid={$info['image_id']}&amp;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&amp;image={$nextPrev['prev']['image_id']}" seotitle="{$nextPrev['prev']['image_caption_seo']}" template="viewimage" base="public"}'  class='carousel_nav carousel_left' style='left:1px;'>&lsaquo;</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&amp;module=images&amp;section=mod&amp;do=approveToggle&amp;val=1&amp;imageid={$info['image_id']}&amp;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&amp;module=images&amp;section=mod&amp;do=approveToggle&amp;val=1&amp;imageid={$info['image_id']}&amp;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&amp;image={$nextPrev['next']['image_id']}" seotitle="{$nextPrev['next']['image_caption_seo']}" template="viewimage" base="public"}' class='carousel_nav carousel_right' style='right:1px;'>&rsaquo;</a>
					</if>
				</div>

То есть добавлено всего то соот-но:








					<if test="$nextPrev['prev']['image_id']">
					<a href='{parse url="app=gallery&amp;image={$nextPrev['prev']['image_id']}" seotitle="{$nextPrev['prev']['image_caption_seo']}" template="viewimage" base="public"}'  class='carousel_nav carousel_left' style='left:1px;'>&lsaquo;</a>
					</if>

и




					<if test="$nextPrev['next']['image_id']">
					<a href='{parse url="app=gallery&amp;image={$nextPrev['next']['image_id']}" seotitle="{$nextPrev['next']['image_caption_seo']}" template="viewimage" base="public"}' class='carousel_nav carousel_right' style='right:1px;'>&rsaquo;</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;}

Edited 3 марта, 201410 yr by kgb

Цитата

DubininAlex, Respected and stayler
3

3 марта, 201410 yr

comment_57350

Так вот, если закомментировать действующее и раскоментировать закоментированое))) , то получим такую картину

Будьте любезны поподробнее, а то в коде не силен...

Цитата

3 марта, 201410 yr

comment_57357

Будьте любезны поподробнее, а то в коде не силен...

куда уж побробнее то?

вот это удалите:

#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

3 марта, 201410 yr

comment_57360

Wolf все вкурил спасибо

Цитата

3 марта, 201410 yr

comment_57379

Господа знатоки, подскажите где прячутся вот эти кнопочки со сетей хочу на свои поменять, так же как в глобалтемплейтс чтоб были!

Цитата

4 марта, 201410 yr

comment_57447

Все уже не надо) решил сам))) в галерее оказалось есть свой ShareLinks....

Цитата

5 марта, 201410 yr

comment_57517

Кстати, если интересно, могу рассказать как сделать вот такие кнопки при просморе изображений (меня лично бесило их отсутствие)

Спасибо огромное за кнопки которые листают изображения, но есть одно но: когда листаешь изображения получается что подгружает как новую страницу, а не так как слайдер, то есть если на кнопку нажимаешь не важно лево или право то тебе да перелистывает изображение, но и от того что обновляется страница тебя в самый вверх кидает что не удобно и приходится мышкой листать на изображение...

Вопрос: можно ли как то реализовать что то типа слайдера? то есть страница на месте, а сами изображения плавно меняются и если нужно клацнул по изображению и оно откроется.

Цитата

11 марта, 201410 yr

comment_58113

Таксь, прочитал всю тему не нашел такой ошибки как у меня))
и так смотрите, при загрузке изображений такая вот ошибочка

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

если кому охота проверить то там сразу и видно ссылку на сайт, кто то выше писал что если ссылка не активна то можно!
Жду Помощи = )

Цитата

11 марта, 201410 yr

comment_58115

и так смотрите, при загрузке изображений такая вот ошибочка
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

>Аналогичный вопрос

Ниже ищите ответ

Цитата

11 марта, 201410 yr

comment_58116

ну я понял, но я не знаю где достать тот патч, это типа если я его поставлю то мой форум апнется с версии 3,3,4 на 3,4.х или просто баги фикс?

Цитата

11 марта, 201410 yr

comment_58136

Ребятки помогите пожалуйста, ну ваще в стопоре с этой проблемой, как то в прошлый раз седел и ковырял две галереи и собрал одну, методом тыка, а вот ошибка была что если фотка сильно большая то она выходит за грани галереи и самого форума, решил новую поставить, и вот такое вот произошло...

Нашел Что то

Компания 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/

Скопиастил с другого форума!

но это не помогло, попробую очистить кэш и все такое!

Цитата

11 марта, 201410 yr

comment_58141

Ничего не вышло. ничего не помогло. не знаю что делать. :sorry:

ну я опять сделал как в первый раз начал совмещать галерейки, потому что время нет, как будет решение которое поможет на 100%
просьба написаать в лс

Цитата

12 марта, 201410 yr

comment_58177

Кстати, если интересно, могу рассказать как сделать вот такие кнопки при просморе изображений (меня лично бесило их отсутствие)

Спасибо огромное за кнопки которые листают изображения, но есть одно но: когда листаешь изображения получается что подгружает как новую страницу, а не так как слайдер, то есть если на кнопку нажимаешь не важно лево или право то тебе да перелистывает изображение, но и от того что обновляется страница тебя в самый вверх кидает что не удобно и приходится мышкой листать на изображение...

Вопрос: можно ли как то реализовать что то типа слайдера? то есть страница на месте, а сами изображения плавно меняются и если нужно клацнул по изображению и оно откроется.

Цитата

12 марта, 201410 yr

comment_58181

Спасибо огромное за кнопки которые листают изображения, но есть одно но: когда листаешь изображения получается что подгружает как новую страницу, а не так как слайдер, то есть если на кнопку нажимаешь не важно лево или право то тебе да перелистывает изображение, но и от того что обновляется страница тебя в самый вверх кидает что не удобно и приходится мышкой листать на изображение...

Вопрос: можно ли как то реализовать что то типа слайдера? то есть страница на месте, а сами изображения плавно меняются и если нужно клацнул по изображению и оно откроется.

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

Цитата

12 марта, 201410 yr

comment_58201

Вопрос: можно ли как то реализовать что то типа слайдера? то есть страница на месте, а сами изображения плавно меняются и если нужно клацнул по изображению и оно откроется.

как написали уже, есть слайдшоу для этого (можно ссылку на слайдшоу вывести на страничку с изображениями)., зачем плодить сущности?

Цитата

12 марта, 201410 yr

comment_58263

но я не знаю где достать тот патч,

Метод safeUnserialize был добавлен в ноябрьский патч прошлого года.

Смотрим дату поста и вычисляем, что нам нужен >патч, который был выпущен в ноябре 2012 года.

Только перед применением патча прочитайте внимательно тему!

Цитата

DeViLKIS
1

12 марта, 201410 yr

comment_58362

LvsF,
Спасибо, помогло = )

Цитата

17 марта, 201410 yr

comment_58860

Понял, пожалуйста. canarsky-forum.ru/

Подскажите как сделать Галерею так же как на этом форуме? чтоб такие же плитки были? все настройки перепробовал, не помогает(

Цитата

18 марта, 201410 yr

comment_58887

Цель:

1. убрать полосу прокрутки
2. заменить на стрелки.

Цитата

18 марта, 201410 yr

comment_58897

16-03-2014 21-08-21.png

Цель:

1. убрать полосу прокрутки

2. заменить на стрелки.

вам скинули ссылку на пост выше, на подобии пробуйте менять код

Цитата

Sign In

IP.Gallery 5.0.5 !Русская версия!

Featured Replies

Лучшие авторы в теме

Популярные дни

Most Popular Posts

kgb

kgb

Respected

Join the conversation

Последние посетители 0

Лучшие авторы в теме

Популярные дни

Most Popular Posts

kgb

kgb

Respected

Account

Navigation

Messages

Уведомления

Search