{"id":1200,"date":"2013-07-02T13:40:11","date_gmt":"2013-07-02T13:40:11","guid":{"rendered":"http:\/\/wiki.davelevy.info\/?p=1200"},"modified":"2023-12-29T01:55:29","modified_gmt":"2023-12-29T01:55:29","slug":"decorating-blockquotes","status":"publish","type":"post","link":"https:\/\/davelevy.info\/wiki\/decorating-blockquotes\/","title":{"rendered":"Decorating Blockquotes"},"content":{"rendered":"

Now I have one of those pretty quote decorations in my quotes on this wiki. This post is deprecated. It should have been marked so when I adopted Nulis. You can read what I said in 2013 by using the Read More button. …<\/p>\n

    \n
  1. The decoration is an image.<\/li>\n
  2. I used mspaint to capture a large quote mark. I used Engravers MT.<\/li>\n
  3. I then used paint.net to rotate and flip it, crop it, and then make the white background transparent. As advised in the paint.net forums<\/a>, I used the magic want tool, capture the background and then \u201ccut\u201d it out. \u00a0The file needs to be a transparency supporting format for this to work.\n

    \"quote\"<\/p>\n<\/li>\n

  4. I uploaded the file to my web server.<\/li>\n
  5. I then used the WordPress CSS editor to add the following code,<\/li>\n<\/ol>\n
    .entry blockquote { background: #EEE url(\"http:\/\/davelevy.info\/TOKENS\/OQuote_GreyTransparent.png\") no-repeat; }<\/pre>\n
    As you can see, the background rule takes two arguments, a base colour and the image, the rune required is the no-repeat key word. It also benefits from the definition of some padding rules. In my case,<\/p>\n
         padding-left: 16px; padding-top: 16px;<\/pre>\n
    and now onto fixing the code tag.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Now I have one of those pretty quote decorations in my quotes on this wiki. This post is deprecated. It should have been marked so when I adopted Nulis. You can read what I said in 2013 by using the Read More button. …<\/p>\n","protected":false},"author":1,"featured_media":9892,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","_share_on_mastodon":"0"},"categories":[27,3],"tags":[394,251,395,1184,253,393,920,911],"class_list":["post-1200","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","category-technology","tag-blockquote","tag-css","tag-decoration","tag-deprecated","tag-html","tag-quote","tag-software","tag-technology"],"share_on_mastodon":{"url":"","error":""},"jetpack_featured_media_url":"https:\/\/davelevy.info\/wiki\/wp-content\/uploads\/2012\/07\/deprecated-dfl1955-cc0-w1080.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/1200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/comments?post=1200"}],"version-history":[{"count":7,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/1200\/revisions"}],"predecessor-version":[{"id":9928,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/posts\/1200\/revisions\/9928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media\/9892"}],"wp:attachment":[{"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/media?parent=1200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/categories?post=1200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/davelevy.info\/wiki\/wp-json\/wp\/v2\/tags?post=1200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}