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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by doctorgrif, Sep 13, 2008.

  1. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Joined:
    Jan 14, 2008
    Messages:
    1,284
    Likes Received:
    66
    Gender:
    Male
    Иногда возникает желание сделать сайт не таким как у всех:). Можно поиздеваться над цитатами
    Нужно:
    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 Доброта

    Joined:
    Mar 12, 2007
    Messages:
    5,094
    Likes Received:
    158
    Gender:
    Male
    doctorgrif, давно знакомая штука, еще с платных шаблонов от JA и прочих западников :) Но прикольно :)
     
  4. doctorgrif
    Offline

    doctorgrif Местный => Cпециалист <=

    Joined:
    Jan 14, 2008
    Messages:
    1,284
    Likes Received:
    66
    Gender:
    Male
    дык, все новое это хорошо забытое старое.
    Проще 1 раз накодить чем каждый раз визвиг мучать:)
    ПыСы: да и деньги экономятся+варез не используется;)
     
    Last edited: Sep 13, 2008

Share This Page

Loading...