Home > Kansas.gov Standards > Amber Alert Notice

Amber Alert Notice

Add the Kansas Amber Alert notice to your Web site. The alert is a server side include file that resides on Kansas.gov and is displayed when an Amber Alert is activated by the Kansas Bureau of Investigation (KBI).

WARNING: The Web files that you add the notice onto are required to have a .shtml extension to display. The .html file extension will NOT display the content.

Adding the code

If your Web site is hosted with Kansas.gov, place the following HTML code onto your Web pages:

<!--#include virtual="/layout/ksamber/alert_ssi.html" -->

When an Amber Alert is issued by the KBI, the following information will be displayed on your Web site where you placed the HTML code.

Customizing the Amber Alert Notice

You can copy and paste the following pre-customized stylesheet classes into your stylesheet for the look below or change it to your entity's look and feel.

Add the following code to your CSS file or download the css file:
Do not change the actual class names or your Web site will not display the style attributes associated with that class.

/* ----------Amber Alert Styles------------ */

/* Position and styles of the Amber Alert box */
div#AmberAlert {
background: #FFF9E6;
border: #990000 solid 3px;
color: #990000;
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
margin: 0;
padding: 10px;
}

/* Position and styles of the Amber Alert text */
div#AmberAlert p {
margin: 0 0 0 9em;
padding: .3em 0 1em 0;
border-top: #990000 solid 1px;
}

/* Position and styles of the Amber Alert heading */
div#AmberAlert h3 {
font-size: 110%;
font-weight: bold;
margin: 0 0 0 8.20em;
}

/* Style and placement of the Amber Alert image */
div#AmberAlert img {
border: none;
float: left;
margin: .5em 0 0 0;
}

Testing the Amber Alert Notice

To test the Amber Alert notice, place the following HTML code onto your Web pages, but be sure to change it back to the final code listed above to display an activated notice.

<!--#include virtual="/layout/ksamber/alert_forced_ssi.html" -->

< top