The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to embed tweets phpBB3

View previous topic View next topic Go down

Solved How to embed tweets phpBB3

Post by Urken on May 20th 2015, 5:46 pm

Hi!

I have had this forum for a few years now, and I started to wonder how to implement a "embed tweet"-function.
What I mean to say is; I need help to get this function working.

Im running phpBB3.

I want to be able to (for instance) paste a url or an ID (to a certain tweet) and get it to show up like this:

http://i19.servimg.com/u/f19/19/22/97/74/2qa24310.jpg

I have been searching the internet for a solution for days, but I cant seem to find one. The only solutions I find, are extensions to phpbb3.
Problem is, Im not even sure forumotion allows users to add extensions.

Is this possible, somehow? Javascript? HTML? BBcode?

I saw another member ask pretty much the same question:

http://help.forumotion.com/t127020-is-there-anyway-to-embed-tweets

the final reply wasn't that helpful. I mean to find out more, why this is - not merely accepting the fact that it doesnt work, if that would be the case.

regards, Urken.

Urken
New Member

Posts : 3
Reputation : 1
Language : Swedish

http://www.luleahockeyforum.com/

Back to top Go down

Solved Re: How to embed tweets phpBB3

Post by meelad_sd on May 20th 2015, 7:35 pm

https://dev.twitter.com/web/embedded-tweets/css

twitty wrote:
An Embedded Tweet’s fallback markup will inherit the CSS rules already applied to <blockquote>, <p>, and <a> HTML elements on your webpage.

So basically you need to customize it yourself.

This is an example of what you can do:
Code:

blockquote.twitter-tweet {
  display: inline-block;
  font-family: "Helvetica Neue", Roboto, "Segoe UI", Calibri, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px 16px;
  max-width: 468px;
}
 
blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}
 
blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}
 
blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}

And you need to enable HTML in posts, you do it like this:
ACP-> General -> Messages and e-mails -> Configuration -> Allow HTML : Yes

meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

Solved Re: How to embed tweets phpBB3

Post by Urken on May 20th 2015, 8:11 pm

Thanks for the reply!

Maybe I wasn't clear enough.

What you're trying to do, will only change the style, in which the tweet will be represented, right?
I need help getting the tweet there, all together. There are extension packs for phpBB3 - but as far as Im concerned, we are not allowed to enter the root files. So my thought was that maybe I'll have to add some Javascript/HTML to get it working. 

By the way, meelad: I tried PMing you. Apparently the message got stuck in the outbox. Im not sure why.

regards, Urken.

Urken
New Member

Posts : 3
Reputation : 1
Language : Swedish

http://www.luleahockeyforum.com/

Back to top Go down

Solved Re: How to embed tweets phpBB3

Post by meelad_sd on May 20th 2015, 8:20 pm

The first thing you need to do is to enable HTML in posts.
The second step is to embed the tweet from twitter. You do this by clicking on the more option that is present beneath each tweet.

This is an example of such a code:

Code:

<blockquote class="twitter-tweet" lang="en"><p lang="en" dir="ltr">Both my parents got HTC One M9s without even telling/asking me. I'm such a proud son right now haha</p>&mdash; Marques Brownlee (@MKBHD) <a href="https://twitter.com/MKBHD/status/601081549057093632">May 20, 2015</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

After getting the code, all that is left is posting it (Do not forget to enable HTML)


meelad_sd
Forumember

Posts : 50
Reputation : 13
Language : English, Swedish, Assyrian, Arabic

http://www.exhclan.com/

Back to top Go down

Solved Re: How to embed tweets phpBB3

Post by Urken on May 21st 2015, 7:27 pm

Thanks to meelad_sd, I figured it out.  cheers

Solved!

Urken
New Member

Posts : 3
Reputation : 1
Language : Swedish

http://www.luleahockeyforum.com/

Back to top Go down

Solved Re: How to embed tweets phpBB3

Post by SLGray on May 22nd 2015, 1:04 am

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35666
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum