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

Readability

Discussion in 'Styling and Customization Questions' started by Dismal Shadow, Dec 13, 2011.

  1. Dismal Shadow

    Dismal Shadow Active Member

    Where would I place the code next to the locations of social networks? thread_view template?
    http://www.readability.com/publishers/tools

    EDIT: Thanks to Brogan on how to set up. For anyone who wants it.

    Find share_page template:
    Add the code before </xen:hook>

    Add this to EXTRA.css
    Code:
    .rdbWrapper {
    float: left;
    }
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Where do you want it to show exactly?

    If it's next to Tweet, +1 and Facebook, then it's the share_page template
     
  3. Dismal Shadow

    Dismal Shadow Active Member

    Just tried this:
    Code:
                <xen:if is="{$xenOptions.readability}">
                        <div class="rdbWrapper" data-show-read="1" data-show-send-to-kindle="0" data-show-print="0" data-show-email="0" data-orientation="0" data-version="1"></div><script type="text/javascript">(function() {var s = document.getElementsByTagName("script")[0],rdb = document.createElement("script"); rdb.type = "text/javascript"; rdb.async = true; rdb.src = document.location.protocol + "//www.readability.com/embed.js"; s.parentNode.insertBefore(rdb, s); })();</script>
                    </div>               
                </xen:if>
    Looks like I'm not doing right. :p
    Not a coder here.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Just add the code as it is directly before </xen:hook>.

    You may have to add some additional styling though to place it exactly how you want.

    For example, add this to EXTRA.css:

    Code:
    .rdbWrapper {
    margin-top: 10px;
    }
    Edit that class to suit.
     
  5. Dismal Shadow

    Dismal Shadow Active Member

    Ok it works, what styling would be done to make it next to the FB?
    Screen Shot 2011-12-13 at 7.18.10 PM.png
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    .rdbWrapper {
    float: left;
    }
     
  7. Dismal Shadow

    Dismal Shadow Active Member

    It works. Went far to the left, I guess that's normal?
    Screen Shot 2011-12-13 at 7.25.11 PM.png
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    The Facebook iframe has a fixed width of 500px.
     
  9. Dismal Shadow

    Dismal Shadow Active Member

    Fixed to 360. :)
     

Share This Page