Украшение цитаты (<blockquote>)

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем doctorgrif, 13.09.2008.

  1. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    Иногда возникает желание сделать сайт не таким как у всех:). Можно поиздеваться над цитатами
    Нужно:
    1. основной стилевой файл
    2. картинка для открытия цитаты (openquote.gif)
    3. картинка для закрытия цитаты (closequote.gif)
    Механизм:
    Код (CODE):
    1. blockquote {  
    2.     font-size:1em;  
    3.     line-height:140%;  
    4.     margin:20px;  
    5.     background: url(путь до картинки/closequote.gif) no-repeat bottom right;  
    6.     padding:0px 40px 5px 40px;  
    7.     text-align:justify;  
    8.     color: #3c7ba4;  //это цвет фона поля цитаты
    9. }  
    10. blockquote:first-letter {  
    11.     background: url(путь до картинки/openquote.gif) no-repeat left top;  
    12.     margin-left: -40px;  
    13.     padding:5px 2px 10px 40px;  
    14. }

    Пояснения:
    да не требуются вообще:)
    работает во всех браузерах

    P.S. тестировано на локальном ПК (Денвер) и joostina 1.1.4
     
  2.  
  3. Fanamura
    Offline

    Fanamura Доброта

    Регистрация:
    12.03.2007
    Сообщения:
    5 108
    Симпатии:
    159
    Пол:
    Мужской
    doctorgrif, давно знакомая штука, еще с платных шаблонов от JA и прочих западников :) Но прикольно :)
     
  4. doctorgrif
    Offline

    doctorgrif специалист

    Регистрация:
    14.01.2008
    Сообщения:
    1 284
    Симпатии:
    66
    Пол:
    Мужской
    дык, все новое это хорошо забытое старое.
    Проще 1 раз накодить чем каждый раз визвиг мучать:)
    ПыСы: да и деньги экономятся+варез не используется;)
     
    Последнее редактирование: 13.09.2008

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

Загрузка...