Using filters in posts, usertitles and forum names

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS FAQ ::: Using filters in posts, usertitles and forum names

Topic: Using filters in posts, usertitles and forum names

(?)

atlass

Registered User
ezSupporter
Posts: 122

Posted: 10/25/01 2:51 pm

Using filters in posts, usertitles and forum names

Filters are IE only codes that you can use to create certain effects on text using css.

These filters are as follows:

Glowing Text

Motion Blur

Warped

Flip Vertical

Dropshadow

Shadow

Alpha

Flip Horizontal

Mask

Using these filters in different areas on your board is described in the following posts. These filters can be combined with various other css values, such as typeface colours and sizes.

You should also experiment with different widths.

Edited by: atlass at: 3/18/03 3:57:37 pm

atlass

Registered User
ezSupporter
Posts: 123

Posted: 10/25/01 2:52 pm
posts

Using the following codes, you can insert glowing text and other filters into your posts, or html. These should be experimented with until you're happy with them, since there are so many variables that can be used. Try changing the font family, size, colours and numbered variables. The codes are shown as examples below.

Glowing Text
Glowing Text

Shadow
Motion Blur

Warped
Warped

Flipped
Flipped

Dropshadow
Dropshadow

Motion Blur
Shadow

Alpha
Alpha

Flip Horizontal
Flip Horizontal

Mask
Mask

Edited by: atlass at: 3/18/03 4:04:39 pm

atlass

Registered User
ezSupporter
Posts: 124

Posted: 10/25/01 2:59 pm
Forum Names

You need to do this in a totally different way to user titles, because the Forum names fall within <a> tags. Doing it this way will also allow you to make a change when the user mouses over the link - you could change the colour of the glow, or the colour of the text, etc.

Put the following code in the first box in your custom html section (refer to the posts above for using filters other than glowing text)

  <style type="text/css">

<!-- 



a.title:link {width: inherit; height: 20; Filter: Glow(Color=red, Strength=2) }



a.title:visited {width: inherit; height: 20; Filter: Glow(Color=red, Strength=2) }



a.title:hover {width: inherit; height: 20; Filter: Glow(Color=red, Strength=2) }



--> 

</style>

Edited by: atlass at: 3/18/03 4:05:30 pm

atlass

ezboard Moderator
ezSupporter
Posts: 1073

Posted: 3/4/02 4:49 am
Categories and forum headings

  <style>

.headings font {

width: inherit; 

height: 20; 

Filter: Glow(Color=#XXXXXX, Strength=2); 

background-color: transparent }

</style>

Change #XXXXXX to be your glow colour.

@

Edited by: atlass at: 3/18/03 4:05:52 pm

atlass

ezboard Moderator
ezSupporter
Posts: 2514

Posted: 3/18/03 4:44 pm
User titles

usertitles are best left as plain text where possible, so if you can do all the stying in your stylesheet, then good.

To change all your usertitles to the same look, put the following code in the first box in advanced:

   
<style>

.usertitle { CHOOSE STYLE FROM BELOW }

</style>

Glowing Text
.usertitle { Filter: Glow(Color=#00FF00, Strength=2); width: 100%; }

Motion Blur
.usertitle { Filter: Shadow(Color=#0000FF, Direction=225); width: 100%; }

Warped
.usertitle { Filter: Wave(Add=0, Freq=2, LightStrength=10, Phase=3, Strength=3); width: 100%; }

Flip Vertical
.usertitle { Filter: FlipV; width: 100%; }

Dropshadow
.usertitle { Filter: DropShadow(Color=#FF0000, OffX=2, OffY=2, Positive=1); width: 100%; }

Blur
.usertitle { Filter: Blur(Add = 1, Direction = 225, Strength = 10); width: 100%; }

Alpha
.usertitle { Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0); width: 100%; }

Flip Horizontal
.usertitle { Filter: FlipH; width: 100%; }

Mask
.usertitle { Filter: Mask(Color=#00FF00); width: 100%; }

If you want to have a different look for certain user levels, then give those titles a unique class - put

usertitle

in the user level on the manage membership levels edit page. (You can call the class anything you like, I just used moderator as an example.) Then in your stylesheet define the class as follows:

.moderator { Filter: Glow(Color=#00FF00, Strength=2); width: 100%; }

And so on for the different filters, as shown above.

Edited by: atlass at: 3/18/03 4:06:43 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