Welcome to Geeklog, Anonymous Monday, December 30 2024 @ 12:11 pm EST
Geeklog Forums
System Message Placement
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.
Will someone give me a heads up on how to do this? As usual, much appreciated.
17
14
Quote
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:
<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;">to
<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:
</div>to:
</div>
</div>
and finally, in the file footer.thtml change:
</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> <br{xhtml}>{execution_textandtime}
</td>
</tr>
</table>
{plg_footercode}
</body>
</html>to:
</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> <br{xhtml}>{execution_textandtime}
</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
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>
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> <br{xhtml}>{execution_textandtime}
</td>
</tr>
</table>
{plg_footercode}
</body>
</html>
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> <br{xhtml}>{execution_textandtime}
</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
13
12
Quote
Dave Parent
Anonymous
Thanks very much! I will give this a try and then report back in case someone else needs this advice. Thanks again!
13
13
Quote
Dave Parent
Anonymous
It works! THANKS SO MUCH!!!
14
11
Quote
Dave Parent
Anonymous
Ah!! There is a small white space still left across the page in the story section (beneath the heading stuff). This exists as long as the system message is on the top. I thought it would be easy to locate. But I can't seem to find it. Is there a template that is active while the system message is displaying that I need to edit?
Sorry about asking this. Still trying to locate the issue for myself.
Sorry about asking this. Still trying to locate the issue for myself.
15
11
Quote
All times are EST. The time is now 12:11 pm.
- Normal Topic
- Sticky Topic
- Locked Topic
- New Post
- Sticky Topic W/ New Post
- Locked Topic W/ New Post
- View Anonymous Posts
- Able to post
- Filtered HTML Allowed
- Censored Content