Как создать серую с красной полоску?

Тема в разделе "Программирование", создана пользователем lev, 22.06.2013.

  1. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    40
    Пол:
    Мужской
    Как создать серую с красной полоску с помощью CSS без использования двух картинок??
    Пробовал получилось с помощью картинок, все результаты с CSS не верно показывает полосу и она не по центру и присутствует наслоение.

    641ef4e802aa5535e6539fb5afa911c6.jpg
     
    Последнее редактирование: 29.11.2013
  2.  
  3. Offline

    altvvc Недавно здесь

    Регистрация:
    28.02.2009
    Сообщения:
    6
    Симпатии:
    0
    Пол:
    Мужской
    border'ом разве не получается?
     
  4. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    40
    Пол:
    Мужской
  5. Magellan
    Offline

    Magellan Недавно здесь

    Регистрация:
    10.11.2013
    Сообщения:
    17
    Симпатии:
    0
    Пол:
    Мужской
    Спасибо за решение :)
     
  6. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    Из описания вообще не понятно что нужно...
    Если нужна полоса индикации состояния процессов или чего-либо, я бы сделал так:
    Код (html):
    1. <div class="grey-line">
    2.     <div class="red-line" style="width: <?php echo $indicator; ?>"></div>
    3. </div>

    Где $indicator - переменная, в которую сохраняем, например, результат суммирования числа просмотров страницы (допустим, 100 посещений = 10%).
    Код (html):
    1. .grey-line {
    2.     width: 100px;
    3.     height: 10px;
    4.     position: relative;
    5.     background: #ccc;
    6. }
    7. .red-line {
    8.     height: 8px;
    9.     margin: 1px;
    10.     position: absolute;
    11.     top: 0px;
    12.     left: 0px;
    13.     background: #ff0000;
    14. }
     
  7. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    40
    Пол:
    Мужской
    shurikkan, аналогичное сообщение писал только картинка была и ссылки, первое предложение было 22 Июнь 2013 - 09:51, окончили правку Отправлено 22 Июнь 2013 - 14:27 :D

    сам модуль здесь выложен
    http://joomla-support.ru/thread/13497/

    итог исправлений, упростить загрузку модуля, снять нагрузку с сайта
    - Кроме этого сделан спрайт и оптимизация картинок ;P
     
    Последнее редактирование модератором: 31.03.2014
  8. shurikkan
    Offline

    shurikkan Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 856
    Симпатии:
    162
    Пол:
    Мужской
    lev, злостный нарушитель! :(
     

    Вложения:

Поделиться этой страницей

Загрузка...