table codes 009

[chimney]

THREE IN ONE because i didn't want to spam with posts.

undercurrents is not as complex as it looks... this one and easy to swallow are really just bulky with border radius codes. the IMG tags are in caps so they should be easy to locate.

iconic is really nice and simple and comes with IMPACT.

undercurrents

code.	with quotes <Table style="width:680px;"><tr> <td style="padding-bottom:15px;"><div style="height:100px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; background:#ddd;"><IMG SRC="http://www.dreamwidth.org/userpic/3056341/1561313" style="width:60px; height:60px; border: 20px solid #222; float:left;-webkit-border-top-left-radius: 30px; -moz-border-radius-topleft: 30px; border-top-left-radius: 30px;"><div style="font-family:palatino linotype; line-height:1.2em; padding:30px 20px 0px 120px;text-align:center;font-size:12pt; font-style:italic; text-transform:lowercase;">" QUOTE QUOTE QUOTE."</div></div> <div style="width:250px;padding:10px 40px 20px 40px;font-family:palatino linotype; font-size:10pt; line-height:1.4em; border-bottom:1px solid #ddd;-webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;"><span style="font-size:14pt;"><span style="font-size:16pt;font-weight:bold; font-style:italic;">N</span>ame name</span> <span style="font-size:10pt; text-transform:uppercase;"><span style="font-weight:bold; font-style:italic;">c</span>anon series</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus sodales nisi. Phasellus ornare ullamcorper justo nec venenatis. Curabitur malesuada sapien a lorem vehicula luctus. Suspendisse potenti. Nulla congue semper tellus sit amet fringilla. Duis vitae ante nec enim elementum rhoncus.</div> <div style="text-align:center;font-size:8pt; font-family:palatino linotype;"><a href="" style="text-decoration:none; color:#000; text-transform:uppercase;">link</a> | <a href="" style="text-decoration:none; color:#000; text-transform:uppercase;">link</a></div></td> <td style="padding-bottom:15px;"><div style="height:100px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; background:#ddd;"><IMG SRC="http://www.dreamwidth.org/userpic/3056341/1561313" style="width:60px; height:60px; border: 20px solid #222; float:left;-webkit-border-top-left-radius: 30px; -moz-border-radius-topleft: 30px; border-top-left-radius: 30px;"><div style="font-family:palatino linotype; line-height:1.2em; padding:30px 20px 0px 120px;text-align:center;font-size:12pt; font-style:italic; text-transform:lowercase;">" QUOTE QUOTE QUOTE."</div></div> <div style="width:250px;padding:10px 40px 20px 40px;font-family:palatino linotype; font-size:10pt; line-height:1.4em; border-bottom:1px solid #ddd;-webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;"><span style="font-size:14pt;"><span style="font-size:16pt;font-weight:bold; font-style:italic;">N</span>ame name</span> <span style="font-size:10pt; text-transform:uppercase;"><span style="font-weight:bold; font-style:italic;">c</span>anon series</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus sodales nisi. Phasellus ornare ullamcorper justo nec venenatis. Curabitur malesuada sapien a lorem vehicula luctus. Suspendisse potenti. Nulla congue semper tellus sit amet fringilla. Duis vitae ante nec enim elementum rhoncus.</div> <div style="text-align:center;font-size:8pt; font-family:palatino linotype;"><a href="" style="text-decoration:none; color:#000; text-transform:uppercase;">link</a> | <a href="" style="text-decoration:none; color:#000; text-transform:uppercase;">link</a></div></td> </tr> <tr><td colspan="2"><div style="font-family:palatino linotype; font-size:8pt; text-transform:uppercase; color:#333;text-align:center;">codes by <a href="" style="text-decoration:none; border-bottom:1px dotted #333; color:#333;">pastries</a></div></td></tr> </table> without quotes <Table style="width:680px;"><tr> <td style="padding-bottom:15px;"><div style="height:100px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; background:#ddd;"><IMG SRC="http://www.dreamwidth.org/userpic/3056341/1561313" style="width:60px; height:60px; border: 20px solid #222; float:left; -webkit-border-top-left-radius: 30px; -moz-border-radius-topleft: 30px; border-top-left-radius: 30px;"><div style="font-family: palatino linotype; line-height:1.2em; padding:20px 0px 0px 120px;"><span style="font-size:18pt;"><span style="font-weight:bold; font-style:italic;">N</span>ame name</span> <span style="font-size:10pt; text-transform:uppercase;"><span style="font-weight:bold; font-style:italic;">c</span>anon series</span></div></div> <div style=" width:250px;padding:10px 40px 20px 40px;font-family:palatino linotype; font-size:10pt; line-height:1.4em; border-bottom:1px solid #ddd; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus sodales nisi. Phasellus ornare ullamcorper justo nec venenatis. Curabitur malesuada sapien a lorem vehicula luctus. Suspendisse potenti. Nulla congue semper tellus sit amet fringilla.</div> <div style="text-align:center;font-size:8pt; font-family:palatino linotype;"><a href="" style="text-decoration:none; color:#000; text-transform:uppercase;">link</a> | <a href="" style="text-decoration:none; color:#000; text-transform:uppercase;">link</a></div></td> <td style="padding-bottom:15px;"><div style="height:100px; -webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius: 30px; border-top-right-radius: 30px; background:#ddd;"><IMG SRC="http://www.dreamwidth.org/userpic/3056341/1561313" style="width:60px; height:60px; border: 20px solid #222; float:left;-webkit-border-top-left-radius: 30px; -moz-border-radius-topleft: 30px; border-top-left-radius: 30px;"><div style="font-family: palatino linotype; line-height:1.2em; padding:20px 0px 0px 120px;"><span style="font-size:18pt;"><span style="font-weight:bold; font-style:italic;">N</span>ame name</span> <span style="font-size:10pt; text-transform:uppercase;"><span style="font-weight:bold; font-style:italic;">c</span>anon series</span></div></div> <div style=" width:250px;padding:10px 40px 20px 40px;font-family:palatino linotype; font-size:10pt; line-height:1.4em; border-bottom:1px solid #ddd; -webkit-border-bottom-right-radius: 30px; -webkit-border-bottom-left-radius: 30px; -moz-border-radius-bottomright: 30px; -moz-border-radius-bottomleft: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus sodales nisi. Phasellus ornare ullamcorper justo nec venenatis. Curabitur malesuada sapien a lorem vehicula luctus. Suspendisse potenti. Nulla congue semper tellus sit amet fringilla.</div> <div style="text-align:center;font-size:8pt; font-family:palatino linotype;"><a href="" style="text-decoration:none; color:#000; text-transform:uppercase;">link</a> | <a href="" style="text-decoration:none; color:#000; text-transform:uppercase;">link</a></div></td> </tr> <tr><td colspan="2"><div style="font-family:palatino linotype; font-size:8pt; text-transform:uppercase; color:#333;text-align:center;">codes by <a href="" style="text-decoration:none; border-bottom:1px dotted #333; color:#333;">pastries</a></div></td></tr> </table>
features.	icon border: #222 topbar background abd bottom border: #ddd links: #000
credit.	included at the bottom of each set! as usual, modifications are allowed.

