Я создаю пользовательскую кнопку Pinterest Pin It с помощью Simple Icons, и я использую ссылку, которую дал мне Pinterest Widget Builder. На кнопках Pin It по умолчанию открывается эта ссылка в совершенно новом окне . Я просмотрел много вопросов SO, но все они открывают его на новой вкладке .Javascript document.location new window
мне нужна эта ссылка откроется в новом окне , а не вкладки.
HTML:
<div class="pinit" onclick='window.open("http://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Flocalhost%3A8080%2FHowl%2FHome.html&media=http%3A%2F%2Fi.imgur.com%2FToZz7PB.png&description=Howl%3A%20Share%20Your%20Life")'><img src="http://raw.github.com/danleech/simpleicons/master/icons/pinterest/pinterest-64.png"></div>
CSS:
.pinit {
background: #CB2027;
width: 65px;
border-radius: 10px;
cursor: pointer;
}
.pinit:hover {
background: #e41f11
}
JavaScript:
Для JS, я использовал ссылку Pinterest: <script type="text/javascript" async src="//assets.pinterest.com/js/pinit.js"></script>
Я не думаю, что размер определяется. Высота не выглядит 300px. Вам нужны пикселы в нем? –
его высота в 'px' вы можете попробовать другое число в стороне от 300, как ширина = 600, height = 500 – Hellgorithm
Я изменил его размер, и он по-прежнему выглядит тонким и высоким. –