Personal Icon Tamer (CSS)

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS FAQ ::: Personal Icon Tamer (CSS)

Topic: Personal Icon Tamer (CSS)

(?)

phalenl80

Registered User
Posts: 495

Posted: 6/26/03 12:28 pm
Personal Icon Tamer (CSS)

Summary: Turn off / resize extra-large personal icons.

Details:
In Netscape / Mozilla browsers, personal icons wider than the limit will be resized. In Internet Explorer, they will be hidden.

HEAD (box #1):

 <style type="text/css">
/* PERSONAL ICON TAMER */
span.title img { max-width: PERSONAL_ICON_MAX_WIDTH; }
span.title img { width: expression(this.width > PERSONAL_ICON_MAX_WIDTH ? this.style.display = "none" : "auto"); }
/* END PERSONAL ICON TAMER */
</style>

Change each instance of the text PERSONAL_ICON_MAX_WIDTH to your maximum allowed personal icon width.

History:
6/26/2003 - written by phalen180

Credits:
written by phalen180
suggested by KHEIRON

Nutrocker

ezboard Moderator
ezSupporter
Posts: 16278

Posted: 10/7/05 2:28 pm
Re: Personal Icon Tamer (CSS)

Someone asked if the same could be done to restrict height and width?

Here is some CSS posted by

Te1emachus

  <style type="text/css">
/* PERSONAL ICON TAMER */
span.title img { max-width: 25; max-height: 25; }
span.title img { width: expression(this.width > 25 ? this.style.display = "none" : "auto"); height: expression(this.height > 25 ? this.style.display = "none" : "auto"); }
/* END PERSONAL ICON TAMER */
</style>

Edited by: Nutrocker at: 10/7/05 2:28 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