Web designer tips 2014

HTML5 support IE6, IE7 & IE8

2012-11-13T10:42:00.002-08:00

/*----- HTML5 default display styles -----*/

"sample script to create every HTML5 in the document"

<style type="text/css">
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
display: block;
padding:50px;
}
keygen, meter, progress {
display: inline-block;
}
output {
display: inline;
}
audio, canvas, embed, video {
width: 300px;
}
audio {
height: 32px;
}
canvas, embed, video {
height: 150px;
}
keygen {
margin: 0em;
}
mark {
background-color: yellow;
color: black;
}
meter {
width: 5em;
height: 1em;
vertical-align: -0.2em;
}
progress {
width: 10em;
height: 1em;
vertical-align: -0.2em;
background-color: gray;
}
</style>

<script type="text/javascript">
function IEHtmlStyle() {

var tags = [
{ 'tag': 'article', 'display': 'block' },
{ 'tag': 'aside', 'display': 'block' },
{ 'tag': 'audio', 'display': 'auto' },
{ 'tag': 'canvas', 'display': 'auto' },
{ 'tag': 'command', 'display': 'auto' },
{ 'tag': 'datalist', 'display': 'auto' },
{ 'tag': 'details', 'display': 'block' },
{ 'tag': 'embed', 'display': 'auto' },
{ 'tag': 'figcaption', 'display': 'block' },
{ 'tag': 'figure', 'display': 'block' },
{ 'tag': 'footer', 'display': 'block' },
{ 'tag': 'header', 'display': 'block' },
{ 'tag': 'hgroup', 'display': 'block' },
{ 'tag': 'keygen', 'display': 'inline-block' },
{ 'tag': 'mark', 'display': 'auto' },
{ 'tag': 'meter', 'display': 'inline-block' },
{ 'tag': 'nav', 'display': 'block' },
{ 'tag': 'output', 'display': 'inline' },
{ 'tag': 'progress', 'display': 'inline-block' },
{ 'tag': 'rp', 'display': 'auto' },
{ 'tag': 'rt', 'display': 'auto' },
{ 'tag': 'ruby', 'display': 'auto' },
{ 'tag': 'section', 'display': 'block' },
{ 'tag': 'source', 'display': 'auto' },
{ 'tag': 'summary', 'display': 'block' },
{ 'tag': 'time', 'display': 'auto' },
{ 'tag': 'video', 'display': 'auto' },
{ 'tag': 'wbr', 'display': 'auto' }
];

this.reg = function() {

for (var i = 0; i < tags.length; i++) {
document.createElement(tags[i].tag);
}

};

}

var iehs = new IEHtmlStyle();
iehs.reg();
</script>

Referrer url: http://benhamatake.com/snippets/pass-isolate-a-value-not-variable-in-javascript/

Google Plus updates on your website

2012-08-27T13:01:00.001-07:00

http://widgetsplus.com/

Google+ Widget :: Google Plus customizable Widget to get in touch with your visitors »

So many updates! We are working really hard on the widget and are trying to update daily. There are going to be some big improvements in the upcoming weeks. If you want to stay up date you can sign in...

Static IFRAME Tab to your Facebook page

2012-08-27T12:58:00.002-07:00

http://iframehost.com/

Static HTML Tab for Facebook Pages »

Install the Static IFRAME Tab App to your Facebook page. Now with Custom Tab ICONS, Input Forms, Friend-Gate, WYSIWYG, & STATS! Name your tab whatever you like, fangate your content, upload images...

Update Google plus Via Mobile

2012-08-27T12:48:00.002-07:00

SMS posts are shared with everyone in your circles
1. Login In to Your + Account.
2. Right Side Top click your "logo image".
3. Select "Account Setting"
4. New Page Selest "Google+"
5. Then Edit your Mobile No.

Twitter updates on your website

2012-08-27T12:45:00.002-07:00

http://twitter.com/about/resources/widgets

