Drop Caps

By WhiteKnight82WhiteKnight82

Description

An easy way to create a magazine-style dropped cap at the beginning of a paragraph.

Tip:
Find a colour's hex code @ http://www.colorschemer.com/online.html and experiment!

Code

[[span style="float:left;color:#D4D4C7;font-size:80px;line-height:70px;padding-top:2px;padding-right:5px;font-family: times, georgia;"]]L[[/span]]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis lacus, ullamcorper luctus, lobortis a, imperdiet eget, lorem. Suspendisse volutpat ipsum eget nibh. Aenean nibh orci, ornare non, mollis mollis, lobortis ut, sapien. Fusce aliquam orci in ligula. Proin vehicula magna. Mauris lacinia. Quisque non arcu id nulla volutpat interdum. Sed a diam et libero euismod rhoncus.
[[span style="float:left;color:#FF3300;font-size:80px;line-height:70px;padding-top:2px;padding-right:5px;font-family: times, georgia;"]]L[[/span]]orem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis lacus, ullamcorper luctus, lobortis a, imperdiet eget, lorem. Suspendisse volutpat ipsum eget nibh. Aenean nibh orci, ornare non, mollis mollis, lobortis ut, sapien. Fusce aliquam orci in ligula. Proin vehicula magna. Mauris lacinia. Quisque non arcu id nulla volutpat interdum. Sed a diam et libero euismod rhoncus.

In action

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis lacus, ullamcorper luctus, lobortis a, imperdiet eget, lorem. Suspendisse volutpat ipsum eget nibh. Aenean nibh orci, ornare non, mollis mollis, lobortis ut, sapien. Fusce aliquam orci in ligula. Proin vehicula magna. Mauris lacinia. Quisque non arcu id nulla volutpat interdum. Sed a diam et libero euismod rhoncus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec turpis lacus, ullamcorper luctus, lobortis a, imperdiet eget, lorem. Suspendisse volutpat ipsum eget nibh. Aenean nibh orci, ornare non, mollis mollis, lobortis ut, sapien. Fusce aliquam orci in ligula. Proin vehicula magna. Mauris lacinia. Quisque non arcu id nulla volutpat interdum. Sed a diam et libero euismod rhoncus.


Thanks to tsangk for this great snippet: conditional-blocks


text above inserted with:

[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]



Other snippets posted by WhiteKnight82


Rate this solution

If you think this solution is useful — rate it up!

rating: +18+x
Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License