Envision, Create, Share

Welcome to HBGames, a leading amateur game development forum and Discord server. All are welcome, and amongst our ranks you will find experts in their field from all aspects of video game design and development.

Making the site Pinterest friendly

So when you create a new pin on pinterest and enter the url of a forum pages, Pinterest then shows all the images on the page for you to select as the face of your pin. Alternatively, if someone has a Pinterest browser they can hover a mouse over the image and select the "Pin it" button.

Now it will ignore background images, however, being a forum there are a lot of other images to select.
Things like Members avatars, Smilies, and all the stuff like this it'll try to suggest for your pin.
mv_mascot.png
mv_logo.png

forum_unread.gif

button_topic_new.gif
button_topic_reply.gif

board_index.gif
icon_user_profile.gif
icon_post_target.gif
icon_contact_pm.gif
staff.gif
user_offline.gif
user_online.gif

There are data attributes and Meta tags that can be added so that Pinterest will know what images aren't for pinning.
https://css-tricks.com/using-pinterest- ... meta-tags/
There's a nopin="nopin" <img> attribute to block pinning of specific images.
As well as the content="nohover" attribute to prevent the "pin it" button for people using the Browser Extension. Shouldn't be necessary for anything under 80x80px, but might be desirable on reply buttons and such.

I'm not sure if these attributes can be adding into the forums style content.css or not, like
.avatar {
border: none;
margin-bottom: 3px;
nopin="nopin"; or maybe it's nopin: "nopin";
}
and that might prevent pinning of all images within the avatar class. Or .postprofile .signature .topic-actions and I don't know what else. Maybe there's a block somewhere that incorporates all of that, but not the post content? But why would anything be that easy.
 

Thank you for viewing

HBGames is a leading amateur video game development forum and Discord server open to all ability levels. Feel free to have a nosey around!

Discord

Join our growing and active Discord server to discuss all aspects of game making in a relaxed environment. Join Us

Content

  • Our Games
  • Games in Development
  • Emoji by Twemoji.
    Top