Twitter / Widgets »

Skip past navigation; On a mobile phone? Check out m.twitter.com! Skip to navigation; Skip to sign in form. Loader. Resources › Widgets. Select Your Widget. Widgets for... My Website; Facebook. Widget...

Configuring Your MX Records WHM Panel

2012-08-27T12:41:00.001-07:00

1. Log in to your WHM account.

2. Click on DNS Functions.
3. Click Edit DNS Zone.
4. In the box on the right, select the domain you want to edit, and then click Edit.
5. Delete the existing MX record entry.
6. In the first box, enter your domain name (e.g. example.com).
7. Don't change the second box.
8. Select MX from the drop-down menu.
9. In the box to the right of the drop-down menu, enter 10 as the priority value.
10. In the next box, enter enter ASPMX.L.GOOGLE.COM.
11. Repeat steps six through eight for the rest of the MX record entries listed below. Add new entries in the Add New Entries Below this Line section.

NOTE: Make sure each entry is entered exactly as it appears in the following table. Each record must have the trailing dot.

Priority          Mail Server
10           -     ASPMX.L.GOOGLE.COM.
20           -     ALT1.ASPMX.L.GOOGLE.COM.
30           -     ALT2.ASPMX.L.GOOGLE.COM.
40           -     ASPMX2.GOOGLEMAIL.COM.
50 -     ASPMX3.GOOGLEMAIL.COM.

Click save.
Congratulations! Your MX records are now configured to point to Google. Keep in mind that changes to MX records may take up to 48 hours to propagate throughout the Internet.

From: http://support.google.com/a/bin/answer.py?hl=en&answer=54718

Collapse this post

Google Mail Apps MX Records in WHM

2012-08-27T12:38:00.000-07:00

http://www.123marbella.co.uk/clients/knowledgebase.php?action=displayarticle&id=33

High Speed Web Services - Knowledgebase - Google Apps MX Records in WHM »

Knowledgebase. Portal Home > Knowledgebase > Google Apps Email > Google Apps MX Records in WHM. Google Apps MX Records in WHM. How to configure the MX Record in WHM DNS Editing console for Go...

Install WordPress for Windows

2012-07-10T00:02:00.000-07:00

http://www.microsoft.com/web/wordpress/

Microsoft Web Platform »

Install WordPress for Windows. WordPress is one of the most popular open-source blogging, publishing and content management systems, with a deep plugin and theme architecture that allows for limitless...

Create Business to Business Website

2012-07-09T23:44:00.001-07:00

Great website

OSClass the free scripts classified »

OSClass is a php script that allows you to quickly create and manage your own free classifieds site. You can provide free advertising for items for sale, real estate, jobs, cars. Secure and SEO friend...

Create Free Shopping Website

2012-07-09T23:41:00.001-07:00

http://www.opencart.com/

OpenCart - Open Source Shopping Cart Solution »

A free shopping cart system. OpenCart is an open source PHP-based online e-commerce solution.

Encoder Decoder For HTML and PHP

2012-06-12T03:07:00.003-07:00

PHP Script Encoder
http://www.rightscripts.com/

HTML Encoder
http://www.iwebtool.com/html_encrypter

HTML Decoder
http://www.opinionatedgeek.com/dotnet/tools/htmlencode/decode.aspx
http://www.elfqrin.com/urlenchtmldecrypt.html

Jquery Mouse Hover blur Effect

2012-06-12T03:03:00.003-07:00

Create a simple jQuery hover call-to-action box | Todd Motto: Graphic Designer & Front-End Web Developer in Wiltshire, UK. »

Wiltshire based Blogger, Front-End Web Developer, Brand Identity and Graphic Designer.

jQuery custom content scroller

2012-06-12T03:00:00.003-07:00

http://manos.malihu.gr/jquery-custom-content-scroller

jQuery custom content scroller – malihu | web design »

