Support > cpg1.5 themes (visuals)

[Invalid]: Curves - message box

(1/2) > >>

AndrewC:
Curves is a nice theme but trying it out it seems that there is some  space reserved under the menus for when the message box might be present, and it seems there no way to close the box. Am I missing something ?  I get a message such as "welcome user" but I don't want to keep it there for ever.

Andrew

Joachim Müller:
Yes, that space is reserved. You're welcome to post your suggestions how to change this. Meanwhile, do as suggested per board rules. You've been told so before several times. Start respecting board rules.

mjg:
I found the reserved space annoying. Until there is another solution, and if you don't need a message box, this works:

1) Edit the theme's style.css at line 83 and change min-height: 95px; to 25px.
2) Remove {MESSAGE_BLOCK} from template.html

Joachim Müller:
The CSS attribute min-height is not supported in all browsers, that's why using it is not an option. Getting rid of the placeholder token {MESSAGE_BLOCK} is of course silly and not recommended. For you the same thing applies that has been said above: respect board rules in the future. Locking and marking thread accordingly.

AndrewC:
I'm not sure I know all the rules to avoid incurring the wrath of the gods but ..

I found the space reserved in "Curves" for the message box annoying. My work around is as can be seen on my gallery at http://www.tirpor.com/cpg_public/index.php is:

1) In the style sheet I:

- reduced the header_block_inner min-height to 35px
- added a new style for the message block with no min-height

--- Code: ---#cpg_header_block_outer div.cpg_header_block_inner {
background-color: transparent;
background-image: url(images/main_block_tirpor.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 100% -633px;
display: block;
padding-top: 10px; /* mod */
padding-right: 20px;
padding-bottom: 0pt;
padding-left: 0px;
min-height: 35px; /**mod from 95 */
}

#tirpor_message_block { /* mod */
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 0px;
}

--- End code ---

2) Edited the background-image to reduce the height of the gradient to just span my normal menu text and "fit" the new min-height.

3) moved the {message_block} into its own division.


--- Code: --- <div id="cpg_header_block_outer">
<div class="cpg_header_block_inner" style="border-bottom:1px solid white">
<div id="main_menu">
<ul class="dropmenu">
{SYS_MENU}
{SUB_MENU}
</ul>
<ul class="dropmenu">
{ADMIN_MENU}
</ul>
</div>
             <!-- MOD
            <div id="tirpor_message_block">
        {MESSAGE_BLOCK}
        </div>
            -->
<div class="clearer"></div>
</div>
</div>

--- End code ---

It seems to work for me. If a message is needed, space opens up for it and collapses when not used. It works in Firefox but in IE there is an annoying line that appears under the menu.

What I don't how to do is add code to let you click on the message box and make it disappear.

I wanted to add this to my original thread but that has been locked and marked invalid for some reason.

If this is a good solution let me know and I'll mark bit closed.

rgds,

Andrew

Navigation

[0] Message Index

[#] Next page