Forum Preview

04/03/11 02:15pm

Dave Parent

Anonymous

How can I cause system messages to appear on top of the site as opposed to within the site? I have an image that extends from the header into the site content area. So when a system message is generated, it breaks the image. It seem to me the solution would be to have the messages appear on top of the site. When the user clicks the site or refreshes, it should disappear.

Will someone give me a heads up on how to do this? As usual, much appreciated.

04/03/11 05:57pm

Status: offline

Roccivic

Forum User

Moderator

Registered: 05/19/10

Posts: 136

I'm assuming here that you use a professional theme or something based on it... So, as a quick-and-dirty fix, try the following.

Navigate to public_html/layout/

In the file blockheader-message.thtml change:

Text Formatted Code
<div style="font-weight:bold;width:95%;margin:10px;border:1px solid black;">

    <div style="padding:5px;color:#FFFFFF;background:url({layout_url}/images/header-bg.png) #1A3955;">

        <span class="floatright">{block_help}</span>

        {showhide}

        {block_title}

    </div>

    <div style="padding:5px 15px 5px 15px;border-top:3px solid black;background:#E7E7E7;">

Text Formatted Code
<div id="block_msg">

    <div style="font-weight:bold;width:80%;margin:4px auto;border:1px solid black;">

        <div style="padding:5px;color:#FFFFFF;background:url({layout_url}/images/header-bg.png) #1A3955;">

            <span class="floatright">{block_help}</span>

            {showhide}

            {block_title}

        </div>

        <div style="padding:5px 15px 5px 15px;border-top:3px solid black;background:#E7E7E7;">

then, in the file blockfooter-message.thtml change:

Text Formatted Code
    </div>

</div>

to:

Text Formatted Code
        </div>

    </div>

</div>

and finally, in the file footer.thtml change:

Text Formatted Code
            <!-- End Content Area -->

            </td>

            {right_blocks}

        </tr>

    </table>

    {centerblockfooter-span}

    <table cellpadding="0" cellspacing="0" width="100%" class="footer-divider-top">

        <tr>

            <td class="footerblock alignleft" style="width:70%;">

                {copyright_notice}

            </td>

            <td class="footerblock alignright" style="width:30%;">

                {powered_by} <a href="{geeklog_url}">Geeklog</a>&nbsp;<br{xhtml}>{execution_textandtime}&nbsp;

            </td>

        </tr>

    </table>

{plg_footercode}

</body>

</html>

to:

Text Formatted Code
            <!-- End Content Area -->

            </td>

            {right_blocks}

        </tr>

    </table>

    {centerblockfooter-span}

    <table cellpadding="0" cellspacing="0" width="100%" class="footer-divider-top">

        <tr>

            <td class="footerblock alignleft" style="width:70%;">

                {copyright_notice}

            </td>

            <td class="footerblock alignright" style="width:30%;">

                {powered_by} <a href="{geeklog_url}">Geeklog</a>&nbsp;<br{xhtml}>{execution_textandtime}&nbsp;

            </td>

        </tr>

    </table>

{plg_footercode}

<script type="text/javascript">

    var e = document.getElementById('block_msg');

    var c = e.innerHTML;

    e.innerHTML = '';

    var b = document.getElementsByTagName('body')[0];

    b.innerHTML = c + b.innerHTML;

</script>

</body>

</html>

Rouslan