Re-sizing the Homepage Message with Widget Toggle Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skin • Return to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
3 posters

    Re-sizing the Homepage Message with Widget Toggle

    reezvaan
    avatar
    reezvaan
    Forumember


    Posts : 27
    Reputation : 1
    Language : English
    • Post n°1

    In progress Re-sizing the Homepage Message with Widget Toggle

    Post by reezvaan March 24th 2013, 1:49 am

    Hello;

    I have added two homepage messages on my homepage through "homepage description". And then I added the widget toggle to my forum (www.pacvwr.forumstopic.com). Now when I toggle the widget (on the right), the homepage resizes itself but the homepage messages dont. How can I make the messages to resize themselves with each toggle?

    Thanks in advance.

    • Back to top
    Jophy
    Jophy
    Jophy
    ForumGuru


    Male Posts : 17924
    Reputation : 836
    Language : English
    Location : Somewhere
    • Post n°2

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by Jophy March 24th 2013, 7:53 am

    Hello,

    Is this the tutorial you added?:
    https://help.forumotion.com/t78898-show-hide-widgets-script

    It works here on the ESF even on the homepage messages.
    • Back to top
    reezvaan
    avatar
    reezvaan
    Forumember


    Posts : 27
    Reputation : 1
    Language : English
    • Post n°3

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by reezvaan March 24th 2013, 6:05 pm

    yes sir that's what I have used. but unfortunately it doesn't seem to work on the homepage messages.
    • Back to top
    Jophy
    Jophy
    Jophy
    ForumGuru


    Male Posts : 17924
    Reputation : 836
    Language : English
    Location : Somewhere
    • Post n°4

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by Jophy March 25th 2013, 9:08 am

    I'm not sure, can you try other themes?
    • Back to top
    reezvaan
    avatar
    reezvaan
    Forumember


    Posts : 27
    Reputation : 1
    Language : English
    • Post n°5

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by reezvaan March 26th 2013, 11:48 am

    ^^^nope, I cant. have a theme designed to go with the club colors and all.
    • Back to top
    Sanket
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai
    • Post n°6

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by Sanket March 26th 2013, 12:51 pm

    What are the codes you used? They seem to be having fixed width.
    • Back to top
    reezvaan
    avatar
    reezvaan
    Forumember


    Posts : 27
    Reputation : 1
    Language : English
    • Post n°7

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by reezvaan March 26th 2013, 3:54 pm

    There are total two messages on the homepage. down below is the code that I used. I want both the messages to autofit once the widget toggle is active.

    Code:
    <!DOCTYPE html>

    <html>

    <head>
    <style type="text/css">
        a { text-decoration: none; }
        a img { border: 0; vertical-align: text-center; }
        </style>
    </head>

    <body>
    <body style="background-color:#555;">
    <table>
    <tr>
    <td>
    <a href="default.php" title="PACVWR ONLINE AIR-COOLED VW REGISTRATION FORM">
    <img border="0" src="http://dl.dropbox.com/u/55558317/PACVWR/image002%20(1).png" alt="PACVWR LOGO" style="float:left" width="50" height="50"> </a>
    </td>
    <td>
    <a <h1 style="text-align:Left; font-size:18px; line-height:30px; font-family:Arial Black; color:black; ">PACVWR AIR-COOLED VW REGISTRATION</h1></a>
    </td>
    </tr>
    </table>

    <iframe src="https://docs.google.com/spreadsheet/embeddedform?formkey=dHZjbE0teXBhT1B1TkdjOV8ya09IZmc6MQ" width="940" height="410" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

    </body>

    </html>

    <br> </br>

    <!DOCTYPE html>

    <html>

    <head>
    <style type="text/css">
        a { text-decoration: none; }
        a img { border: 0; vertical-align: text-center; }
        </style>
    </head>

    <body>
    <body style="background-color:#555;">
    <table>
    <tr>
    <td>
    <a href="default.php" title="PACVWR CONVOY TO 4TH VCCCP CROSS COUNTRY RALLY REGISTRATION">
    <img border="0" src="http://dl.dropbox.com/u/55558317/PACVWR/image002%20(1).png" alt="PACVWR LOGO" style="float:left" width="50" height="50"> </a>
    </td>
    <td>
    <a <h1 style="text-align:Left; font-size:18px; line-height:30px; font-family:Arial Black; color:black; ">PACVWR CONVOY TO 4TH VCCCP CROSS COUNTRY RALLY 2013 REGISTRATION</h1></a>
    </td>
    </tr>
    </table>

    <iframe src="https://docs.google.com/forms/d/1LsRtBhOKXiS-BvAJ_kUUifKeLNrqWUguzwFJF8XenIk/viewform?embedded=true" width="940" height="220" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>

    </body>

    </html><div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=206870962792621";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script><div class="fb-comments" data-href="http://www.pacvwr.forumstopic.com" data-width="922" data-num-posts="10"></div>
    • Back to top
    Sanket
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai
    • Post n°8

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by Sanket March 26th 2013, 3:59 pm

    You should not be adding that whole code which contains the whole html page content. Either ways, those iframes have width set as 940. Hence, they won't take up the space when the widget is hidden.
    • Back to top
    reezvaan
    avatar
    reezvaan
    Forumember


    Posts : 27
    Reputation : 1
    Language : English
    • Post n°9

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by reezvaan March 26th 2013, 4:03 pm

    ^^^is there a way to make iframe's width dynamic to autofit with toggle?
    • Back to top
    Sanket
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai
    • Post n°10

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by Sanket March 26th 2013, 7:07 pm

    I don't think so.
    • Back to top
    reezvaan
    avatar
    reezvaan
    Forumember


    Posts : 27
    Reputation : 1
    Language : English
    • Post n°11

    In progress Re: Re-sizing the Homepage Message with Widget Toggle

    Post by reezvaan March 27th 2013, 1:30 am

    ok thanks. I am thinking there might be a way to port the homepage messages to the bottom of the homepage?

    I just switched to invision from phpbb3.

    Edit:
    P.S.: I have already tried this: http://www.avacweb.com/t137-a-little-html-sidebar-trick-widgets-up-top but it doesn't seem to work.
    • Back to top