Clipmarks | Share This Clip

The easiest way to blog the interesting things you find on the web.
Supports Blogger, Wordpress, Typepad, Live Journal, Movable Type, and Vox. learn more»

Post this to your blog or embed code
Blog Type:
Blog Username: (Your Email Address)
Blog Password:
Blog Url:
XML-RPC Url:
Copy and Paste the following code into a new blog post... <div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="clipmarks' clip-to-blog"><img src="http://content.clipmarks.com/blog_embed/2aeff429-4be6-4924-9324-9933fde4f75d/AD18B065-1CB2-4402-AE7B-0D5B52F4F104/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://tutorialblog.org/25-code-snippets-for-web-designers-part5/" href="http://tutorialblog.org/25-code-snippets-for-web-designers-part5/" style="font-size: 11px;">tutorialblog.org</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://tutorialblog.org/25-code-snippets-for-web-designers-part5/"><P>Part 5 of the code snippets series sees us take a look at more handy pieces of html, css, javascript and other usefull things to a web designer …</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://tutorialblog.org/25-code-snippets-for-web-designers-part5/"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/tutorialblog.org/img/C0D09FA9-D2B3-4E97-9F32-49F8A7F6B8DC" alt="2111.jpg" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://tutorialblog.org/25-code-snippets-for-web-designers-part5/"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/tutorialblog.org/img/54301D3C-D83B-441C-B440-9275B8147D77" alt="48.jpg" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://tutorialblog.org/25-code-snippets-for-web-designers-part5/"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/tutorialblog.org/img/CDEC5235-CB13-44DD-98FF-DE94161033E3" alt="98.jpg" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://tutorialblog.org/25-code-snippets-for-web-designers-part5/"><P><A href="http://www.29digital.net/grid/">Grid Calculator</A> - Change the settings (by dragging the sliders, clicking on the bars, or editing the values) to calculate the overall width of your grid</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://tutorialblog.org/25-code-snippets-for-web-designers-part5/"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/tutorialblog.org/img/FE7F12C4-E3AD-4974-91CA-7BEC334A52FB" alt="108.jpg" /></div></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;"> </td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/AD18B065-1CB2-4402-AE7B-0D5B52F4F104/blog/" title="blog or email this clip"><img src="http://content7.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
Login or Sign Up to save your blog settings.

Title of Post:

Remarks for Post:	BBCode No HTML

Style Options

See also: Email it to friends

Clip Preview:

clipped from tutorialblog.org

Part 5 of the code snippets series sees us take a look at more handy pieces of html, css, javascript and other usefull things to a web designer …

Grid Calculator - Change the settings (by dragging the sliders, clicking on the bars, or editing the values) to calculate the overall width of your grid

style options...

Include Clip before or after Remarks

Before After

Customize Clip Colors

Border

Background

Font

Video Size

If you are clipping video to your blog, and it is too wide, select this option.

Use smaller video

Clipmarks Logo and Link

If you chose not to have the Clipmarks logo and link in this blog post, select "Don't include" here.

Don't include

Line Breaks (Advanced)

If your blog software is configured to automatically convert new lines into HTML, select "Don't format" here to prevent Clipmarks from doing so.

Don't format

Styles (Advanced)

By default, Clipmarks uses inline styles to format content in your blog post. If you would like to prevent this styling and customize the css rules yourself, select this option and copy this stylesheet into your blog template.

Don't use inline styles

Search Options

style options...

copy and paste this stylesheet
into your blog template...

embed this clipmark in your site...

Search Options

style options...

copy and paste this stylesheetinto your blog template...

embed this clipmark in your site...

copy and paste this stylesheet
into your blog template...