CoreCommunity ExtensionsIncubatorDistributionsTYPO3 4.5 ProjectsTYPO3 4.6 ProjectsTYPO3 4.7 ProjectsTYPO3 6.0 ProjectsTYPO3 6.1 ProjectsTYPO3 6.2 Projects (+)

Feature #39083

Add Pinterest

Added by David Denicolo' 10 months ago. Updated 10 months ago.

Status:Closed Start date:2012-07-19
Priority:Should have Due date:
Assignee:Juergen Furrer % Done:

100%
Category:- Spent time: 0.50 hour
Target version:- Estimated time:0.50 hour
Votes: 0

Description

Please add Pinterest "pin it"
Thank you

sexy-sprite-with-pinterest.png (228.3 kB) David Denicolo', 2012-07-20 08:16

History

#1
Updated by David Denicolo' 10 months ago

Hi, I've done the pinterest button

in TypoScript setup add this (adapt it to your needs):

plugin.tx_sexybookmarks_pi1.bookmarkConf.pinterest = COA
plugin.tx_sexybookmarks_pi1.bookmarkConf.pinterest {
10 = TEXT
10.value = <li class="sexy-pin">
20 = COA
20.htmlSpecialChars = 1
20.wrap = <a href="|" class="external" target="_blank" title="Pinterest">
20 {
10 = TEXT
10.value = http://pinterest.com/pin/create/button/
25 = TEXT
25.wrap = &description=|
25.data = page:subtitle // page:title
25.stdWrap >
25.rawUrlEncode = 0
20 = COA
20.wrap = ?url=|
20 {
10 = TEXT
10.data = getIndpEnv:TYPO3_REQUEST_URL
10.rawUrlEncode = 1
}
21 = TEXT
21.wrap = &media=| # here I use a register to load image from a custom extension
21.data = register:mediaImg
}
30 = TEXT
30.value = Pin It!
40 = TEXT
40.value = </a></li>
}

in style.css add this

li.sexy-pin { background-position:-6720px bottom !important; }
li.sexy-pin:hover { background-position:-6720px top !important; }

I attach the news background png image, rename it as sexy-sprite.png

#2
Updated by Juergen Furrer 10 months ago

  • Status changed from New to Accepted
  • Assignee set to Juergen Furrer
  • Estimated time set to 0.50

#3
Updated by Juergen Furrer 10 months ago

I use this TS:

        pinterest = COA
        pinterest {
            10 = TEXT
            10.value = <li class="sexy-pin">
            20 = COA
            20.htmlSpecialChars = 1
            20.wrap = <a href="|" class="external" title="Pinterest">
            20 {
                10 = TEXT
                10.value = http://pinterest.com/pin/create/button/
                20 = COA
                20 {
                    wrap = ?url=|
                    10 = TEXT
                    10.data = getIndpEnv:TYPO3_REQUEST_URL
                    10.rawUrlEncode = 1
                }
                30 = COA
                30 {
                    10 = TEXT
                    10.data = getIndpEnv:TYPO3_SITE_URL
                    10.rawUrlEncode = 1
                    20 = IMG_RESOURCE
                    20.file {
                        import.data = levelmedia:2,slide
                        import = uploads/media/
                        import.listNum = 0
                    }
                    20.rawUrlEncode = 1
                    wrap = &media=|
                }
                40 = TEXT
                40 {
                    wrap = &description=|
                    data = page:subtitle // page:title
                    stdWrap >
                    rawUrlEncode = 0
                }
            }
            30 = TEXT
            30.value = Pin It!
            40 = TEXT
            40.value = </a></li>
        }

It will use the media-image...

#4
Updated by Juergen Furrer 10 months ago

  • Status changed from Accepted to Closed
  • % Done changed from 0 to 100

Also available in: Atom PDF