Вторник, 19.03.2024, 10:28
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Почему оффшор Сент-Винсент популярен у бизнесменов
  • Почему руль так важен для автомобилей
  • Есть ли плюсы у беспарольной аутентификации
  • Плюсы многофакторной аутентификации
  • Почему управлять освещением с пульта или смартфона очень удобно
  • Почему управлять освещением с пульта или смартфона очень удобно
  • Реклама на щитах: какими они бывают
  • Почему табак на развес становится все популярнее
  • Правильное ударение в русском языке
  • Заем нужна подарочная карта PS Store
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Лайкнули наши группы в соц-ых сетях?


    Всего ответов: 209

    установить такой вид опроса
    Статистика
    Яндекс.Метрика
    Онлайн всего: 9
    Гостей: 9
    Пользователей: 0


    Зарегистрировано 31214 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5173 комментариев, На форуме создано тем и ответов.

    установить такую статистику

    Блок CW результаты

    Победы
    Победы(10)

    Поражения
    Поражения(5)


    Установить CW блок на свой сайт
    Внимание!
    Наш сайт адаптирован под браузер Mozilla Firefox
    скрипты для uCoz
    Скачать/Download
    В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Простое серое меню для uCoz
    NataliShaman написал:
    Приветствую!
    кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...
    Новость: Простой слайдер новостей и фото изображений на uCoz
    Светлана Кулешова написал:
    Скажите, пожалуйста, а где прикрепленный архив со скриптами?
    Новость: Современные казино онлайн. Как можно выигрывать деньги?
    папап папап написал:
    зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino
    Новость: Максимальные выигрыши в казино
    Максим Леонков написал:
    Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!

    Читать все комментарии
    Топ комментаторов

    установить такой информер
    VKONTAKTE

    FACEBOOK
    Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [30.07.2013, 17:22]

    Раздвижная кнопка Добавить материал для сайта Укоз

    Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

    Благодаря slavick и Apocalypse Мы можем с Вами поделиться этим интересным решением для сайтов Укоз и не только. Раздвижная кнопка, которую Вы можете настроить и использовать практически под любые нужны. В данном материале используется кнопка как для Добавления нового материала, но как я уже Вам сказал, можно заменить ссылку и надпись на что угодно. Чтобы установить всё это на сайт нужно знать HTML и CSS хотя бы на начальном уровне и понимать что есть что, что можно менять, а что лучше не трогать, а так же для того, чтобы грамотно вписать это всё под дизайн Вашего uCoz сайта.

    Для начала посмотрите ДЕМО

    Установка:

    В то место, где должна быть кнопка на добавление материала, вставляйте:

    if($ADD_ENTRY_LINK$)?>
    <a href="$ADD_ENTRY_LINK$" class="a-btn">
    <span class="a-btn-text">ДОБАВИТЬ</span>
    <span class="a-btn-slide-text">новый материал</span>
    <span class="a-btn-icon-right"><span></span></span>
    </a>
    <div style="padding: 5px; clear: both;"></div>
    endif?>

    Следующий код в самый низ вашего css:
    .a-btn {
    background: #454545;
    background-image: -webkit-linear-gradient(top, #c3c3c3, #343434);
    background-image: -moz-linear-gradient(top, #454545, #343434);
    background-image: -ms-linear-gradient(top, #454545, #343434);
    background-image: -o-linear-gradient(top, #454545, #343434);
    background-image: linear-gradient(top, #454545, #343434);
    padding-left: 20px;
    padding-right: 80px;
    height: 38px;
    width: 110px;
    display: inline-block;
    position: relative;
    border: 1px solid #5d81ab;
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(188, 188, 188, 0.5);
    -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(188, 188, 188, 0.5);
    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(188, 188, 188, 0.5);
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    float: left;
    clear: both;
    margin: 10px 0px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.3s linear;
    }
    .a-btn-text {
    padding-top: 10px;
    padding-left: 10px;
    display: block;
    font-size: 14px;
    font-face:"Arial";
    white-space: nowrap;
    text-shadow: 0px 1px 1px #000000;
    color: #96a0af;
    font-variant: small-caps;
    font-weight: bold;
    }
    .a-btn-slide-text {
    position:absolute;
    height: 100%;
    top: 1px;
    right: 52px;
    width: 0px;
    background: #63707e;
    background-image: -webkit-linear-gradient(top, #52606d, #63707e);
    background-image: -moz-linear-gradient(top, #52606d, #63707e);
    background-image: -ms-linear-gradient(top, #52606d, #63707e);
    background-image: -o-linear-gradient(top, #52606d, #63707e);
    background-image: linear-gradient(top, #52606d, #63707e);
    text-shadow: 0px 1px 1px #363f49;
    color: #fff;
    font-size: 9px;
    white-space: nowrap;
    text-transform: uppercase;
    text-align: left;
    text-indent: 10px;
    overflow: hidden;
    line-height: 38px;
    box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: -1px 0px 1px rgba(255, 255, 255, 0.4), 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    transition: width 0.3s linear;
    font-variant: small-caps;
    font-weight: bold;
    }
    .a-btn-icon-right {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 52px;
    border-left: 1px solid #5d81ab;
    box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
    -webkit-box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
    }
    .a-btn-icon-right span {
    width: 38px;
    height: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0px 0px -20px;
    background: transparent;
    transition: all 0.3s linear;
    }
    .a-btn:hover {
    padding-right: 180px;
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(188, 188, 188, 0.5);
    -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(188, 188, 188, 0.5);
    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 0px 4px rgba(188, 188, 188, 0.5);
    text-shadow: 0px 1px 1px #000000;
    }
    .a-btn:hover .a-btn-text {
    color: #b5b5b5;
    }
    .a-btn:hover .a-btn-slide-text {
    width: 125px;
    }


    Источник: http://www.hawk-ucoz.tk
    Материал подготовил slavick
    Описание составил Apocalypse


    При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Раздвижная кнопка Добавить материал для сайта Укоз



    Расскажи друзьям интересные новости:


    - Установить на свой сайт блок социальных закладок
    Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz
    Просмотров: 6494 | Загрузок: 0 | Комментарии: 1 | Рейтинг: 0.0/0
    Всего комментариев: 1
    1 maksimluk2008   (04.04.2020 20:49) [Материал]
    не работает sad

    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Для добавления необходима авторизация

    Хостинг от uCoz