Новая Страница С Галереей
#1
Отправлено 30 Март 2018 - 17:09
Я добавил код в "Источник" потом в файле main.css добавил код как описано на сайте, и так же код javascript в файл main.js и конечно же ничего не сработало(( Сможете подсказать как это сделать? Заранее огромное спасибо!
#2
Отправлено 31 Март 2018 - 02:13
#3
Отправлено 02 Апрель 2018 - 20:01
#4
Отправлено 03 Апрель 2018 - 14:09
mrsimon90 (02 Апрель 2018 - 20:01) писал:
Как вариант можем Вам установить такого рода галерею.
https://galleria.io/preview/classic/
#5
Отправлено 03 Апрель 2018 - 19:14
P.S. ту галерею которую я хочу, посоветовали на одной из страниц вашего форума...
Ирина345 (03 Апрель 2018 - 14:09) писал:
Как вариант можем Вам установить такого рода галерею.
https://galleria.io/preview/classic/
#6
Отправлено 08 Апрель 2018 - 10:57
Ирина345 (03 Апрель 2018 - 14:09) писал:
Как вариант можем Вам установить такого рода галерею.
https://galleria.io/preview/classic/
#7
Отправлено 10 Апрель 2018 - 03:37
На данный момент между фото у вас есть отступ в несколько пикселей и расстояние от шапки сайта схожее с остальными страницами, например "О нас", уточните пожалуйста, вопрос еще актуален?
Для увеличения отступа между фото зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.img-list li { margin-bottom: 10px; margin-right: 7px; display: inline-block; list-style: none; box-shadow: 1px 1px 2px 3px #000 }
замените на:
.img-list li { margin: 10px; display: inline-block; list-style: none; box-shadow: 1px 1px 2px 3px #000 }
#8
Отправлено 10 Апрель 2018 - 13:17
Vaccina (10 Апрель 2018 - 03:37) писал:
На данный момент между фото у вас есть отступ в несколько пикселей и расстояние от шапки сайта схожее с остальными страницами, например "О нас", уточните пожалуйста, вопрос еще актуален?
Для увеличения отступа между фото зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.img-list li { margin-bottom: 10px; margin-right: 7px; display: inline-block; list-style: none; box-shadow: 1px 1px 2px 3px #000 }
замените на:
.img-list li { margin: 10px; display: inline-block; list-style: none; box-shadow: 1px 1px 2px 3px #000 }
#9
Отправлено 11 Апрель 2018 - 01:50
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.overlay { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); }
замените на:
.overlay { position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); }
далее зайдите в main.css - найдите:
#breadcrumbs {position: relative;color: #ffffff;border-bottom: 1px solid #E5E5E5;margin-bottom: 15px;background: #111111;padding: 20px 0;text-align: center;}
замените на:
#breadcrumbs {z-index: -1;position: relative;color: #ffffff;border-bottom: 1px solid #E5E5E5;margin-bottom: 15px;background: #111111;padding: 20px 0;text-align: center;}
#10
Отправлено 11 Апрель 2018 - 11:16
Vaccina (11 Апрель 2018 - 01:50) писал:
Зайдите в раздел Сайт - Редактор шаблонов - style.css - найдите:
.overlay { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); }
замените на:
.overlay { position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); }
далее зайдите в main.css - найдите:
#breadcrumbs {position: relative;color: #ffffff;border-bottom: 1px solid #E5E5E5;margin-bottom: 15px;background: #111111;padding: 20px 0;text-align: center;}
замените на:
#breadcrumbs {z-index: -1;position: relative;color: #ffffff;border-bottom: 1px solid #E5E5E5;margin-bottom: 15px;background: #111111;padding: 20px 0;text-align: center;}
#11
Отправлено 12 Апрель 2018 - 12:49
mrsimon90 (11 Апрель 2018 - 11:16) писал:
.gallery ul.img-list img:hover { filter: blur(1px); }
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных