Pages

Monday, February 14, 2011

jQuery Plugin - Image Articles

<script src="jquery-1.5.js"></script>

<div id="satu">
<img src="nature.jpg" width="200px;" align="left"/><h3>Nature</h3><p>What we do love here. And we can do more for this one. This is just for the beginning for this one.</p>
</div>

<style>
#satu { width: 300px; overflow: auto; }
#satu img { width: 100px; margin: 0 10 10 0px; -moz-border-radius: 4px; border: 0px solid #aaa; }
#satu, div, h3, p { margin: 0px; }
#satu { border: 1px solid #aaa; padding: 10px; -moz-border-radius: 4px; -moz-box-shadow: 0 0 2px #aaa; font-family: sans-serif; }
#satu h3 { font-size: 16px; color: #222; margin: 0 0 5px; }
#satu p { font-size: 12px; color: #444; }

</style>

No comments:

Post a Comment