Drop Caps

By WhiteKnight82 WhiteKnight82

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

[[spanstyle="float:left;color:#D4D4C7;font-size:80px;line-height:70px;padding-top:2px;padding-right:5px;font-family: times, georgia;"]]L[[/span]]oremipsumdolorsitamet, consecteturadipiscingelit. Donecturpislacus, ullamcorperluctus, lobortisa, imperdieteget, lorem. Suspendissevolutpatipsumegetnibh. Aeneannibhorci, ornarenon, mollismollis, lobortisut, sapien. Fuscealiquamorciinligula. Proinvehiculamagna. Maurislacinia. Quisquenonarcuidnullavolutpatinterdum. Sedadiametliberoeuismodrhoncus.

[[spanstyle="float:left;color:#FF3300;font-size:80px;line-height:70px;padding-top:2px;padding-right:5px;font-family: times, georgia;"]]L[[/span]]oremipsumdolorsitamet, consecteturadipiscingelit. Donecturpislacus, ullamcorperluctus, lobortisa, imperdieteget, lorem. Suspendissevolutpatipsumegetnibh. Aeneannibhorci, ornarenon, mollismollis, lobortisut, sapien. Fuscealiquamorciinligula. Proinvehiculamagna. Maurislacinia. Quisquenonarcuidnullavolutpatinterdum. Sedadiametliberoeuismodrhoncus.

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
page revision: 4, last edited: 15 Feb 2012 00:48
Discuss (0)
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License
Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).

AltStyle によって変換されたページ (->オリジナル) /