1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Unmaintained Wikipedia BB code media site

Integrate Wikipedia (or other sites) as a BB code media site

  1. Walter

    Walter Well-Known Member

    Walter submitted a new resource:

    Wikipedia BB code media site - Integrate Wikipedia (or other sites) as a BB code media site

    Read more about this resource...
  2. Janmaat

    Janmaat Active Member

    This is awesome :)

    But is this legal (especially in Germany) and corresponding to Wikipedia's terms of use?

    Is it possible to create one media site entry for both en.wikipedia and de.wikipedia? Or do I have to create a media site entry for each site?

  3. DRE

    DRE Well-Known Member

    This looks pretty cool. Question though... why include the sidebar since it's not related to the article?
  4. Scharesoft

    Scharesoft Active Member

    If you want to disable the sidebar, you could maybe use the printable version of wikipedia.

    Instead of
    <iframe src="http://en.wikipedia.org/wiki/{$id}" scrolling="yes" frameBorder="0" height="350" width="900"></iframe>
    you could use
    <iframe src="http://en.wikipedia.org/w/index.php?title={$id}&printable=yes" scrolling="yes" frameBorder="0" height="350" width="900"></iframe>
    Lindal_Oronar likes this.
  5. Lindal_Oronar

    Lindal_Oronar Well-Known Member

    Thanks for this, is it possible to set the height to automatically?
  6. Axel B

    Axel B Well-Known Member

    @Lindal_Oronar you can use % instead of px, so yes. I don't think it is wise to do this because it will blow up your forum if the wiki page is very long. Just my 2 cents ;) See example below for a width="100%".

    Some tips for the general population:

    If you wrap <figure> tag (HTML5) around the iframe you can easily put a caption below the iFrame. I also changed the border so it is easier to identify the iFrame.

    <iframe src="https://nl.wikipedia.org/w/index.php?title={$id}&printable=yes" scrolling="yes" style="border:1px solid grey" height="400" width="100%"></iframe>
      <figcaption><a href='https://nl.wikipedia.org/wiki/{$id}'>Wikipedia NL: {$id}</a></figcaption>
    You can now change the caption with CSS like the example below. Just paste it in your extra.css.

    figcaption {
        font-size: 10px;
        text-align: right;
    Last edited: Jan 8, 2016
    Lindal_Oronar likes this.
  7. Lindal_Oronar

    Lindal_Oronar Well-Known Member

    When i do that I see this:
  8. Axel B

    Axel B Well-Known Member


    So change the code to also change the height to 100% if this is what you want :)
  9. Lindal_Oronar

    Lindal_Oronar Well-Known Member

    With the height and width set to 100% we get this :
  10. Axel B

    Axel B Well-Known Member

    The syntax is ok, but there is something in UI.X that suppresses the 100%. I tried to find it, but could not figure out where it is in UI.X. Haven't checked the default skin.
    You'll need a CSS guru to do this. My capabilities are limited ;)
  11. Lindal_Oronar

    Lindal_Oronar Well-Known Member

    Thank you for your time and help.
    @Mike Creuzer or @Jake B. any idea how to fix this?

Share This Page