web 1 2 3 4 XtGem.com - XtGem mobile site builder / wap creator 5 6 7 8 11 14 15 16 17 18

30 56

59 83 84 88 93 94 99 100 103 104 105

CSS background-color example!

This is a text inside a div element.

We are still in the div element.

< ! - - B E G I N S E OC e n t r o M e t a T a g A na l y z e r T oo l F o rm / / - - >< ! - - C opy r i gh t © 2000 S E OC e n t r o . A l l R i gh t s R e s e r ve d / / - - >< ! - - N O T E : Do no t m od i f y t he f o rm . / / - - >< t a b l e w i d t h= " 380 " bo r de r = " 0 " c e l l s pa c i ng= " 0 " c e l l pa dd i ng= " 0 " >< t r >< t d bg c o l o r = " # e 0e 0e 0 " >< t a b l e w i d t h= " 100 % " bo r de r = " 0 " c e l l s pa c i ng= " 1 " c e l l pa dd i ng= " 4 < t r >< t d w i d t h= " 100 % " bg c o l o r = " # e 0e 0e 0 " >< s t r ong> M e t a T a g A na l y z e r < / s t r ong>< / t d>< / t r >< t r >< t d bg c o l o r = " #f 7 f 7 f 7 " va l i gn= " t op " >< f o rm a c t i on= " h t t p : / / w w w. s e o c e n t r o . c o m / t oo l s / s e a r c h - e ng i ne s / m e t a t a g < s m a l l >< s t r ong> C he c k you r m e t a t a g s ! < / s t r ong> e xa m p l e : < s t r ong>h t t p : / / w w w. ho s t . c o m < / s t r ong> . < i npu t t ype = " t e x t " na m e = " u r l " va l ue = " h t t p : / / " s i z e = " 40 " > U RL Meta Tag Information</ title><META name="description" content="Information on the creation and deployment of meta tags. Links to free meta creation tools"><meta name="keywords" content="metatags,keywords,robots.txt,search engine submission,marketing"> optimization, registration, professional, meta tag generator, Canada, Vancouver"> <script data-cfasync="false" async="async" type="text/javascript" src="//setyourtape.com/q/tdl/95/dnt/2014799/kep.js"></script></head></html> <div> <span style="color:red">»</span> <a href="http://www.gmail.com/app"> Get faster Gmail</a> <br /> </div> <div style="background-color:#E8EEFA;padding:4px;"> <img src="https://www.google.com/accounts/google_transparent.gif" alt="Google"/> Account <br /> <div id="gaia_loginbox" class="body"> <form id="gaia_loginform" action= "https://www.google.com/accounts/ServiceLoginAuth?service=mail" method="post" > <input type="hidden" name="ltmpl" value="ecobx" /> <div align="left"> <font color="red"> </font> </div> <div> <span class="gaia le lbl"> Username: </span> </div> <div> <input type="hidden" name="continue" id="continue" value="http://mail.google.com/mail/x/1g0ly57j6rg5z/?ui=html&zy=l" /> <input type="hidden" name="service" id="service" value="mail" /> <input type="hidden" name="nui" id="nui" value="5" /> <input type="hidden" name="dsh" id="dsh" value="6911798382504882961" /> <input type="hidden" name="ltmpl" id="ltmpl" value="ecobx" /> <input type="hidden" name="btmpl" id="btmpl" value="mobile" /> <input type="hidden" name="ltmpl" id="ltmpl" value="ecobx" /> <input type="hidden" name="scc" id="scc" value="1" /> </div> <input type="hidden" name="GALX" value="emaRG9zeHCM" /> <input type="text" name="Email" id="Email" size="18" value="" class="gaia le val" /> <div align="left"> <font color="red"> </font> </div> <div> <span class="gaia le lbl"> Password: </span> </div> <input type="password" name="Passwd" id="Passwd" size="18" class="gaia le val" autocomplete="off" /> <div align="left"> <font color="red"> </font> </div> <div align="left"> <input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" checked='checked' /> <label for="PersistentCookie" class="gaia le rem"> Remember me </label> <input type="hidden" name='rmShown' value="1" /> </div> <div align="left"> <input type="submit" class="gaia le button" name="signIn" value="Sign in" /> </div> </form> </div> Need an account? <br /> Go to gmail.com on your computer.<br /> <span style="font:smaller">©2009 Google</span><br /> <a href="http://mail.google.com/mail/help/intl/en/mobile.html">Help</a><br /> </div>0 <a class "button"button width"500"height"200" href="http://www.google.com"><span> web</span></a> <a class "button" href="http://www.google.com"><span> web</span></a> </p> <style type="text/css"> #xt_auth_container { position: static; display: inline; display: inline-block; text-align: right; margin: 3px 0; padding: 0; width: 100%; height: auto; border: none; } .xt_auth_view { position: static; display: inline; display: inline-block; text-align: right; margin: 0; padding: 0; width: auto; height auto; border: none; } .xt_auth_action { text-align: left; position: static; display: inline; zoom: 1; display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding: 0 5px; height: 20px; width: auto; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #2e2e2e; background-color: rgba(0,0,0,0.4); !background-color: #2e2e2e; font: 600 12px/20px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif; text-decoration: none; -webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.08); -moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.08); -o-text-shadow: 1px 1px 0 rgba(0,0,0,0.08); text-shadow: 1px 1px 0 rgba(0,0,0,0.08); color: #fff; -webkit-user-select: none; } .xt_auth_action > * { vertical-align: top; } .xt_auth_action:hover { background-color: #1f1f1f; background-color: rgba(0,0,0,0.6); } .xt_auth_action:link, .xt_auth_action:visited, .xt_auth_action:active, .xt_auth_action:hover { text-decoration: none; color: #fff; } .xt_auth_icon, .xt_auth_avatar { position: static; display: inline; display: inline-block; width: 13px; height: 13px; margin: 3px 1px 0 0; padding: 0; vertical-align: top; border: 0; } .xt_auth_icon { background-image: url(http://xtgem.com/images/authbar/auth_sprite_v2.png); margin-right: 0; } .xt_auth_icon_enchanted .xt_auth_icon { background-size: 103px; /* margin: 4px 2px 0 0; */ } /* join & subscribe */ .xt_auth_join .xt_auth_icon, .xt_auth_subscribe .xt_auth_icon { background-position: -92px 13px; } /* inbox */ .xt_auth_inbox .xt_auth_icon { background-position: -78px 13px; } /* rate */ .xt_auth_rate .xt_auth_icon { background-position: 0 14px; } /* unrate */ .xt_auth_unrate .xt_auth_icon { background-position: -13px 14px; } /* star */ .xt_auth_star .xt_auth_icon { background-position: -26px 13px; } /* unstar */ .xt_auth_unstar .xt_auth_icon { background-position: -39px 13px; } /* repost */ .xt_auth_repost .xt_auth_icon { background-position: -52px 12px; margin-top: 4px; } /* reposted */ .xt_auth_reposted .xt_auth_icon { background-position: -65px 12px; margin-top: 4px; } /* join & subscribe */ .xt_auth_icon_enchanted .xt_auth_join .xt_auth_icon, .xt_auth_icon_enchanted .xt_auth_subscribe .xt_auth_icon { background-position: 11px 0.5px; width: 12px; } /* inbox */ .xt_auth_icon_enchanted .xt_auth_inbox .xt_auth_icon { background-position: 25px 1px; } /* rate */ .xt_auth_icon_enchanted .xt_auth_rate .xt_auth_icon { background-position: 0 0; } /* unrate */ .xt_auth_icon_enchanted .xt_auth_unrate .xt_auth_icon { background-position: -13px 0; } /* star */ .xt_auth_icon_enchanted .xt_auth_star .xt_auth_icon { background-position: 77px 0; } /* unstar */ .xt_auth_icon_enchanted .xt_auth_unstar .xt_auth_icon { background-position: 64px 0; } /* repost */ .xt_auth_icon_enchanted .xt_auth_repost .xt_auth_icon { background-position: 51px 1px; margin: 3px 0 0 0; } /* reposted */ .xt_auth_icon_enchanted .xt_auth_reposted .xt_auth_icon { background-position: 39px 1px; margin: 3px 0 0 0; } /* hidding */ .xt_auth_unstar, .xt_auth_unsubscribe, .xt_auth_unrate { display: none; } .xt_auth_action_star_active .xt_auth_unstar, .xt_auth_action_rate_active .xt_auth_unrate, .xt_auth_action_subscribe_active .xt_auth_unsubscribe { display: inline-block; } .xt_auth_action_star_active .xt_auth_star, .xt_auth_action_rate_active .xt_auth_rate, .xt_auth_action_subscribe_active .xt_auth_subscribe { display: none; } #xt_auth_container { position: fixed; } html { padding-top: 20px; } #xt_auth_container { top: 0; left: 0; } #xt_auth_container, .xt_auth_view, .xt_auth_icon, .xt_auth_avatar { max-height: none !important; max-width: none !important; min-width: none !important; min-width: none !important; opacity: 1 !important; text-indent: 0 !important; visibility:visible !important; } </style><div id='xt_auth_container'><div class='xt_auth_view xt_auth_not_logged'><a href='https://xtgem.com/auth/login?redir=VjFORGJISk5iRVJKVkhOVVNsVXdXRVpVYzFaSlNuTlpSbFE1VmsxUVBUMD0%3D&s=VjFkVmJuVkpWVU5IVkV0TlRWQnBVVWhVYzBSSGVqVlJTVlJ6VXc9PQ%3D%3D&is_a=0&is_f=0&via=New+authbar' target='_parent' class='xt_auth_action xt_auth_login'>Log in</a></div></div> <script type="text/javascript"> (function () { var doc = document; var body = doc.body; var xhr_done_auth = true; doc.addEventListener ? window.addEventListener( 'load', init, false ) : window.attachEvent( 'onload', init ); function init () { doc = document; body = doc.body; var el_auth = doc.getElementById( 'xt_auth_container' ); doc.addEventListener ? el_auth.addEventListener( 'click', hook_xhr_action, false ) : el_auth.attachEvent( 'onclick', hook_xhr_action ); if ( 'backgroundSize' in doc.body.style ) { if ( window.devicePixelRatio && window.devicePixelRatio > 1 ) { el_auth.className += ' xt_auth_icon_enchanted'; } } } // bind xhr links function hook_xhr_action ( e ) { var e = e || window.event; var target = e.target || e.srcElement; target = target.className == 'xt_auth_icon' ? target.parentNode : target; if ( target.getAttribute( 'data-xhr' ) ) { var url = target.href; url = url + (url.indexOf( '?' ) == -1 ? '?via_ajax=1' : '&via_ajax=1'); load_data({ url: url, xhr_done: xhr_done_auth, callback: handle_xhr_response }); (e.preventDefault) ? e.preventDefault() : e.returnValue = false; return false; } } function handle_xhr_response ( xhr ) { function handle_error ( xhr ) { window.location.href = window.location.href; } function handle_success ( xhr ) { var wrapper = document.getElementById( 'xt_auth_container' ); var tmp_class = wrapper.className; var current_action = xhr.response.split( ';' )[1]; var actions = { bookmark: 'xt_auth_action_star_active', vote: 'xt_auth_action_rate_active', subscribe: 'xt_auth_action_subscribe_active' }; for ( key in actions ) { if ( !actions.hasOwnProperty( key ) ) continue; if ( current_action.indexOf( key ) == -1 ) continue; wrapper.className = current_action.indexOf( 'un' ) == -1 ? tmp_class + ' ' + actions[key] : tmp_class.replace( (' ' + actions[key]), '' ); } } xhr.response = xhr.response ? xhr.response : xhr.responseText; (xhr.status != 200 || xhr.response.indexOf( 'ERR;') != -1 ) ? handle_error(xhr) : handle_success(xhr); } //load_data( { url: url, method: method, data: data, async: async, xhr_done: xhr_done, callback: callback }); function load_data( settings ) { var async = settings.async ? !!settings.async : true, url = settings.url ? settings.url.toString() : false, method = settings.method ? settings.method.toUpperCase() : 'GET', callback = settings.callback ? settings.callback : false, data = settings.data ? settings.data.toString() : '', xhr_done = settings.xhr_done ? settings.xhr_done : null, xhr; // xhr in progress or url not provided -> exit if ( !( (xhr_done == true || xhr_done == null) && url ) ) return; if ( typeof XMLHttpRequest !== 'undefined' ) { xhr = new XMLHttpRequest(); } else { try { xhr = new XMLHttpRequest("MSXML2.XmlHttp.5.0") || new XMLHttpRequest("MSXML2.XmlHttp.4.0") || new XMLHttpRequest("MSXML2.XmlHttp.3.0") || new XMLHttpRequest("MSXML2.XmlHttp.2.0") || new XMLHttpRequest("Microsoft.XmlHttp"); } catch ( e ) {} } // if xhr object does not supported or url not given, exit xhr.onreadystatechange = function () { if ( xhr.readyState != 4 ) return; if ( xhr_done != null ) xhr_done = true; callback ? callback( xhr ) : null; } xhr.open( method, url, async ); if ( method === 'POST' ) { xhr.setRequestHeader( "Content-type", "application/x-www-form-urlencoded" ); xhr.send( data ); } else { xhr.send( null ); } if ( xhr_done != null ) xhr_done = false; }; })(); </script><br /><noscript></noscript><script type="text/javascript"></script><textarea style="display:none;"></textarea><style></style><iframe style="display:none;width:0px;height:0px;border:0"></iframe><noframes></noframes><div id="st1781104775" style="z-index:999999 !important;z-index:999999999 !important;"><span id="a1781104775"><a href="http://xtgem.com/click?p=featured_other_feature_clean&u=__urlaHR0cDovL2JhY2t0b29sZHNjaG9vbC54dGdlbS5jb20vaW5kZXgvX194dGJsb2dfZW50cnkvMTAxOTg2OTktcG9sYXJvaWQ/dXRtX21lZGl1bT14dGdlbV9hZF9tb2JpbGUmdXRtX3NvdXJjZT1mZWF0dXJlZF9hZCN4dF9ibG9n&s=googlemail.xtgem.com&t=KhscFBwfHwQGBQYZDA8GDQsNDwsMBgdwdg==&_is_adult=No&_ad_pos=Bottom&_ad_format=Plain&_ad_url=Z29vZ2xlbWFpbC54dGdlbS5jb20=&_ad_networks=&_ad_type=Text" target="_blank" target="_blank">Polaroid</a></span> <style type="text/css"> #st1781104775 * { box-sizing:content-box !important; } #st1781104775 a { display: inline-block !important; vertical-align: top; padding: 0; margin: 0; } #st1781104775 a img { display: inline-block !important; } #st1781104775 ._xt_ad_close, #st1781104775 ._xt_ad_close_internal { display: inline-block !important; position: absolute !important; right: 6px !important; width: 20px !important; height: 20px !important; cursor: pointer; } #st1781104775 ._xt_ad_close { top: -10px !important; } #st1781104775 ._xt_ad_close_internal { border: 6px solid transparent; top: -12px !important; right: 3px !important; } #a1781104775 { display: inline-block !important; position: relative !important; text-align: left !important; visibility: visible !important; max-width: 100% !important; max-height: none !important; z-index:999999 !important; z-index:999999999 !important; } #a1781104775 img { max-width: none !important; max-height: none !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; } .fba1781104775 { color: #1D1EEB !important; background-color: #fff !important; padding: 10px 50px 10px 10px !important; border: 1px solid #2C2C2C !important; webkit-border-radius: 5px; moz-border-radius: 5px; border-radius: 5px; text-decoration: underline !important; font-weight: bold !important; display: block !important; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; height: 32px; line-height: 32px !important; background-image: url(//xtgem.com/images/arrow.gif) !important; background-repeat: no-repeat !important; background-position: 95% center !important; } .fbp1781104775 { position: relative !important; display: block !important; width:320px !important; height:50px !important; text-align:left !important; background-color: #fff !important; -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2); padding: 3px !important; border-radius: 3px !important; border: 1px solid #6bc135 !important; text-decoration: underline !important; } .fbp_txt1781104775 { position:relative !important; display: inline-block !important; min-width: 200px; max-width: 200px; height:50px !important; vertical-align: top !important; line-height:50px !important; margin-left: 6px !important; text-align: left !important; color: #0274d4 !important; font-family: Helvetica, Arial, sans-serif !important; font-size: 13px !important; font-weight: bold !important; text-decoration: underline !important; } .fbp_ico1781104775 { position: absolute !important; right: 10px !important; height: 50px !important; line-height: 46px !important; vertical-align: top !important; color: #6bc135 !important; } #st1781104775 .rolling_ad { display: none !important; } #st1781104775 .rolling_ad.roll_on { display: inline-block !important; } </style></div></body></html>