Alert Box

[Stronghurst]

How can I put the alerts in the weather alert box.  Right now mine is just a line that says "WEATHER ALERTS" and the alert descriptions are under the menu.  I'm just looking to show the alerts for each area.  Not a description like the menu.  Maybe a line that says where to see the full descriptions.

Mark

[Stronghurst]

Or if this is not available.  Maybe a bigger alert box?

Mark

[drobbins]

AtomFeed-Config.php has the settings on what and how the alerts are displayed.  This is the code that I use for the alert messages:

Code: [Select]

<?php
echo "\n<!-- AtomFeed Alert Box-->";
include("AtomArray.php");
print $alert_box;
echo "\n<!-- end AtomFeed Alert Box-->\n";
?>

[Stronghurst]

Take a peek at my page to see my alert box.

Mark

[linuxfreak]

Mark,

As I remember, the alert box is handled by the css.

Here's what I have in my css to handle the Environment Canada alerts.

Code: [Select]

.advisoryBoxnoactive {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #F7F7CE;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(34,70,79);
}

.advisoryBox {
  color: black;
  font-size: 12px;
  text-align: center;
  background-color: #FFCC00;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(34,70,79);
}
#main-copy .advisoryBox a {
  color: blue;
}
#main-copy .advisoryBox a:hover {
  color: blue;
  background-color: inherit;
 text-decoration: underline;
}

.warningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #CC0000;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(255,255,255);
}
#main-copy .warningBox a {
  color: white;
}
#main-copy .warningBox a:hover {
  color: white;
  background-color: inherit;
  text-decoration: underline;
}

.tornadowarningBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #CC0000;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(255,255,255);
}
#main-copy .tornadowarningBox a {
  color: white;
}
#main-copy .tornadowarningBox a:hover {
  color: white;
  background-color: inherit;
  text-decoration: underline;
}

.endedBox {
  color: white;
  font-size: 13px;
  text-align: center;
  background-color: #66CC66;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(255,255,255);
}
#main-copy .endedBox a {
  color: white;
}
#main-copy .endedBox a:hover {
  color: white;
  background-color: inherit;
  text-decoration: underline;
}

.specialBox {
  color: black;
  font-size: 13px;
  text-align: center;
  background-color: #EEC400;
  margin: 0 0 0 0;
  padding: .5em 0em .5em 0em;
  border: 1px dashed rgb(34,70,79);
}
#main-copy .specialBox a {
  color: blue;
}
#main-copy .specialBox a:hover {
  color: blue;
  background-color: inherit;
  text-decoration: underline;
}

My version of the top warning script puts the text into a <div>

Code: [Select]

<div class="warningBox">using the css class of the type of warning.

Hope this might help. 

George

[drobbins]

Take a peek at my page to see my alert box.

Mark

The text seen when "viewing page source" is different than the php scripts.

[Stronghurst]

The text seen when "viewing page source" is different than the php scripts.

No I meant,  look at my page.  Not the page source.  The actual webpage.  I'm should have been more clear.

I was thinking it was in a css file.  But there are a bunch of them.  I was hoping the setting I wanted was in a central location

Thank you George.  I have a good start now.

Mark