vuvuzela | code

Col 1
Lorem ipsum

Col 2
Lorem ipsum

Col 3
Lorem ipsum

Basics

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat enim et dui mattis, sed ultrices nisi dignissim. Sed a diam est. Aliquam dignissim ligula ligula, vitae convallis tortor fringilla non. Vestibulum mollis dolor lacus, eu hendrerit neque malesuada a. Integer risus metus, fringilla nec felis at, convallis suscipit quam. Suspendisse posuere turpis ut ligula ultricies rutrum. Vestibulum id convallis arcu, eu auctor ex. Maecenas id sem a enim molestie aliquet. Quisque imperdiet luctus odio eu auctor. Etiam a tempor arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc sagittis nunc ligula, in laoreet magna imperdiet sit amet. Aenean in hendrerit massa. Morbi pharetra pharetra purus id laoreet.

Thing by username / Nav by vuvuzela

3-col

<raw-code><div style="width:514px;margin:0 auto;">
<div style="background:url('http://i.imgur.com/1bvmU2L.png');padding:10px;border:1px solid #ccc">
<img src="https://38.media.tumblr.com/eed1788bf259f0a14651606a7fa7ee21/tumblr_mfkoldWPKs1rcru73o1_500.gif" style="max-width:100%!important;">

<div style="height:100px;text-align:center;margin:10px 0;">
<div style="width:31%;height:100%;background:url('http://i.imgur.com/lbTan1V.png');display:inline-block;vertical-align:top;">
<span style="color:#333;font:20px impact;letter-spacing:10px;">Col 1</span> <br />
Lorem ipsum
</div>

<div style="width:31%;height:100%;background:url('http://i.imgur.com/lbTan1V.png');display:inline-block;margin:0 11px;vertical-align:top;">
<span style="color:#333;font:20px impact;letter-spacing:10px;">Col 2</span> <br />
Lorem ipsum
</div>

<div style="width:31%;height:100%;background:url('http://i.imgur.com/lbTan1V.png');display:inline-block;vertical-align:top;">
<span style="color:#333;font:20px impact;letter-spacing:10px;">Col 3</span> <br />
Lorem ipsum
</div></div>

<div style="background:url('http://i.imgur.com/lbTan1V.png');"><center>
</raw-code><lj-cut text="permissions"><raw-code>
<table width=100%;><tr><td></raw-code>
<span style="color:#333;font:20px impact;letter-spacing:10px;">Basics</span>
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat enim et dui mattis, sed ultrices nisi dignissim. Sed a diam est. Aliquam dignissim ligula ligula, vitae convallis tortor fringilla non. Vestibulum mollis dolor lacus, eu hendrerit neque malesuada a. Integer risus metus, fringilla nec felis at, convallis suscipit quam. Suspendisse posuere turpis ut ligula ultricies rutrum. Vestibulum id convallis arcu, eu auctor ex. Maecenas id sem a enim molestie aliquet. Quisque imperdiet luctus odio eu auctor. Etiam a tempor arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc sagittis nunc ligula, in laoreet magna imperdiet sit amet. Aenean in hendrerit massa. Morbi pharetra pharetra purus id laoreet.
</blockquote></td></tr>
</table></lj-cut><br /></div></div><div style="font:10px courier;text-align:right;">Thing by <a href="CREDIT">username</a> / Nav by <a href="http://vuvuzela.dreamwidth.org/">vuvuzela</a> <br />
</div>

2-col

<raw-code><div style="width:100%;max-width:500px;margin:0 auto;">
<div style="background:url('http://i.imgur.com/Er8kgtj.png');padding:10px;border:1px solid #ccc">
<img src="https://38.media.tumblr.com/eed1788bf259f0a14651606a7fa7ee21/tumblr_mfkoldWPKs1rcru73o1_500.gif" style="max-width:100%!important;">

<div style="height:80px;text-align:center;margin:10px 0;">
<div style="width:49%;height:100%;background:url('http://i.imgur.com/lbTan1V.png');display:inline-block;vertical-align:top;">
<span style="color:#333;font:20px impact;letter-spacing:10px;">Col 1</span> <br />
Lorem ipsum
</div>

<div style="width:49%;height:100%;background:url('http://i.imgur.com/lbTan1V.png');display:inline-block;margin:0 0 0 5px;vertical-align:top;">
<span style="color:#333;font:20px impact;letter-spacing:10px;">Col 2</span> <br />
Lorem ipsum
</div>

</div>

<div style="background:url('http://i.imgur.com/lbTan1V.png');"><center>
</raw-code><lj-cut text="permissions"><raw-code>
<table width=100%;><tr><td></raw-code>
<span style="color:#333;font:20px impact;letter-spacing:10px;">Basics</span>
<blockquote>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consequat enim et dui mattis, sed ultrices nisi dignissim. Sed a diam est. Aliquam dignissim ligula ligula, vitae convallis tortor fringilla non. Vestibulum mollis dolor lacus, eu hendrerit neque malesuada a. Integer risus metus, fringilla nec felis at, convallis suscipit quam. Suspendisse posuere turpis ut ligula ultricies rutrum. Vestibulum id convallis arcu, eu auctor ex. Maecenas id sem a enim molestie aliquet. Quisque imperdiet luctus odio eu auctor. Etiam a tempor arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc sagittis nunc ligula, in laoreet magna imperdiet sit amet. Aenean in hendrerit massa. Morbi pharetra pharetra purus id laoreet.
</blockquote></td></tr>
</table></lj-cut><br /></div></div><div style="font:10px courier;text-align:right;">Layout by <a href="https://inconformista.dreamwidth.org/14287.html">inconformista</a> / codes by <a href="http://vuvuzela.dreamwidth.org/">vuvuzela</a> / gif by <a href="https://joltron.tumblr.com/post/176843187703/copilotsheith-i-love-one-1-man">copilotsheith</a><br />
</div>

Information
• Similar and even more backgrounds can be found at here
• This is a VERY fickle code and is meant to take advantage of the pre-established code set up by whatever DW journal you're currently using. Changes are, you're going to have to work with the code to make it look good.
• For examples of it with a layout, check out Here or here
• If you would like a two column version (like in the second preview) please let me know! I'll set it up for you.

code

no subject

no subject