Saturday 24 May 2014

HTML Editor for Designing & Previewing your CSS Widgets” plus 2 more

HTML Editor for Designing & Previewing your CSS Widgets” plus 2 more

Link to HackingUniversity - Hacks • Pranks • Tricks • How-Tos.

HTML Editor for Designing & Previewing your CSS Widgets

Posted: 24 May 2014 09:02 PM PDT

If you are a big fan of CSS and love to create and design widgets for your blog using CSS than you would be happy to know than we have launched a new editor page on our website which allows you to design and preview your widgets. With this easy and fast editor you can just add your CSS code and your HTML and than hit the preview button and your widget will be rendered on the right hand side.

HTML Editor Blogger

So as you can see in the above image I just added the CSS and HTML for my search widget and it rendered perfectly on right hand side. So sometimes it might give some padding and margin problems but in reality the widget will work superb.

You can start using this tool from our HTML Editor Page, well if you are a blogger and would like to add this editor in your blog, then we have even posted the source code below which will help you in embedding this editor right in your blog.

  1. Open Blogger > Pages > New Page. (You can also add this to any of your post or even in your wordpress blogs)
  2. Now just shift to the HTML Tab and paste below code into it.

    <table>
    <tbody>
    <tr>
    <td>
    <form method="post" name="form1"><textarea style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 5px; margin: 0px; padding-left: 5px; width: 300px; padding-right: 5px; font-family: courier new; height: 400px; color: blue; font-size: 12px; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 5px; scroll: auto" onclick="focus(this.code)" name="code">&lt;style&gt;

    Add CSS Code Here

    &lt;/style&gt;


    Add HTML Code Here</textarea> </form></td>
    <td valign="top"><iframe style="border-bottom: #cccccc 1px solid; border-left: #cccccc 1px solid; padding-bottom: 5px; padding-left: 5px; width: 650px; padding-right: 5px; height: 400px; border-top: #cccccc 1px solid; border-right: #cccccc 1px solid; padding-top: 5px" src="about:blank" name="preview"></iframe></td></tr></tbody></table><button class='preview-button' onclick="preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Preview</button><button onclick="window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()">Clear</button>
  3. Now to give the perfect permalink to this editor URL simply enter a single keyword like Editor as your page name and hit Publish.
  4. Now when you will view the page it will be like www.example.com/p/editor.html so now you can edit the page once again and rename it what you would like to add.
  5. Something like CSS Widget Editor or anything, but your permalink will remain the same, so this way you get short URL.

So now your CSS Widget Designer is up and running, you can simply make some modifications to the design and layout of this widget if you are somewhat good @ CSS, rest everything is explained, face some problem do comment.

Aoao Photo Watermark 6 Free Registration License Code

Posted: 24 May 2014 08:11 PM PDT

aoao-photo-watermark
Searching for some nice batch image watermarking or resizing tool well Aoao Photo Watermark could be your choice, well you can easily watermark 300 images in less then a minute and you can even resize, crop and do many things to your image using a single editing panel. You can add text, image or frame watermarks. You can allowed to drag your watermarking image to where ever you want.

Top 10 Best Ranking Insurance Companies in India

Posted: 24 May 2014 04:55 AM PDT

life-insurance-companies-in-indiaInsurance is the fair transfer of the threat of a reduction, from one thing to another in exchange for payment. It truly is a type of risk-management mainly used to hedge against the danger of a contingent, unsure loss. Here's a listing of top Insurance firms in Indian; all these really are the best business organizations in financial field and life assurance policy. Rating procedure is not based on any paid criteria but its based on the market views and share's by other websites.
Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)