easy to swallow

code.	recommend 3-5 maximum per row. <center><Table><tr><td><div style="width:140px; height:200px;padding: 0 0 15px 0;border:1px solid #ccc;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;"><div style="-webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius:30px; border-top-right-radius: 30px; line-height:1.5em; width:140px; height:130px; background:#333;text-align:center; padding-top:20px;"><IMG SRC="" style="width:100px; height:100px;-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;"> <span style="font-family:times new roman; font-size:8pt; text-transform:uppercase;"><a href="" style="text-decoration:none; color:#999;letter-spacing:.2em;">JOURNAL</a></span></div> <div style="font-family:times new roman; font-size:10pt; padding:0 15px 0 15px;line-height:1.1em;text-align:center;color:#333;letter-spacing:.1em;">"He lives and he breathes."</div></div></td> <td><div style="width:140px;height:200px; padding: 0 0 15px 0;border:1px solid #ccc; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;"><div style="-webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius:30px; border-top-right-radius: 30px;line-height:1.5em;width:140px; height:130px; background:#333;text-align:center; padding-top:20px;"><IMG SRC="" style="width:100px; height:100px;-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;"> <span style="font-family:times new roman; font-size:8pt; text-transform:uppercase;"><a href="" style="text-decoration:none; color:#999;letter-spacing:.2em;">JOURNAL</a></span></div> <div style="font-family:times new roman; font-size:10pt; padding:0 15px 0 15px;line-height:1.1em;text-align:center;color:#333;letter-spacing:.1em;">"What a ham."</div></div></td> <td><div style="width:140px;height:200px; padding: 0 0 15px 0;border:1px solid #ccc;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;"><div style="-webkit-border-top-left-radius: 30px; -webkit-border-top-right-radius: 30px; -moz-border-radius-topleft: 30px; -moz-border-radius-topright: 30px; border-top-left-radius:30px; border-top-right-radius: 30px;line-height:1.5em;width:140px; height:130px; background:#333;text-align:center; padding-top:20px;"><IMG SRC="" style="width:100px; height:100px;-webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius:50px;"> <span style="font-family:times new roman; font-size:8pt; text-transform:uppercase;"><a href="" style="text-decoration:none; color:#999;letter-spacing:.2em;">JOURNAL</a></span></div> <div style="font-family:times new roman; font-size:10pt; padding:0 15px 0 15px;line-height:1.1em;text-align:center;color:#333;letter-spacing:.1em;">"Two pennies and a dime."</div></div></td> </tr> </table></center>
features.	top half background: #333 journal link: #999 border: #ccc quote text: #333
credit.	please credit pastries somewhere!

