Страница 4 из 4 ПерваяПервая ... 234
Показано с 31 по 37 из 37

Тема: Модальное окно

  1. #31

    Re: Модальное окно

    PHP код:
    /*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */
    .fancybox-wrap,
    .
    fancybox-skin,
    .
    fancybox-outer,
    .
    fancybox-inner,
    .
    fancybox-image,
    .
    fancybox-wrap iframe,
    .
    fancybox-wrap object,
    .
    fancybox-nav,
    .
    fancybox-nav span,
    .
    fancybox-tmp
    {
        
    padding0;
        
    margin0;
        
    border0;
        
    outlinenone;
        
    vertical-aligntop;
    }

    .
    fancybox-wrap {
        
    positionabsolute;
        
    top0;
        
    left0;
        
    z-index8020;
    }

    .
    fancybox-skin {
        
    positionrelative;
        
    background#f9f9f9;
        
    color#444;
        
    text-shadownone;
        -
    webkit-border-radius4px;
           -
    moz-border-radius4px;
                
    border-radius4px;
    }

    .
    fancybox-opened {
        
    z-index8030;
    }

    .
    fancybox-opened .fancybox-skin {
        -
    webkit-box-shadow0 10px 25px rgba(0000.5);
           -
    moz-box-shadow0 10px 25px rgba(0000.5);
                
    box-shadow0 10px 25px rgba(0000.5);
    }

    .
    fancybox-outer, .fancybox-inner {
        
    positionrelative;
    }

    .
    fancybox-inner {
        
    overflowhidden;
    }

    .
    fancybox-type-iframe .fancybox-inner {
        -
    webkit-overflow-scrollingtouch;
    }

    .
    fancybox-error {
        
    color#444;
        
    font14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
        
    margin0;
        
    padding15px;
        
    white-spacenowrap;
    }

    .
    fancybox-image, .fancybox-iframe {
        
    displayblock;
        
    width100%;
        
    height100%;
    }

    .
    fancybox-image {
        
    max-width100%;
        
    max-height100%;
    }

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        
    background-imageurl('fancybox_sprite.png');
    }

    #fancybox-loading {
        
    positionfixed;
        
    top50%;
        
    left50%;
        
    margin-top: -22px;
        
    margin-left: -22px;
        
    background-position-108px;
        
    opacity0.8;
        
    cursorpointer;
        
    z-index8060;
    }

    #fancybox-loading div {
        
    width44px;
        
    height44px;
        
    backgroundurl('fancybox_loading.gif'center center no-repeat;
    }

    .
    fancybox-close {
        
    positionabsolute;
        
    top: -18px;
        
    right: -18px;
        
    width36px;
        
    height36px;
        
    cursorpointer;
        
    z-index8040;
    }

    .
    fancybox-nav {
        
    positionabsolute;
        
    top0;
        
    width40%;
        
    height100%;
        
    cursorpointer;
        
    text-decorationnone;
        
    backgroundtransparent url('blank.gif'); /* helps IE */
        
    -webkit-tap-highlight-colorrgba(0,0,0,0);
        
    z-index8040;
    }

    .
    fancybox-prev {
        
    left0;
    }

    .
    fancybox-next {
        
    right0;
    }

    .
    fancybox-nav span {
        
    positionabsolute;
        
    top50%;
        
    width36px;
        
    height34px;
        
    margin-top: -18px;
        
    cursorpointer;
        
    z-index8040;
        
    visibilityhidden;
    }

    .
    fancybox-prev span {
        
    left10px;
        
    background-position-36px;
    }

    .
    fancybox-next span {
        
    right10px;
        
    background-position-72px;
    }

    .
    fancybox-nav:hover span {
        
    visibilityvisible;
    }

    .
    fancybox-tmp {
        
    positionabsolute;
        
    top: -9999px;
        
    left: -9999px;
        
    visibilityhidden;
    }

    /* Overlay helper */

    .fancybox-lock {
        
    overflowhidden;
    }

    .
    fancybox-overlay {
        
    positionabsolute;
        
    top0;
        
    left0;
        
    overflowhidden;
        
    displaynone;
        
    z-index8010;
        
    backgroundurl('fancybox_overlay.png');
    }

    .
    fancybox-overlay-fixed {
        
    positionfixed;
        
    bottom0;
        
    right0;
    }

    .
    fancybox-lock .fancybox-overlay {
        
    overflowauto;
        
    overflow-yscroll;
    }

    /* Title helper */

    .fancybox-title {
        
    visibilityhidden;
        
    fontnormal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
        
    positionrelative;
        
    text-shadownone;
        
    z-index8050;
    }

    .
    fancybox-opened .fancybox-title {
        
    visibilityvisible;
    }

    .
    fancybox-title-float-wrap {
        
    positionabsolute;
        
    bottom0;
        
    right50%;
        
    margin-bottom: -35px;
        
    z-index8050;
        
    text-aligncenter;
    }

    .
    fancybox-title-float-wrap .child {
        
    displayinline-block;
        
    margin-right: -100%;
        
    padding2px 20px;
        
    backgroundtransparent/* Fallback for web browsers that doesn't support RGBa */
        
    backgroundrgba(0000.8);
        -
    webkit-border-radius15px;
           -
    moz-border-radius15px;
                
    border-radius15px;
        
    text-shadow0 1px 2px #222;
        
    color#FFF;
        
    font-weightbold;
        
    line-height24px;
        
    white-spacenowrap;
    }

    .
    fancybox-title-outside-wrap {
        
    positionrelative;
        
    margin-top10px;
        
    color#fff;
    }

    .
    fancybox-title-inside-wrap {
        
    padding-top10px;
    }

    .
    fancybox-title-over-wrap {
        
    positionabsolute;
        
    bottom0;
        
    left0;
        
    color#fff;
        
    padding10px;
        
    background#000;
        
    backgroundrgba(000.8);

    Последний раз редактировал(а) JackPot; 23.10.2012 в 00:20.
    С наилучшими пожеланиями, команда kontakts.ru
    Мой канал на youtube - https://www.youtube.com/user/GearAndReductor
    Я покупаю тут kupim.info
    Я продаю тут http://ddl.ru

  2. #32

    Re: Модальное окно

    .fancybox-skin {
    position: relative;
    background: #ffff32; /*! нас интересует вот эта строка... заменим #f9f9f9 */
    #f9f9f9
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
    И посмотрим что получилось... пример
    С наилучшими пожеланиями, команда kontakts.ru
    Мой канал на youtube - https://www.youtube.com/user/GearAndReductor
    Я покупаю тут kupim.info
    Я продаю тут http://ddl.ru

  3. #33

    Re: Модальное окно

    На днях вставим простенькую капчу чтоб спамеры не резвились особо... потом проверку данных... несколько полезных приблуд... и все... будем внедрять...
    С наилучшими пожеланиями, команда kontakts.ru
    Мой канал на youtube - https://www.youtube.com/user/GearAndReductor
    Я покупаю тут kupim.info
    Я продаю тут http://ddl.ru

  4. #34
    На форуме с
    06.02.2012
    Адрес
    Санкт-Петербург
    Сообщений
    1,005
    Записей в дневнике
    149

    Re: Модальное окно

    Так тут ты, я да спамеры. Мнооого!

  5. #35

    Re: Модальное окно

    Мне модальное окно не для этого сайта нужно... на самом деле... читателей живых все больше... с писателями хуже... но меня это не очень расстраивает... я пишу для себя...
    С наилучшими пожеланиями, команда kontakts.ru
    Мой канал на youtube - https://www.youtube.com/user/GearAndReductor
    Я покупаю тут kupim.info
    Я продаю тут http://ddl.ru

  6. #36

    Re: Модальное окно

    Итак, модальное окно с обратной связью и обменом с сервером... проверка капчи... на сегодня все!!! Если интересно в примере можно ввести неправильную капчу и в модальном окне сервер выдаст сообщение о неправильном коде... при правильном коде сообщение обновится... пока все... на днях проверка информации пользователя... и отправка сообщения... а пример
    С наилучшими пожеланиями, команда kontakts.ru
    Мой канал на youtube - https://www.youtube.com/user/GearAndReductor
    Я покупаю тут kupim.info
    Я продаю тут http://ddl.ru

  7. #37

    Re: Модальное окно

    Ну вот я и прикрутил модальное окно к своим нуждам... посмотреть можно например тут http://ddl.ru/trade.php?pref=lift нажав на
    Откроется модальное окно с объявлением... без перезагрузки страницы... что наверно удобно
    С наилучшими пожеланиями, команда kontakts.ru
    Мой канал на youtube - https://www.youtube.com/user/GearAndReductor
    Я покупаю тут kupim.info
    Я продаю тут http://ddl.ru

Страница 4 из 4 ПерваяПервая ... 234

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •