Thursday, February 24, 2011

CSS Pullquotes Continued

blockquote example with brace

I made a png image of a closing brace in Photoshop (Yes, I finally bought another version of it. I should keep the new disk in a bank vault.) which gives us new looks for the pullquote example.

Markup for the pullquote style that uses a brace image:

<div class="suspended">
<div class="suspendedquotebrace">
<blockquote>
The internet is built on a single simple idea: the IP Packet
<span>-CSSBakery.com</span>
</blockquote>
</div>
<div class="linediv"></div>
</div>

For its CSS, see this file.


blockquote example with brace

Example Markup for the pullquote style that uses a brace image on a black background:

<div class="suspended">
<div class="suspendedquotebrace">
<blockquote>
The internet is built on a single simple idea: the IP Packet
<span>-CSSBakery.com</span>
</blockquote>
</div>
</div>
<div class="related_topics">
<h3>
<b>RELATED TOPICS</b></h3>
<ul>
<li><a href="http://www.ietf.org/">Internet Eng'g Task Force</a></li>
<li><a href="http://www.w3.org/Protocols/">Network Engineering</a></li>
</ul></div>

For its CSS, see this file.

Post a Comment