Main
Home
Contact Staff
Request
Graphics Directory

Site
Updates Archive
Previous Requests
History
FAQ
Terms
Previous Layouts
Staff
Affiliates
Credits
Link Back

Graphics
Avatars
Banners
MS Paint
Posters
Textures
Transparencies
Wallpapers
Miscellaneous

Drifting Designs Tutorials > > Coding > > HTML > > Opaque Text




Opaque Text


Take a look at the text below. Do you see how it's opaque (transparent)?

Opacity


You can achive this opaque effect with HTML by adding the following code into the Body part of your webpage, where you want the text to be.



Replace the following -
  • Where it says "150" after width, change that to the number of pixels wide you want the text span to be (the maximum space it can take up on the screen).
  • Where it says "50" after height, change that to the number of pixels tall you want the text span to be, or leave it as 50, so long as your text size is moderate or small.
  • Where it says "20pt" after font-size, change that to the number specifying the size of your text.
  • Where it says "Verdana" after font-family, change that to the font type you want your opaque text to be.
  • Where it says "#FFFFFF" after color, change that to the color you want your text to be.
Layouts
Div Layouts
Frames Layouts
Pop-Up Layouts
Table Layouts

Neopets
Shop Signs
Guild Layouts
Full Page Layouts
Miscellanous

Tutorials
Coding
Graphics
Other

Hosted
Hosted by: