PC Playground  

Go Back   PC Playground > General > Chat
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 01-22-2005, 02:08 AM
Bru Bru is offline
Member
 
Join Date: Jan 2005
Posts: 40
Default CSS: Text/link Filters [blur, glow, flip, xray, etc]

I feel like postin somethin in this piece, so dis is it

Now the way I be postin this code doesn't matter, becasue diferent sites got different ideas about CSS/HTML. Like you guys. Instead of [b] being the correct code bracket [b] is the correct code bracket here. why y'all made it like that, nobody knows, but other sites tend to do the same thing when it comes to the small details of coding. Now when it comes to shadows, don't forget that you can creat alternate drop and teither side radiuses *_*

Names of filters:

Blur, glow, flipv, fliph, invert, gray, xray, shadow, drop shadow. These are usually used in a hover link effect.

Another effect, for regular text is the Alpha Channel

<span style="width: 357; height: 50; font-size: 18pt; font-family: Arial Black; color: red; Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">""my spoon is too big!""</span>

Neat huh? I don't think it'll show the effects since this site uses [] as tags, but just incase, let me know if the code isn't being shown.

Here's the Drop Shadow

<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: DropShadow(Color=FF0000, OffX=2, OffY=2, Positive=1)">"I am a banana!"</span>

Flip V

<span style="width: 300; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: FlipV">"I am a banana!"</span>

Flip H

<span style="width: 300; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: FlipH">"I am a banana!"</span>

Glow(One of my favs)

<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: red; filter: Glow(Color=00FF00, Strength=20)">"I am the queen of France."</span>

Grayscale

<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: Gray">"I am the queen of France."</span>

Shadow

<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: Shadow(Color=00FF00, Direction=225)">"My Anus Is Bleeding!"</span>

Xray

<span style="width: 357; height: 50; font-size: 36pt; font-family: Arial Black; color: red; Filter: xray">"For the Love Of GOD and All that is HOLY! MY ANUS IS BLEEDING!"</span>

Below are codes to use alpha opacities on images

Fade Right
[img]PIC_URL[/img]

Fade into a Circle
[img]PIC_URL[/img]

Fade into a Square
[img]PIC_URL[/img]

You can add height and width in the pictures if you'd like, which would look like this:
[img]PIC_URL[/img]
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



All times are GMT. The time now is 10:36 AM.


Powered by vBulletin Version 3.6.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.