vitalif-js
/
social-likes-nojq
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Tweak Pintereset button.

master
Artem Sapegin 2013-02-05 16:15:30 +04:00
parent de10226709
commit 03573a91e6
5 changed files with 26 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/demo.html
View File

@ -21,7 +21,7 @@
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
<li class="plusone" data-counter="http://sapegin.ru/api/social-likes/googleplusonecount.php?url={url}&amp;callback=?" title="Опубликовать ссылку в Гугл-плюсе">Google+</li>
<li class="livejournal" title="Опубликовать ссылку в ЖЖ">LiveJournal</li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Pinterest">Pinterest</li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Пинтересте">Pinterest</li>
<li class="code" title="Получить код для публикации ссылки в другом сервисе" data-prompt="Скопируйте код в буфер обмена:">Код</li>
</ul>

BIN
src/icons/pinterest.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.9 KiB

After

Width:  |  Height:  |  Size: 814 B

BIN
src/icons/twitter.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 510 B

8
src/social-likes.js
View File

@ -180,13 +180,13 @@ var services = {
}
},
pinterest: {
counterUrl: "http://api.pinterest.com/v1/urls/count.json?url={url}&callback=?",
counterUrl: 'http://api.pinterest.com/v1/urls/count.json?url={url}&callback=?',
convertNumber: function(data) {
return data.count;
},
popupUrl: "http://pinterest.com/pin/create/button/?url={url}&description={title}",
popupHeight: 320,
popupWidth: 800
popupUrl: 'http://pinterest.com/pin/create/button/?url={url}&description={title}',
popupWidth: 630,
popupHeight: 270
}
};

35
src/styles/styles.styl
View File

@ -400,25 +400,32 @@
// Pinterest
.social-likes__icon_pinterest {
height: 22px;
width: 63px;
background-repeat: no-repeat;
background-image:embedurl('../icons/pinterest.png');
}
.social-likes__widget_pinterest {
color: #fff;
border-color:#fff;
}
.social-likes__button_pinterest {
width: 38px;
padding-left:20px;
background:#eee;
background:linear-gradient(top, #fefefe, #d3d3d3);
color:hsl(355,77%,44%);
border-color:#bbb;
border-color:hsla(0,0%,73%,.8);
border-bottom-color:hsla(0,0%,60%,.8);
}
.social-likes__button_pinterest:hover {
background:#efefef;
background:linear-gradient(top, #fff, #d9d9d9);
color:hsl(355,80%,42%);
border-color:hsla(0,0%,73%,.6);
border-bottom-color:hsla(0,0%,60%,.6);
}
.social-likes__icon_pinterest {
background-image:embedurl('../icons/pinterest.png');
background-position:2px 1px;
}
.social-likes__counter_pinterest {
background: #ffeaea;
border-color: #f78080;
background:hsl(355,100%,98%);
border-color:hsl(355,70%,80%);
}
.social-likes__counter_pinterest:after {
border-right-color: #ffeaea;
border-right-color:hsl(355,100%,98%);
}