Site Nav Links
- Home
- About
- Portfolio
- FAQs
- Quote Form
- Tutorials
- Designs
- Tools
Off Site Links
« Links open in new window/tab »
- DOM Reference
- CSS Reference
- CSS Library
- Image Optimizer
- Favicon Generator
Cool Links
« Links open in new window/tab »
- My FreeLancer Profile
- My Google Ad
- My Golden Oldies
- My WebShots Albums
- Inquiring Minds
- My ImageShack
- My Facebook
- My HubDub
- Aim Greenland
- PhotoBucket
- Helter Skelter
- HS Treasures
- Ceece's Articles
- GifWorks
- Games
- My Slingo
- Videos
- Music
- RSS Feeds
- StumbleUpon - Lots of Fun!
- World Sunlight Map
- Web Site Clocks
Monitor Page for Changes
Drop Cap Examples
PayneLess Designs
Example 1: Green Drop Cap (80 Pixels)
This is a drop cap with a green background, white text and darkgreen border. Code used:style="margin-right: 6px; margin-top: 5px; float: left; color: #fff; background: #0f0; border: 1px solid #006800; font-size: 80px; line-height: 60px; padding-top: 2px; padding-right: 5px; font-family: times;"
Example 2: Firebrick Drop Cap (80 Pixels)
This is a drop cap with a firebrick background color, white text and white border. Code used:style="margin-right: 6px; margin-top: 5px; float: left; background: #b22222; border: 1px solid #fff; color: #fff; font-size: 80px; line-height: 60px; padding-top: 2px; padding-right: 5px; font-family: times;"
Example 3: Navajo White Drop Cap (80 Pixels)
This is a drop cap with a NavajoWhite background color, blue text and dark blue border. Code used:style="margin-right: 6px; margin-top: 5px; float: left; background: #ffdead; border: 1px solid #00008b; color: #00f; font-size: 80px; line-height: 60px; padding-top: 2px; padding-right: 5px; font-family: times;"
Example 4: Drop Cap with Image Background (80 Pixels)
T
his is a drop cap with an Image Background, blue text and dark blue border. Code used: style="margin-right: 6px; margin-top: 5px; float: left; background: url(image_name.jpg) no-repeat; border: 1px solid #00008b; color: #00f; font-size: 80px; line-height: 60px; padding-top: 2px; padding-right: 5px; font-family: times;"
Example 5: Drop Cap with Animated Image Background (80 Pixels)
T
his is a drop cap with an Animated Image Background, blue text and dark blue border. Code used: div style="margin-right: 6px; margin-top: 5px; float: left; background: url(image_name.gif) repeat-y; border: 1px solid #00008b; color: #00f; font-size: 80px; line-height: 60px; padding-top: 2px; padding-right: 5px; font-family: times;"
T
hese are only a few possibilities of what you can do to dress up your text. Just modify the code(s) provided here to suit your tastes.
If you have found any services on my site to be beneficial and would like to donate, please feel free to donate ANY amount you want. Thank you very much.
