Все заметки с тэгом «background»

• CSS (6)
• fixed (1)

1. 1. Пятница, 30 января 2009

      Fixed background images

      Дмитрий показывает, чего можно достичть при помощи простой техники фиксирования фона.
      
      Читаем
      
      Также очень советую хотя-бы раз увидеть страничку We Bleed Design.

      CSS, background, fixed

      Комментарии: 0

      
      

2. 1. Понедельник, 1 октября 2007

      Несимметричный фон на центрированном сайте

      Юрий Артюх делится опытом вёрстки несимметричного фона.
      
      Читаем

      CSS, background

      Комментарии: 0

      
      

3. 1. Понедельник, 28 мая 2007

      Свойство background

      Хороший материал по свойству CSS background.
      
      Читаем

      CSS, background

      Комментарии: 0

      
      

4. 1. Пятница, 23 февраля 2007

      Ещё раз про «Два фона в одном блоке»

      Всё-таки решение нашлось!
      
      

      
      <div class="pullquote">
        Самое интересное в цитатах это то, что их читают
      </div>
      

      
      
      

      
      .pullquote {
        width: 25%;
        font-size: 125%;
        line-height: 140%;
        margin: 10px;
        background: url(/images/closequote.gif) no-repeat bottom right !important;
        padding: 0px 35px 5px 5px;
        border: 1px dotted #9b4b4b;
        text-align: justify;
      }
      
      .pullquote:first-letter {
        background: url(/images/openquote.gif) no-repeat left top!important;
        padding: 5px 2px 10px 35px!important;
      }
      

      
      
      Работающий пример
      p.s. говорим спасибо http://www.webmakerslounge.com/.

      CSS, background

      Комментарии: 1

      
      

5. 1. Среда, 21 февраля 2007

      По поводу заметки

      Хочу сказать немного про разметку:
      

      
      <div class="mydiv">
         <div>
           ...
         </div>
      </div>
      

      
      
      Да, к сожалению другого решения до массового применения CSS3 не видится.

      CSS, background

      Комментарии: 0

      
      

6. 1. Понедельник, 19 февраля 2007

      Два фона в одном блоке

      У вас ни разу не возникало желание для одного блока поставить фоном два изображения: одно слева, другое справа? Например, чтобы оформить скруглённые уголки?
      
      Решение:
      

      
      .mydiv {
        background: url(/images/right.gif) no-repeat bottom right;
      }
      .mydiv:first-letter {
        background: url(/images/left.gif) no-repeat left top;
      }
      

      CSS, background

      Комментарии: 0