How to use it. In order to implement the plugin, you first need to insert inside the head tag of your document the jquery.min.js and jquery-ui.min.js (both loaded from Google CDN), the jquery.easing.1...

Jquery Mobile Development

2012-04-26T01:46:00.001-07:00

Jquery Mobile Development:

jQuery Mobile | jQuery Mobile »

Seriously cross-platform with HTML5. jQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique apps for each mobile device or OS, the jQuery...

Display UL bullets Right To Left

2012-04-03T02:49:00.001-07:00

Align Li Left

Western
Salsa
Jazz
Hip-Hop
Folk

HTML CODE
<ul>
<li>Western</li>
<li>Salsa</li>
<li>Jazz</li>
<li>Hip-Hop</li>
<li>Folk</li>
</ul>

Align Li Right

Western
Salsa
Jazz
Hip-Hop
Folk

HTML CODE
<ul dir="rtl">
<li>Western</li>
<li>Salsa</li>
<li>Jazz</li>
<li>Hip-Hop</li>
<li>Folk</li>
</ul>

Add Village Name to Google Map

2012-03-28T00:06:00.000-07:00

Learn About Google map ( Add Village Name to Google Map):

onclick change value of input type text field

2012-02-21T18:02:00.000-08:00

Input type text field box shadow css

2012-02-21T17:57:00.000-08:00

Div box shadow css

2012-02-21T17:45:00.001-08:00

Social Horizontal Counter Script For Google+ Facebook Twitter

2012-02-18T07:56:00.000-08:00

Use this Vertical Counter Script to your web site:
------------------------------------------------
<div id="social-nets">
<table width="100%" border="0" align="center">
<tr>
<td><div id="social-net-divs">

<div class="g-plusone" data-size="medium" data-href="http://nehemcp.blogspot.in/"></div>


<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script></div>
</td>

<td><div id="social-net-divs" style="width:76px;">

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://nehemcp.blogspot.com" data-send="false" data-layout="button_count" data-width="52" data-show-faces="false"></div>

</div>
</td>

<td><div id="social-net-divs">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://nehemcp.blogspot.in" data-via="nehemc">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</td>
</tr></table></div>

Social Vertical Counter Script For Google+ Facebook Twitter

2012-02-18T06:44:00.000-08:00

Use this Vertical Counter Script to your web site:
-----------------------------------------

<style type="text/css">
#social-net { width:192px; height:67px; margin:0 auto; padding:4px 3px 0px 28px; border:1px #666 solid; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#social-net-div { float:left; width:55px; height:63px; margin:0px; padding:0px; }
</style>

<div id="social-net">

<div id="social-net-div">

<g:plusone size="tall" href="http://nehemcp.blogspot.com/"></g:plusone>

<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>

<div id="social-net-div">

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://nehemcp.blogspot.com" data-send="false" data-layout="box_count" data-width="52" data-show-faces="false"></div>

</div>

<div id="social-net-div">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://nehemcp.blogspot.in" data-via="nehemc" data-lang="en" data-related="anywhereTheJavascriptAPI" data-count="vertical">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

</div>

HTML Border Radius in css

2012-02-16T04:56:00.000-08:00

Use This Sample Code:
------------------------

