Cowlitz County Event Calendar: Learn what is Happening in and around Cowlitz County, WA

Welcome to my online directory, this area is great for SEO descriptions!

Please "like" our Sponsors. We sure do :-)

Calendar:

(calendars which allow public access)

Category:

Calendar title

make title a link to calendar

List events in next , starting .

Limit number of events to (set to 0 for no limit)

Message displayed if there are no events retunred:

Exclude past events

Only show flagged events

Only show the first instance of repeating events

Only show events on days (leave blank for all)
Sunday Monday Tuesday Wednesday
Thursday Friday Saturday

Event notes:

(0=do not display event notes; 1=show full notes text; n>1 = display first n characters of notes)

Date format:

format reference (leave blank for no date)

Time format:

format reference (leave blank for no time)

Link targets:

(n="no, links open the same page", y="yes, open links in a new window", "xxxx" = open links in a frame named 'xxxx', 'popup'= use a JavaScript function to open in new window)


Style: click Update* below to view the applied style*

CSS classes This sketch represents the CSS classes created. thyme_box defines the bounding div for the entire display- use to define borders, fill, etc. thyme_title the title of the calendar and link style if displayed. Use with variants of `thyme_title a:link, thyme_title a:hover`, etc for rollover styles thyme_items defines the unordered list `<ul>...</ul>` for the event list items- use to define the padding/margins for items. thyme_item display of each event note and title, `<li>...</li>` as well as the calendar description, if displayed. thyme_item a: variant for the event title and link style thyme_date defines the display of event start dates


JavaScript:	copy and paste <script language='JavaScript' type='text/javascript' src='http://www.cowlitztoday.com/modules/js_eventlist/elist.php'></script>
Using JavaScript Copy and paste the JavaScript code above into one or more HTML pages exactly where you would like the event list to be displayed.


CSS:
Using a Style Sheet You will need to incorporate the CSS code or linkage in your own HTML files; there are two ways you can do this: Insert the CSS directly into the HTML for the page that will display the event list. This methods is best for sites that only are displaying the event list on one or a few pages. Use the form above to find the style you desire, copy the CSS, and paste it somewhere into the `<HEAD>...</HEAD>` of your HTML file that contains the event list code, surrounded by the `<style>...</style>` tags shown below. <style type="text/css" media="all"> <!-- this is where you paste the CSS provided --> </style> Link to an external style sheet. This method is best if you will be using the event list on multiple pages, as the CSS is stored externally, and thus allows you to change the output display of many pages by editing a single file. Just copy the CSS provided by the form below, and paste it into a new text file. Save it as something called "elist.css". Think smart about where you decided to store this file, as other HTML pages that call it need to define a correct path to the file. Many web sites just create a top level directory named `style` and store all style sheet files in this directory. Regardless, to connect the HTML file that contains the event list code to an external style sheet, insert this line into the `<HEAD>...</HEAD>` of your HTML. <link rel="stylesheet" href="style/elist.css" media="all"> Remember again that the value of `href=` must be a correct relative path (or a full valid URL such as http://www.blah.com/style/elist.css) from the HTML file to the CSS file.

Welcome to my online directory, this area is great for SEO descriptions!

CSS classes

Using JavaScript

Using a Style Sheet

Community Calendar | CITY DIRECTORIES