» »

Стандартный Ajax окна в стиле LightBox


Стандартный Ajax окна в стиле LightBox

На главной странице идет окно стандарт вида, а вот уже когда увеличиваете изображение, там совершенно другое окно и здесь Стандартный Ajax окна в стиле LightBox вы можете изначально выставить в своем CSS и что можно заметить там одна ссылка на круг выключить, о чем раньше говорил о его смене. Вообщем на этом сайте стоит такой же стиль и менять на дизайнерский пока не собираюсь. Да да и опять я вам выкладываю ajax окно только в этот раз оно будет в стиле LightBox, не чего сверх нормального но весьма немного строго и аккуратно что может хорошо скрасить серьёзный блог и подчеркнуть всю его важность и настрой на работу а не на пустую болтовню. Так что после установки вы сможете уделять внимание уже другим проблемам на своём сайте так как одной из них уже не будет и в нашем случае это ajax окно.

Для установки ajax окно в стиле LightBox вам следует просто скопировать стили приведённые ниже с дописать их в самый низ ваших стилей и сохранить.

Не прописываю, вы можете скачать и скопировать с текстового файла.
20.09.2015 Загрузок: 28 Просмотров: 610 Комментарий: (15)

Поделиться в социальных сетях

Материал разместил

Комментарий: 15
Brung
Brung 20.09.2015 22:381
0
Есть такой стиль или класс, LightBox, который не раз видел в скрипте вид материала.
Kosten
Kosten 20.09.2015 22:422
0
Если такой стиль стоит вид материала, то изображение будет увеличиваться при клик. Вот только не знаю, в CSS нужно прописывать, или он идет по всем площадкам хостинг.
FeStemBer
FeStemBer 20.09.2015 22:443
0
Такое окно на сайте уже есть. Не имею ввиду что на самом а в материалах.
Kosten
Kosten 20.09.2015 22:474
0
Не исключение, просто много уже кодов, так и потому и делаю текстовой файл, чтоб стили там были, если понимаю, что возможно когда то его уже заливал. И уже как говорил, название там другое и описание там также совершенно оригинальное. И при этом возможно не будет дубля, но не нужно один и тот же материал заливать несколько раз, если рабочий, сделаем исключение.
Brung
Brung 20.09.2015 22:485
0
Не могу найти по названию, может где то на форуме.
Kosten
Kosten 20.09.2015 22:506
0
Вот и хотел с начало разместить на форуме, и потом вспомнил по дизайну, что есть такой и те более на сайте стоит.
Kosten
Kosten 20.09.2015 22:517
0
Хотя это все пустое, кому нужно, тот скачает, а там только один стиль и поместите его в CSS своего сайта.
Canon
Canon 20.09.2015 23:288
0
Сменил на синее кнопку, и здесь вам под дизайн тоже лучше сменить, это мое мнение.
Kosten
Kosten 20.09.2015 23:459
0
Но здесь только одна ссылка и та на кнопку, на одном ресурсе вообще квадратную увидел, реально не идет, но все под оригинал подогнали.
csretven
csretven 29.12.2015 14:5410
0
А что скачать, там код простой и по своим размерам вообще от остальных можно сказать маленький.
avatar
nalfin0673 13.01.2016 00:4011
0
Скачала и установила. Очень даже неплохо получилось. Только нужно чуть сделать левее это окно. Может кто подскажет как это сделать? Это когда в правом нижнем углу оно отображается, там закрывающий крестик почти невидно. Можно удалить его вообще, так как он не нужен, но только в правом нижнем углу. Форму входа не трогать, там нужен. Пожалуйста, помогите это реализовать.
Сафрон
Сафрон 13.01.2016 01:2612
0
А что там за крестик, вы ссылку дайте посмотреть.
avatar
nalfin0673 13.01.2016 13:0613
0
Стандартный Ajax окна в стиле LightBox. Поднимите страницу и посмотрите на картинке. Крестик в правом верхнем углу. Это тот, который закрывает это окно. Но при появлении этого окна в правом нижнем углу этот крестик не нужен. Вот и хотелось бы его убрать или сделать это окно чуть левее, так как крестик виден на половину. Может кто скажет как это сделать?
avatar
nalfin0673 13.01.2016 19:4914
0
Что-то тишина и никто не отвечает
Kosten
Kosten 03.02.2016 05:3015
0
Здесь точно такое окно, но только отличается кнопкой, просто она будет синий и при наведение меняться, но если у вас другой дизайн, по в стилях можете сменить цвет.

Код
<style type="text/css">  
@import url('http://zornet.ru/Fresa/Aiaks.css') all;  
</style>
avatar