<style type="text/css">
#divbox1 {float:left; width:100px; height:100px; margin:0px 5px 0px 0px; border:1px solid #1E91D4; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; behavior: url(border-radius.htc); clear:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ82pEojd2YNZqIj7YH-9CwTo5cigszOCwp1Fex7W7wo9b7JNnkyq2c5wtvxXNsNj1OqgNefH6rJtq10Oen8ArV4NwELH-gyMOFIuAW-2tXblNBP86vYWlBdvmbCkLdeDlpSvouHs67cP/s320/menu-a.jpg) repeat;
}
#divbox2 {float:left; width:100px; height:100px; margin:0px 5px 5px 0px; border:1px solid #1E91D4; border-radius: 0px 0px 5px 10px; -moz-border-radius: 0px 0px 5px 10px; -webkit-border-radius: 0px 0px 5px 10px; behavior: url(border-radius.htc); clear:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ82pEojd2YNZqIj7YH-9CwTo5cigszOCwp1Fex7W7wo9b7JNnkyq2c5wtvxXNsNj1OqgNefH6rJtq10Oen8ArV4NwELH-gyMOFIuAW-2tXblNBP86vYWlBdvmbCkLdeDlpSvouHs67cP/s320/menu-a.jpg) repeat;
}
#divbox3 {float:left; width:100px; height:100px; margin:0px 5px 5px 0px; border:1px solid #1E91D4; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; behavior: url(border-radius.htc); clear:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ82pEojd2YNZqIj7YH-9CwTo5cigszOCwp1Fex7W7wo9b7JNnkyq2c5wtvxXNsNj1OqgNefH6rJtq10Oen8ArV4NwELH-gyMOFIuAW-2tXblNBP86vYWlBdvmbCkLdeDlpSvouHs67cP/s320/menu-a.jpg) repeat;
}
#divbox4 {float:left; width:100px; height:100px; margin:0px 5px 5px 0px; border:1px solid #1E91D4; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; behavior: url(border-radius.htc); clear:right; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwQ82pEojd2YNZqIj7YH-9CwTo5cigszOCwp1Fex7W7wo9b7JNnkyq2c5wtvxXNsNj1OqgNefH6rJtq10Oen8ArV4NwELH-gyMOFIuAW-2tXblNBP86vYWlBdvmbCkLdeDlpSvouHs67cP/s320/menu-a.jpg) repeat;
}
</style>
<br />
<div id="divbox1">
</div>
<div id="divbox2">
</div>
<div id="divbox3">
</div>
<div id="divbox4">
</div>

On Mouse Over Change Image

2012-02-16T04:32:00.000-08:00

Get Facebook Like Button,Send Button,Subscribe Button,Comments,Like Box and Live Stream to Your Website

2012-01-30T10:19:00.001-08:00

Social Plugins

Social plugins let you see what your friends have liked, commented on or shared on sites across the...

Static IFRAME Tab to your Facebook page

2012-01-30T09:38:00.001-08:00

Static HTML Tab for Facebook Pages

Install the Static IFRAME Tab App to your Facebook page. Now with Custom Tab ICONS, Input Forms, Friend-Gate, WYSIWYG, & STATS! Name your tab whatever you like, fangate your content, upload images...

Web designer tips 2014

HTML5 support IE6, IE7 & IE8

Google Plus updates on your website

Static IFRAME Tab to your Facebook page

Update Google plus Via Mobile

Twitter updates on your website

Configuring Your MX Records WHM Panel

Google Mail Apps MX Records in WHM

Install WordPress for Windows

Create Business to Business Website

Create Free Shopping Website

Encoder Decoder For HTML and PHP

Jquery Mouse Hover blur Effect

jQuery custom content scroller

Jquery Mobile Development

Jquery Mobile Development: jQuery Mobile | jQuery Mobile » Seriously cross-platform with HTML5. jQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique apps for each mobile device or OS, the jQuery...

Display UL bullets Right To Left

Align Li Left

Align Li Right

Add Village Name to Google Map

onclick change value of input type text field

Input type text field box shadow css

Div box shadow css

Social Horizontal Counter Script For Google+ Facebook Twitter

Social Vertical Counter Script For Google+ Facebook Twitter

HTML Border Radius in css

On Mouse Over Change Image

Get Facebook Like Button,Send Button,Subscribe Button,Comments,Like Box and Live Stream to Your Website

Static IFRAME Tab to your Facebook page

Jquery Mobile Development:

jQuery Mobile | jQuery Mobile »

Seriously cross-platform with HTML5. jQuery mobile framework takes the "write less, do more" mantra to the next level: Instead of writing unique apps for each mobile device or OS, the jQuery...