+7-499-703-00-44
заказать звонок
Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Спасибо за оставленную заявку
Ожидайте звонка
Готовые решения для Вашего бизнеса
Увеличу число заявок, продаж и прибыль через интернет. Гарантировано!


Мое предложение
Мое предложение

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

Вид услуги *
Разработка сайтаКонтекстная рекламаСЕО продвижениеАналитикаПоддержка и ведениеГотовые сайты

Бюджет *
До 3 000 руб.До 6 000 руб.До 10 000 руб.До 15 000 руб.До 20 000 руб.До 25 000 руб.До 30 000 руб.До 60 000 руб.До 100 000 руб.

Введите ваше имя *

Введите контактный e-mail (на него я отправлю коммерческое предложение) *

Ваше сообщение

Спасибо за оставленную заявку
Ожидайте звонка

Как настроить Nextgen Gallery

15 сентября 2012 Блог веб-разработчика

Как настроить Nextgen Gallery

Приветствую всех читающих. В данном уроке мы рассмотрим следующий вопрос: как настроить Nextgen Gallery. А точнее, это будет урок тонкой настройки плагина Nextgen Gallery 

Я дам ответ на следующие вопросы:

  1. как убрать рамку вокруг картинки nextgen gallery
  2. как изменить цвет рамки вокруг картинки в nextgen gallery
  3. как изменить толщину рамки вокруг картинки в nextgen gallery (уменьшить или увеличить)
Я долго копался в css файлах самого плагина. Как оказалось потом, этого делать не нужно было. Для изменения всех этих параметров, заходим через админку в настройки плагина. И нажимаем кнопку Стили (как показано на картинке)
Затем нас перебрасывает в меню, где все и меняется.

Теперь воспользуемся поиском. Найти нужно фразу:

[php].ngg-gallery-thumbnail img {[/php]

Данный блок и нужно изменять.

[php]

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #A9A9A9;
display:block;
margin:4px 0px 4px 5px;
padding:4px;
position:relative;

[/php]

Теперь опишу что нужно изменить.

  1. Что бы убрать рамку вообще, ставите padding:0px; 
  2. border:1px solid #A9A9A9; — цвет ободка вокруг фото. По умолчанию цвет серый.
  3. padding:4px; -толщина бортика рамки. По умолчанию стоит 4px;

А чуть ниже находиться строка

[php]
.ngg-gallery-thumbnail img:hover {
background-color: #A9A9A9;
[/php]

Данная строка отвечает за ободок, который появляется при наведении мышкой. По умолчанию стоит серый цвет.

Подведем итоги. Цвета в коде и на картинке соответствуют.

border:1px solid #72a200; — зеленая обводка вокруг картинки

padding:1px; — розовый цвет толщина ЗЕЛЕНОЙ  рамки

background-color: #000000; — черный цвет — обводка внутри зеленой обводки.

.ngg-gallery-thumbnail img {
background-color:#FFFFFF;
border:1px solid #72a200;
display:block;
margin:4px 0px 4px 5px;
padding:1px;
position:relative;
}

.ngg-gallery-thumbnail img:hover {
background-color: #000000;
}

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

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

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Введите адрес сайта, который нуждается в продвижении *

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка

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

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Начать сотрудничество
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Обсудить условия
Вкратце опишите Вашу ситуацию или задайте свои вопросы, я свяжусь с вами в течении 15 минут в рабочее время
Введите контактный E-mail (используется для ответа)

Введите контактный телефон

Сообщение

Спасибо за оставленную заявку
Ожидайте звонка