WordPress.org

Ready to get started?Download WordPress

Forums

Advanced iFrame
[resolved] Show a Certain Part of the Page (9 posts)

  1. daniellazar
    Member
    Posted 1 year ago #

    Hi!

    I was wondering if its possible to add a shortcode attribute for:
    "margin-top"

    I want my iframe to Only Show a Certain Part of the Page by giving it a margin at the top.

    example:

    margin-top="-400"

    Thanks

    http://wordpress.org/extend/plugins/advanced-iframe/

  2. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    Please see here:
    http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-support#comment-67010

    In the next version I will also add a style element + the option to show ony a specific part of an iframe.

  3. daniellazar
    Member
    Posted 1 year ago #

    Hi!

    Might I also suggest "padding" to go along with the margin part in the next version.

    Thanks

  4. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    adding a style element would cover this also. You can enter there any style you want.
    But I still recommend using an external css and then use the class for this.
    This keeps the code much cleaner.

    Best, Michael

  5. daniellazar
    Member
    Posted 1 year ago #

    How do I insert where the external css can be found, and also the class in the external css?

    additional_css="what do i write here"
    class="what do i write here"

    My shortcode:

    [advanced-iframe securitykey="123456789" src="http://www.google.com" width="100%" height="1000" scrolling="no" additional_css="what do i write here" class="what do i write here"]

  6. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    additional_css - the path to your css file. Best is you use the absolute path.
    class - the class you have defined in the css file.

    If you only use one iframe you can configure everything in the administration. The shortcode attributes do only exist to overwrite this settings.

  7. daniellazar
    Member
    Posted 1 year ago #

    I didn't get it to work.

    Could my CSS code be wrong?:

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .blogmargin
    {
    margin:-400px; 0px; 0px; 0px;
    }
    </style>
    </head>
    </html>

  8. mdempfle
    Member
    Plugin Author

    Posted 1 year ago #

    this is not a css file.
    a css file only contains:

    .blogmargin {
    margin:-400px; 0px; 0px; 0px;
    }

  9. daniellazar
    Member
    Posted 1 year ago #

    Success!! - Thank you so much for your help and patience

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic