Blog | Visionary Labs |

Hello World

ello World, My first blog entry on my new site. This site is running on BBCMS, a custom made content management system by yours truly. BBCMS works with php mySQL.

CSS Drop Caps

ss drop cap trick. save each letter of your drop cap font as a png or jpg. Use this code to change the first letter to a drop cap:


<div class="drop a"><span>a</span></div>

And here is the css code for the whole alphabet

.drop
{
width: 60px;
height: 60px;
float: left;
margin-top: -20px;
background: top right no-repeat;
}

.drop span
{
display: none;
}

.drop.a{background-image: url(images/dropcaps/a.png);}
.drop.b{background-image: url(images/dropcaps/b.png);}
.drop.c{background-image: url(images/dropcaps/c.png);}