Block css issues...

[ThePolo]

So, I've got the install working properly, and really impressed with it so far. However, the Nuke Block is giving me a slight problem...

At my site www.aman-thul.com (http://www.aman-thul.com), the background for pop-ups shows as blue with a blue border, but I swear that the css is set up for black background (000000) and gray border (212121). Am I missing something in another file (the system.css perhaps?) that's controlling these backgrounds?

/* Pop-up Events Setup */
.popupDate {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFCC;
text-align: left;
background-color: #212121;
}
.popupEventTitle {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
padding: 2px;
vertical-align: middle;
}
.popupEventTime {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #CC9900;
font-weight: normal;
background-color: #323232;
border: 1px solid #212121;
padding: 1px;
}
.popupEventDescription {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #CC9900;
font-weight: normal;
background-color: #323232;
border: 1px solid #000000;
padding: 2px;
}

.popupEventDate {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #FFFFCC;
text-align: center;
vertical-align: middle;
background-color: #212121;
border: 1px solid #000000;
padding: 1px;
}
.popupEnd {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #212121;
}
.popupClose {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #FFFFCC;
text-align: right;
background-color: #212121;
}
.popupCloseBrackets {
font-family: Geneva, Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
text-align: right;
background-color: #212121;
}
/*

Any help would be appreciated.

[Brian]

I think those color settings are in the Setup Manager under the Pop-ups page.

[ThePolo]

Sorry... I should have also mentioned that both of those are currently set to black (000000).

[Brian]

If you set your demo.php file to show the TOC mode, do the pop-ups appear correctly on that page?

[ThePolo]

Yes, it does:

http://www.aman-thul.com/calendar/

Shows up differently there, than on the front page, which makes me think that I'm missing something.

[Brian]

So, it's probably some CSS on your existing page that is overriding the CSS of the calendar. Could be javascript too...

You may want to try selectively removing your CSS/javascript until you find the culprit.

[ve9gra]

Could you enable the on-click popups? If those popups are getting the same colors, I'm sure we'll be able to figure it out. I'll be unavailable for a few hours, but as soon as I'm back, I'll check this thread to see if I can't find which CSS is causing you problems.

[ThePolo]

Hmm... okay. I enabled on-click pop-ups, and they look fine. No weird colored backgrounds. The style.css in my theme has only the 4 base colors in it (black, gray, yellow and ****).

I'm wondering if the theme I'm using has some left-overs from the 'traditional' theme buried in there somewhere that wouldn't be seen under normal use, but might be cropping up now. Looks like I have some digging to do...

[ThePolo]

Just noticed something strange. On a whim I decided to change the Border Width on the On-mouseover Pop-up (overLIB) settings to 0, and the border thickness on the main page did not change (although when I browsed to www.aman-thul.com/calendar (http://www.aman-thul.com/calendar) it did).

I verified this again by changing the thickness to 10. Again, main page didn't change, the other did. I also noticed that the 'sticky' attribute doesn't carry over to the front page, either.

Is this normal?

[Brian]

In looking at your source code, I see:

<script type="text/JavaScript">
var ol_vauto=1;
</script>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div><script type="text/JavaScript" src="/calendar/overLIB/overlib_mini.js"><!-- overLIB (c) Erik Bosrup --></script><script type="text/JavaScript">

var ol_vauto=1; is only one of the many attributes that should be set for the mouseover.

Do you have this section in your calendar.php file?

echo "<script type=\"text/JavaScript\">\n";
if (isset($ol_width)) echo " var ol_width=$ol_width;\n";
if (isset($ol_delay)) echo " var ol_delay=$ol_delay;\n";
if (isset($ol_fgcolor)) echo " var ol_fgcolor=\"#$ol_fgcolor\";\n";
if (isset($ol_bgcolor)) echo " var ol_bgcolor=\"#$ol_bgcolor\";\n";
if (isset($ol_offsetx)) echo " var ol_offsetx=$ol_offsetx;\n";
if (isset($ol_offsety)) echo " var ol_offsety=$ol_offsety;\n";
if (isset($ol_border)) echo " var ol_border=$ol_border;\n";
if ($ol_fixx!=0) echo " var ol_fixx=$ol_fixx;\n";
if ($ol_fixy!=0) echo " var ol_fixy=$ol_fixy;\n";
if ($ol_sticky!=0 || $showTheme=="system") echo " var ol_sticky=1;\n";
if ($ol_anchor==1) echo " var ol_anchor=\"escOL\";";
if ($ol_anchor==1) echo " var ol_anchoralign=\"ul\";";
echo " var ol_vauto=1;\n";
Are you using the $OL=1 to add the mouseover code to your page?

(The $OL=1 code should actually be added just after the <body> tag.)

[ThePolo]

Okay... by opening up the overlib_mini.js and editing var ol_fgcolor, var ol_closecolor, and var ol_bgcolor I was able to get the desired colors to appear. Thanks for the poke in the right direction!

Now I just need to figure out where to modify to get the navigation arrows to change from pointing to the preceeding/current/following months (http://www.aman-thul.com/modules.php?mo=11&yr=2005) and instead point to the EPC Calendar module... (http://www.aman-thul.com/modules.php?name=Calendar).

Can this be done? Or is it located in the 'protected' code?

[Brian]

Just use the $thisFile option:

$thisFile = "modules.php?name=calendar";

Add this before requiring the calendar on your page.

[ThePolo]

Okay... now it's linking to Calendar... but it's still bombing out somewhere and giving me the 'this page doesn't exist'...

Linking to: http://www.aman-thul.com/modules.php?name=calendar?op=modules&mo=11&yr=2005

Is there a way to just strip the mo/yr variable?

[Brian]

Try this:


$thisFile = "modules.php?name=calendar&";

Notice the & sign.

[ThePolo]

Worked! Has anyone told you recently that ya'll rock?

The support I got today alone was worth the price of admission. :clap:

Thanks, folks!

[servant]

where exactly do we put the
$thisFile = "modules.php?name=calendar&";
is it in theblock-calendar file?
btw you do rock!!!

[ve9gra]

Are you having a problem with your navigation arrows? These instructions were for the calendar module and not the block..