iconic

code.	right category <table><tr> <td colspan="5"><div style="float:right;height:22px;background:#000; color:#fff; line-height:.7em;text-align:right;padding:0 5px 0 15px; border-top-left-radius: 200px 100px;font-family: impact; font-size:24pt;letter-spacing:.2em;text-transform: uppercase;">category</div></td> </tr> <tr> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> </tr> <tr><td colspan="5"><div style="font-family:palatino linotype; font-size:8pt; text-transform:uppercase; color:#333;text-align:center;">codes by <a href="" style="text-decoration:none; border-bottom:1px dotted #333; color:#333;">pastries</a></div></td></tr> </table> left category <table><tr> <td colspan="5"><div style="float:left;height:22px;background:#000; color:#fff; line-height:.7em;text-align:left;padding:0 5px 0 10px; border-top-right-radius: 200px 100px;font-family: impact; font-size:24pt;letter-spacing:.2em;text-transform: uppercase;">category</div></td> </tr> <tr> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> <td><div style="width:100px; height:65px; text-align:center; background:url(http://www.dreamwidth.org/userpic/3056341/1561313); padding-top:35px;"><div style="font-family:palatino linotype; font-size:10pt; text-transform:lowercase; line-height:1em; background:#ccc; opacity:.7; color:#333;padding:0 0 3px 0;">name canon</div></div></td> </tr> <tr><td colspan="5"><div style="font-family:palatino linotype; font-size:8pt; text-transform:uppercase; color:#333;text-align:center;">codes by <a href="" style="text-decoration:none; border-bottom:1px dotted #333; color:#333;">pastries</a></div></td></tr> </table>
features.	category background: #000 category text: #fff (recommend #F7F7F7 or whatever color your entry background is) name and canon background: #ccc name and canon text: #333
credit.	credit included! code modifying is a-okay as long as credit is there somewhere.