Styling global ezAnnouncements

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS FAQ ::: Styling global ezAnnouncements

Topic: Styling global ezAnnouncements

(?)

chrish18

ezSupporter
Posts: 464

Posted: 3/25/04 4:50 pm
Styling global ezAnnouncements

ezboard only provides one class for the ezannouncement (.globalannouncement) and it only gives this class to one td and only on the main page, none within a forum.

You can use this little workaround so you can style it the way you like.

Firstly, in your boards general announcement (in general settings) put this as the last thing in there

  
<div id='global'>

Then you can use something like the following style sheet (in your custom <head>) to change the styles of the announcement on the main page and forum listings of your board (differently etc if you wish)

  
<style type="text/css">

/* global announcement border on main page */
#global .globalannouncement {
  background-color:#00ff00;
}

/* background colour of td containing announcement text in forum */
#global .globalannouncement td {
  background-color:#00ff00;
}

/* colour of announcement text on main page */
#global .globalannouncement font {
  color:#000000;
}

/* 'Important ezAnnounement:' text on main page */
#global .globalannouncement b {
  display:block;
  text-align:center;
  line-height:2;
}

/* border colour of announcement in forum */
#global td {
  background:#00ff00;
}

/* background colour of td containing announcement text in forum */
#global td td {
  background:#00ff00;
}

/* colour of announcement text in forum */
#global td font {
  color:#000000;
}

/* 'Important ezAnnouncement:' text in a forum */
#global td font font b {
  color:#000000;
  display:block;
  text-align:center;
  line-height:2;
}
</style>

Edited by: chrish18 at: 3/25/04 4:56 pm

::: Topic Commands

<< Prev Topic | Next Topic >>

Icon Legend

:::Reply to Post Button

:::Edit Post Button

:::Delete Post Button (Moderator Only)

:::Subscribe to Thread Button

:::Email to Friend Button

- Cool Tips & Tricks - CSS FAQ -

ezboard Help Communities:

Help Forums Bug Base