Tweet BBCode

[vhforum]

Can we get this done for the new social media site Gab.ai?

[glennrocksvb]

Maybe it's ok. Probably what they stated in their guidelines is not strictly implemented?

And never show the Twitter logo in black or any other colors.
Okay, we do have one exception: some limitations with color printing may apply. This is the only time the logo is permitted to be displayed in black with prior permission from Twitter.

[lefoureur]

It's a good question, but given that uses bootstrap a black version, I do not think it's a problem

(Http://bestbootstrapthemes.com/files...ns-webfont.jpg)

[glennrocksvb]

Just curious if we are allowed to use black Twitter logo per Twitter's branding guidelines?

[lefoureur]

PNG (20x20) :

Or SVG (20x20) :

PNG (16x16) :

Or SVG (16x16) :

For people who want the black

[glennrocksvb]

Thansk vhforum

Enjoying your coffee now...

[vhforum]

Thanks Glenn! Got it working! Bought you a coffee..

[glennrocksvb]

Can I do this even if I'm currently using cloud?

What's the best way to get 21X20 twitter button image?

I'm a rookie, so please excuse my ignorance..

Yes you can do this in vBCloud.

You can download this Twitter icon: (Right-click > Save image as...)

and then upload it in the File Upload Manager (not sure if name is accurate) in vBCloud AdminCP. Then copy the generated link of the uploaded image and paste it into the Button Image field in BB Code Manager.

BTW, I've set the Button Image for the Tweet BB Code in this forum. See how it looks in the Advanced Editor.

[vhforum]

Can I do this even if I'm currently using cloud?

What's the best way to get 21X20 twitter button image?

I'm a rookie, so please excuse my ignorance..

[glennrocksvb]

One way to integrate social media with forums is to embed tweets from Twitter into forum posts.

Go to AdminCP > Custom BB Codes > Add New BB Code and enter the following information:

Title: Tweet
BB Code Tag Name: tweet
Replacement:

<div data-tweet-param="{param}"></div><script>(function(){function k(a,c){var d=Element.prototype;return(d.matches||d.webkitMatchesSelector||d.mozMatchesSelector||d.msMatchesSelector||function(a){return-1!==[].indexOf.call(document.querySelectorAll(a),this)}).call(a,c)}function g(a,c){return a?k(a,c)?a:"HTML"===a.tagName?null:g(a.parentNode,c):null}var b,u=`{param}`.replace(/<br\s*[\/]?>/gi, '').replace(/\r|\n/g,'').replace(new RegExp(unescape('%26amp;'), 'g'),unescape('%26')),a,e=document.currentScript,f;if(/^http[s]*:\/\//.test(u)){a=document.createElement("a");a.href=u;b=a.pathname.substring(a.pathname.lastIndexOf("/")+1)}f=e.parentNode.querySelector('[data-tweet-param*="'+u+'"]:empty');(a=g(f,".js-post"))?a=a.getAttribute("data-node-id"):(a=g(f,".js-post-sm"),a=a?a.getAttribute("data-nodeid"):Math.floor(Math.random()*10000));a="t_"+(a||"")+"_"+b;window[a]=function(a){f.innerHTML=a.html;a=f.getElementsByTagName("script");for(var c,d=document.getElementsByTagName("head")[0],b=0;b<a.length;b++)a[b].src?(c=document.createElement("script"),c.src=a[b].src,d.appendChild(c)):eval(a[b].textContent)};var h=document.createElement("script");h.src="https://api.twitter.com/1/statuses/oembed.json?id="+b+decodeURIComponent("%26")+"callback="+a;e.parentNode.appendChild(h)})();</script>

Example: [tweet]TweetUrlOrTweetIdHere[/tweet]
Other Options: Select Yes to all starting from "Remove Tag If Empty" option (for Button Image option, you could specify image path. If specified, a new button for this BB Code will appear in the editor)

Version History:

• 2025-09-23: Fixed missing tweet when there are multiple posts with the same tweet, only the last tweet would show.
• 2022-02-26: Fixed an issue for Tweet URL with querystring parameters

Demo:
This tweet:
[tweet]https://twitter.com/noypiscripter/status/758114543033647104[/tweet]

or just using the Twitter Post ID

[tweet]758114543033647104[/tweet]

will be rendered as:

To get the Tweet URL, go to a tweet on Twitter, click on the 3 dots icon below the tweet, choose "Copy link to Tweet" and then copy the URL.

Other sample: