Четверг, 21.11.2024, 16:57
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Статьи про uCoz
  • Антикварные магазины мебели становятся все более популярными в РФ
  • Ветеринары из Махачкалы отмечают рост заболеваний среди высокогорных овечек
  • В России возник дефицит терминалов сбора данных для складов
  • Продвижение с помощью «Site Ok‎»: Пакеты крауд-ссылок и их ценовая политика
  • В России стали популярными диджитал маркетологи
  • Флоат камера избавила москвичку от тревожности
  • Почему для каждого бренда важна красочная упаковка
  • Почему в ж/д сфере так важна нумерация опор
  • В Москве ветеринарам стали чаще приносить карликовых коз
  • Почему детей нужно перевозить на специальных автокреслах
  • Разработка сайта
  • Что влияет на стоимость сайта?
  • Как самостоятельно создать блог без усилий
  • Как добавить карту сайта в Wordpress
  • В чем заключается SEO-продвижение сайта?
  • Продвижение ссылками – будет ли работать в 2015 году?
  • Программы обработки, сравнения и анализа прайсов
  • Комплексное продвижение сайта как основа репутационного маркетинга
  • У кого заказывать разработку сайта
  • Как создать интернет-магазин?
  • Наш опрос
    Как вы относитесь к рекламе на сайте?


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

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


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

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

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

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

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


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

    установить такой блок
    Расскажи Друзьям!
    Комментарии
    Новость: Просмотры и посетители для вашего сайта БЕСПЛАТНО
    написал:
    В итоге получим в статистике целую кучу ботов, и отказов. Что само собой скажется на ПС
    Новость: Фотогалерея изображений для uCoz
    Sultanbek Ajdos написал:
    Не убрать календарики правильно
    Понедельник, 22 ноября 2010 г.
    Карманный календарь 2010 г.

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

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

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

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

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

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


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

    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, Бар, для
    Просмотров: 6638 | Загрузок: 0 | Комментарии: 4 | Рейтинг: 5.0/1
    Всего комментариев: 4
    4 TicTac   (08.05.2016 18:18) [Материал]
    А где архив? Или очередной копипаст? Как у всех нет архива! evil

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

    По вопросам сотрудничества и рекламы пишите на почту rusalex11@live.com Хостинг от uCoz