Showing posts with label icon. Show all posts
Showing posts with label icon. Show all posts
Thursday, January 3, 2013
How to create .ICO fils
One of the hardest things about web development and CC in general is icon files: its hard to make them. In a simple Duck Duck Go search I found the easiest way ever: ConvertIco. I have used it many times, and lots of other people use it to. Well, basically, you select whether you want to convert a file from your computer or the web, and click "go."
Thursday, November 15, 2012
Make a Duck Duck Go, Bing or Google search box for your desktop
You may have seen the Bing search box that you would put on your desktop whenever you started your PC. It's easy to make something similar.
Open Microsoft Visual C# 2010 Express. If you don't have it, it is free and you can get it here. Click on "New Project" and select "Windows Forms Application."
When it loads, this should come up:
Change its width to suite you, but leave its hight the same. Set form border style to "none,"text to anything you like and Locked to true.
Open Microsoft Visual C# 2010 Express. If you don't have it, it is free and you can get it here. Click on "New Project" and select "Windows Forms Application."
Change its width to suite you, but leave its hight the same. Set form border style to "none,"text to anything you like and Locked to true.
Then set the transparency key to "blue" which is under them "web" tab that comes up when Transparency Key is clicked.
Go to any free web site host that allows the uploading and viewing of HTML files. I suggest Webs and Yola will not work. Log in or create an account. Then open Notepad and enter this code:
If you want Google search enter this code
If you want Google search enter this code
<body bgcolor="blue">
<!-- Begin Google Search Code -->
<form id="searchform" method="get" name="searchform" action="http://www.google.com/search" target="_blank"><input onfocus="searchfield_focus(this)" type="text" id="as_q" name="as_q" value="Search"><span class="Apple-converted-space"> </span><input type="submit" value="Search" title="Search" style="font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; height: 22px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "></form> <!-- End Google Search Code -->
<!-- Begin Google Search Code -->
<form id="searchform" method="get" name="searchform" action="http://www.google.com/search" target="_blank"><input onfocus="searchfield_focus(this)" type="text" id="as_q" name="as_q" value="Search"><span class="Apple-converted-space"> </span><input type="submit" value="Search" title="Search" style="font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; height: 22px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "></form> <!-- End Google Search Code -->
If you want a Bing search box:
<body bgcolor="blue">
<!--search from Bing-->
<form method="get" action="http://www.bing.com/search">
<input type="hidden" name="cp" value="1252" />
<input type="hidden" name="FORM" value="FREESS" />
<table bgcolor="#FFFFFF">
<tr>
<td>
<a href="http://www.bing.com/">
<img src="http://www.bing.com/siteowner/s/siteowner/Logo_51x19_Dark.png" border="0" ALT="Bing" />
</a>
</td>
<td>
<input type="text" name="q" size="30" />
<input type="submit" value="Search Site" />
</tr>
<form method="get" action="http://www.bing.com/search">
<input type="hidden" name="cp" value="1252" />
<input type="hidden" name="FORM" value="FREESS" />
<table bgcolor="#FFFFFF">
<tr>
<td>
<a href="http://www.bing.com/">
<img src="http://www.bing.com/siteowner/s/siteowner/Logo_51x19_Dark.png" border="0" ALT="Bing" />
</a>
</td>
<td>
<input type="text" name="q" size="30" />
<input type="submit" value="Search Site" />
</tr>
</table>
</form>
<!-- Search from Bing -->
</form>
<!-- Search from Bing -->
If you want a Duck Duck Go search box:
<body bgcolor="blue">
<script type="text/javascript" src="/d895.js"></script>
<style type="text/css">
html{overflow:hidden;}
#search_form_homepage {
float:none;
margin:0;
width:406px;
}
#logo {
float:left;
display:none;
}
#search_form_input_homepage {
width: 350px;
}
#search_wrapper_homepage {
width:42px;
}
</style>
</head>
<body>
<form onSubmit="return searchb()" id="search_form_homepage" name="x" action="http://duckduckgo.com/" target="_blank">
<img id="logo" src="/assets/logo_icon60.v101.png">
<div id="sxd"></div><div id="search_wrapper_homepage"><input id="search_button_homepage" type="submit" value=""/></div><input type="text" autocomplete="off" name="q" id="search_form_input_homepage" onFocus="if ('rc' in window) {nua('nro',rc)};fq=1;" onBlur="fq=0" onclick="if (this.value=='put search terms here') {this.value='';this.style.color='#000000';}" value="">
<script type="text/javascript">
var tracking=new RegExp('[\?\&]t=([^\&]+)');
if (tracking.test(window.location.href)) {
document.write('<input type="hidden" name="t" value="'+RegExp.$1+'">');
}
var karr = new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','1','2','3','4','5','6','7','8','9','aa','ab','ac','ad','ae','af','ag','ah','ai','aj','ak','al','am','an','ao','ap','aq','ar','as','at','au','av','aw','ax','ay','az');
for (var i=0;i<karr.length;i++) {
var kre=new RegExp('[\?\&]k'+karr[i]+'=([^\&]+)');
var ktmp='';
if (kre.test(window.location.href)) {
ktmp=decodeURIComponent(RegExp.$1);
if (ktmp.length<11) document.write('<input type="hidden" name="k'+karr[i]+'" value="'+ktmp+'">');
if (karr[i]=='n'&&ktmp&&ktmp=='1') d.x.target='_new';
}
}
</script>
</form>
</div>
<script type="text/javascript">
var width=new RegExp('[\?\&]width=([^\&]+)');
if (width.test(window.location.href)) {
YAHOO.util.Dom.setStyle('search_form_input_homepage','width',RegExp.$1 + 'px');
YAHOO.util.Dom.setStyle('search_form_homepage','width',(parseInt(RegExp.$1)+58) + 'px');
}
var duck=new RegExp('[\?\&]duck=([^\&]+)');
if (duck.test(window.location.href)) {
var tmp_add = 75;
if (RegExp.$1=='small') {
d.getElementById('logo').src='/icon.v102.small.png';
tmp_add = 34;
} else {
YAHOO.util.Dom.setStyle('search_wrapper_homepage','margin-top','10px');
YAHOO.util.Dom.setStyle('search_form_input_homepage','margin-top','10px');
}
YAHOO.util.Dom.setStyle('search_form_homepage','width',(parseInt(YAHOO.util.Dom.getStyle('search_form_homepage','width'))+tmp_add) + 'px');
YAHOO.util.Dom.setStyle('logo','display','block');
}
var site=new RegExp('[\?\&]site=([^\&]+)');
var ssearch = '';
if (site.test(window.location.href)) {
ssearch = RegExp.$1;
}
var prefill=new RegExp('[\?\&]prefill=([^\&]+)');
var prefill_text = '';
if (prefill.test(window.location.href)) {
prefill_text = RegExp.$1;
prefill_text = prefill_text.replace(/%20/,' ');
// alert(val);
// console.log(val);
var search_form_input_homepage = d.getElementById('search_form_input_homepage');
search_form_input_homepage.value = decodeURIComponent(prefill_text);
YAHOO.util.Dom.setStyle(search_form_input_homepage,'color','#999999');
eval("search_form_input_homepage.onclick = function() {if (this.value=='" + prefill_text + "') {this.value='';this.style.color='#000000';}}");
}
var focus=new RegExp('[\?\&]focus=([^\&]+)');
if (focus.test(window.location.href)) {
window.onload = function() {
YAHOO.util.Dom.get("search_form_input_homepage").focus();
YAHOO.util.Dom.get("search_form_input_homepage").onkeydown = function(){
if (this.value == prefill_text) {
this.value = '';
}
this.style.color = '#000000';
};
YAHOO.util.Dom.get("search_form_input_homepage").onkeyup = function(){
if (this.value == '') {
this.value = prefill_text;
this.style.color = '#999999';
}
};
};
}
var bgcolor=new RegExp('[\?\&]bgcolor=([^\&]+)');
if (bgcolor.test(window.location.href)) {
if (RegExp.$1 === 'none')
YAHOO.util.StyleSheet('DDG').set('html', {background: "transparent"});
else
YAHOO.util.StyleSheet('DDG').set('html', {background: "#" + RegExp.$1});
} else {
YAHOO.util.StyleSheet('DDG').set('html', {background: "transparent"});
}
function searchb() {
if (ssearch) d.x.q.value += ' site:'+ssearch;
return true;
}
if (document.location.protocol=='https:') {
d.x.action='https://duckduckgo.com/';
}
</script>
<style type="text/css">
html{overflow:hidden;}
#search_form_homepage {
float:none;
margin:0;
width:406px;
}
#logo {
float:left;
display:none;
}
#search_form_input_homepage {
width: 350px;
}
#search_wrapper_homepage {
width:42px;
}
</style>
</head>
<body>
<form onSubmit="return searchb()" id="search_form_homepage" name="x" action="http://duckduckgo.com/" target="_blank">
<img id="logo" src="/assets/logo_icon60.v101.png">
<div id="sxd"></div><div id="search_wrapper_homepage"><input id="search_button_homepage" type="submit" value=""/></div><input type="text" autocomplete="off" name="q" id="search_form_input_homepage" onFocus="if ('rc' in window) {nua('nro',rc)};fq=1;" onBlur="fq=0" onclick="if (this.value=='put search terms here') {this.value='';this.style.color='#000000';}" value="">
<script type="text/javascript">
var tracking=new RegExp('[\?\&]t=([^\&]+)');
if (tracking.test(window.location.href)) {
document.write('<input type="hidden" name="t" value="'+RegExp.$1+'">');
}
var karr = new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','1','2','3','4','5','6','7','8','9','aa','ab','ac','ad','ae','af','ag','ah','ai','aj','ak','al','am','an','ao','ap','aq','ar','as','at','au','av','aw','ax','ay','az');
for (var i=0;i<karr.length;i++) {
var kre=new RegExp('[\?\&]k'+karr[i]+'=([^\&]+)');
var ktmp='';
if (kre.test(window.location.href)) {
ktmp=decodeURIComponent(RegExp.$1);
if (ktmp.length<11) document.write('<input type="hidden" name="k'+karr[i]+'" value="'+ktmp+'">');
if (karr[i]=='n'&&ktmp&&ktmp=='1') d.x.target='_new';
}
}
</script>
</form>
</div>
<script type="text/javascript">
var width=new RegExp('[\?\&]width=([^\&]+)');
if (width.test(window.location.href)) {
YAHOO.util.Dom.setStyle('search_form_input_homepage','width',RegExp.$1 + 'px');
YAHOO.util.Dom.setStyle('search_form_homepage','width',(parseInt(RegExp.$1)+58) + 'px');
}
var duck=new RegExp('[\?\&]duck=([^\&]+)');
if (duck.test(window.location.href)) {
var tmp_add = 75;
if (RegExp.$1=='small') {
d.getElementById('logo').src='/icon.v102.small.png';
tmp_add = 34;
} else {
YAHOO.util.Dom.setStyle('search_wrapper_homepage','margin-top','10px');
YAHOO.util.Dom.setStyle('search_form_input_homepage','margin-top','10px');
}
YAHOO.util.Dom.setStyle('search_form_homepage','width',(parseInt(YAHOO.util.Dom.getStyle('search_form_homepage','width'))+tmp_add) + 'px');
YAHOO.util.Dom.setStyle('logo','display','block');
}
var site=new RegExp('[\?\&]site=([^\&]+)');
var ssearch = '';
if (site.test(window.location.href)) {
ssearch = RegExp.$1;
}
var prefill=new RegExp('[\?\&]prefill=([^\&]+)');
var prefill_text = '';
if (prefill.test(window.location.href)) {
prefill_text = RegExp.$1;
prefill_text = prefill_text.replace(/%20/,' ');
// alert(val);
// console.log(val);
var search_form_input_homepage = d.getElementById('search_form_input_homepage');
search_form_input_homepage.value = decodeURIComponent(prefill_text);
YAHOO.util.Dom.setStyle(search_form_input_homepage,'color','#999999');
eval("search_form_input_homepage.onclick = function() {if (this.value=='" + prefill_text + "') {this.value='';this.style.color='#000000';}}");
}
var focus=new RegExp('[\?\&]focus=([^\&]+)');
if (focus.test(window.location.href)) {
window.onload = function() {
YAHOO.util.Dom.get("search_form_input_homepage").focus();
YAHOO.util.Dom.get("search_form_input_homepage").onkeydown = function(){
if (this.value == prefill_text) {
this.value = '';
}
this.style.color = '#000000';
};
YAHOO.util.Dom.get("search_form_input_homepage").onkeyup = function(){
if (this.value == '') {
this.value = prefill_text;
this.style.color = '#999999';
}
};
};
}
var bgcolor=new RegExp('[\?\&]bgcolor=([^\&]+)');
if (bgcolor.test(window.location.href)) {
if (RegExp.$1 === 'none')
YAHOO.util.StyleSheet('DDG').set('html', {background: "transparent"});
else
YAHOO.util.StyleSheet('DDG').set('html', {background: "#" + RegExp.$1});
} else {
YAHOO.util.StyleSheet('DDG').set('html', {background: "transparent"});
}
function searchb() {
if (ssearch) d.x.q.value += ' site:'+ssearch;
return true;
}
if (document.location.protocol=='https:') {
d.x.action='https://duckduckgo.com/';
}
</script>
Save as "myfile.htm" and upload to the site host. Visit the file, copy the URL. Then drag a "web Browser" control to your form. In the URL section, enter the URL you copied. Set "display errors" to false, and debug and build. Move to starup folder on your PC, then you are done. If you want an example, you can try Fireburst Desktop.
Saturday, November 3, 2012
Make a Firefox search Add-on for a GCSE
Adding an search engine to Firefox is the only disadvantage to Firefox. You have to install an add-on. Compare that to Opera, where you can right click the search field. To make things worse, search add-ons are in XML. I could go on and on, but I will put my dialog at the end and you may read it if you like.
TO make this search addon your GCSE will have to follow this tutorial:http://sethsdiscoveries.blogspot.com/2012/10/two-page-more-customizable-gcse-for.html
Open notepad and enter this code:
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>
Seth's Tutorials
</ShortName>
<Description>
Search for code and PC tutorials by Seth Sevenyoln</Description>
<InputEncoding>
UTF-8
</InputEncoding>
<OutputEncoding>
UTF-8
</OutputEncoding>
<AdultContent>
false
</AdultContent>
<Image height="16" width="16" type="image/x-icon">
http://sethsdiscoveries.blogspot.com/favicon.ico</Image>
<Url type="text/html" template="http://sethsdiscoveries.blogspot.com/p/search-results.html?q={searchTerms}"/>
<SearchForm>
http://sethsdiscoveries.blogspot.com
</SearchForm>
</OpenSearchDescription>
Seth's Tutorials is the name of the add-on and the name of the search engine displayed in the search box. Search for code and PC tutorials by Seth Sevenyoln is the description which is displayed in the search results of Mozilla add-ons directory. http://sethsdiscoveries.blogspot.com/favicon.ico is the URL of the icon and no it doesn't work for me either. http://sethsdiscoveries.blogspot.com/p/search-results.html?q= is the URL where results are displayed. For example, if you wanted to search fireburst.webs.com the URL would be fireburst.webs.com/searchresults.htm?q=. A way to find this out is to search for "n" and take the "n" out of the URL. http://sethsdiscoveries.blogspot.com is the URL of your homepage. Mine looked like this:
Then save it as "searchname.xml" To save it as an xml file you will need to put the filename in quotations. Mine looked like this:
Open Firefox and navigate to addons.mozilla.org. Log in or sign up with a developers account(free). Follow the steps and submit your addon. You're finished. You can download the add-on for my blog here
TO make this search addon your GCSE will have to follow this tutorial:http://sethsdiscoveries.blogspot.com/2012/10/two-page-more-customizable-gcse-for.html
Open notepad and enter this code:
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>
Seth's Tutorials
</ShortName>
<Description>
Search for code and PC tutorials by Seth Sevenyoln</Description>
<InputEncoding>
UTF-8
</InputEncoding>
<OutputEncoding>
UTF-8
</OutputEncoding>
<AdultContent>
false
</AdultContent>
<Image height="16" width="16" type="image/x-icon">
http://sethsdiscoveries.blogspot.com/favicon.ico</Image>
<Url type="text/html" template="http://sethsdiscoveries.blogspot.com/p/search-results.html?q={searchTerms}"/>
<SearchForm>
http://sethsdiscoveries.blogspot.com
</SearchForm>
</OpenSearchDescription>
Seth's Tutorials is the name of the add-on and the name of the search engine displayed in the search box. Search for code and PC tutorials by Seth Sevenyoln is the description which is displayed in the search results of Mozilla add-ons directory. http://sethsdiscoveries.blogspot.com/favicon.ico is the URL of the icon and no it doesn't work for me either. http://sethsdiscoveries.blogspot.com/p/search-results.html?q= is the URL where results are displayed. For example, if you wanted to search fireburst.webs.com the URL would be fireburst.webs.com/searchresults.htm?q=. A way to find this out is to search for "n" and take the "n" out of the URL. http://sethsdiscoveries.blogspot.com is the URL of your homepage. Mine looked like this:
Monday, October 29, 2012
Make Google Custom Search results open in same tab
One of the problems I had with GCSE on my blog was that it always opened links in a new window or tab. This wasn't very convenient, but I only had to change a little code in the results code.
Before Modification:
<!-- Put the following javascript before the closing </head> tag. -->
<script>
(function() {
var cx = '010940491106818468665:ak7ru-numse';
var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//' + cx;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>
<!-- Place this tag where you want the search results to render -->
<gcse:searchresults-only></gcse:searchresults-only>
After Modification (when the results open in same tab):
<!-- Put the following javascript before the closing </head> tag. -->
<script>
(function() {
var cx = '010940491106818468665:ak7ru-numse';
var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//' + cx;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>
<!-- Place this tag where you want the search results to render -->
<gcse:searchresults-only linktarget="_parent"></gcse:searchresults-only>
I replaced <gcse:searchresults-only> with <gcse:searchresults-only linktarget="_parent">.
Before Modification:
<!-- Put the following javascript before the closing </head> tag. -->
<script>
(function() {
var cx = '010940491106818468665:ak7ru-numse';
var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//' + cx;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>
<!-- Place this tag where you want the search results to render -->
<gcse:searchresults-only></gcse:searchresults-only>
After Modification (when the results open in same tab):
<!-- Put the following javascript before the closing </head> tag. -->
<script>
(function() {
var cx = '010940491106818468665:ak7ru-numse';
var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//' + cx;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>
<!-- Place this tag where you want the search results to render -->
<gcse:searchresults-only linktarget="_parent"></gcse:searchresults-only>
I replaced <gcse:searchresults-only> with <gcse:searchresults-only linktarget="_parent">.
Sunday, October 28, 2012
Site Title, Description & Tags in HTML
The title, description and tags are viable to SEO. Search engines use these to help match your site with searches. Most site builders offer completely customized title, description and tags but you need to add these manually in HTML, PHP, and other manually edited documents. The code is inserted into the <head> and </head> tags:
<TITLE>My Site's Title</TITLE>
<meta name="keywords" content="Separate keywords with commas.">
<meta name="description" content="My site's description, two or three sentences.">
<meta name="author" content="Your Name">
A well formed head tag will follow this format:
<head>
<TITLE>My Site's Title</TITLE>
<meta name="keywords" content="Separate keywords with commas.">
<meta name="description" content="My site's description, two or three sentences.">
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<meta http-equiv="refresh" content="100">
<link rel="Shortcut Icon" href="/favicon.ico">
</head>
For more <head> tags see all posts with the label head. You may omit the meta tags about keyword and description. You may omit any of these <head> tags.
<TITLE>My Site's Title</TITLE>
<meta name="keywords" content="Separate keywords with commas.">
<meta name="description" content="My site's description, two or three sentences.">
<meta name="author" content="Your Name">
A well formed head tag will follow this format:
<head>
<TITLE>My Site's Title</TITLE>
<meta name="keywords" content="Separate keywords with commas.">
<meta name="description" content="My site's description, two or three sentences.">
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<meta http-equiv="refresh" content="100">
<link rel="Shortcut Icon" href="/favicon.ico">
</head>
For more <head> tags see all posts with the label head. You may omit the meta tags about keyword and description. You may omit any of these <head> tags.
Tuesday, October 23, 2012
How to tell users IE is incompatible
Internet Explorer is Microsoft's web browser. It's the second most popular in the world, but unfortunately, its web standard support is extremely limited. Fortunately, its easy to tell users to upgrade.
For IE6
IE 6 supports almost nothing, so don't be afraid to tell users to upgrade. It doesn't support Google CSE, or any advanced CSS. Here's how to tell users to upgrade IE 6. I know it says IE 7, but it won't do any warnings in IE 7. Insert this code between the <head> and </head> tags.
<!--[if lt IE 7]> <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 100px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div> <div style='width: 275px; float: left; font-family: Arial, sans-serif;'> <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div> <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>The browser you're using is slow, cumbersome, and outdated. <a href="http://opera.com">Click here</a> to get an up to update your browser easily or choose one of the links at right.</div> </div> <div style='width: 100px; float: left;'><a href='http://www.opera.com' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSwsZe3Taot9flGWq3Tka26n4SiWRFTHkse5dLsk19wwCkFjJb_JfrhNAdwnnPuktxNnYz6YWGJZDRmvq49IzYfUkAVUOb8YcocPzBhg1ekHDDHnUe__bRCx58FgRzcow-ViOU2XQFvk2/s1600/opera.jpeg' style='border: none;' alt='Get Opera 12'/></a>or get <a href="http://maxthon.com">Maxthon</a> <a HREF="http://mozilla.org/firefox">Firefox</a> <a href="http://dragon.comodo.com">Comodo Dragon</a> <p><a href="http://apple.com/safari">Safari</a> <A href="http://coolnovo.com">Coolnovo</a></div> </div> </div> <![endif]-->
For All Versions of IE NOT RECOMMENDED.
Insert between the <head> and </head> tags
<!--[if lt IE 9]> <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 100px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div> <div style='width: 275px; float: left; font-family: Arial, sans-serif;'> <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div> <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>The browser you're using is slow, cumbersome, and outdated. <a href="http://opera.com">Click here</a> to get an up to update your browser easily or choose one of the links at right.</div> </div> <div style='width: 100px; float: left;'><a href='http://www.opera.com' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSwsZe3Taot9flGWq3Tka26n4SiWRFTHkse5dLsk19wwCkFjJb_JfrhNAdwnnPuktxNnYz6YWGJZDRmvq49IzYfUkAVUOb8YcocPzBhg1ekHDDHnUe__bRCx58FgRzcow-ViOU2XQFvk2/s1600/opera.jpeg' style='border: none;' alt='Get Opera 12'/></a>or get <a href="http://maxthon.com">Maxthon</a> <a HREF="http://mozilla.org/firefox">Firefox</a> <a href="http://dragon.comodo.com">Comodo Dragon</a> <p><a href="http://apple.com/safari">Safari</a> <A href="http://coolnovo.com">Coolnovo</a></div> </div> </div> <![endif]-->
For IE6
IE 6 supports almost nothing, so don't be afraid to tell users to upgrade. It doesn't support Google CSE, or any advanced CSS. Here's how to tell users to upgrade IE 6. I know it says IE 7, but it won't do any warnings in IE 7. Insert this code between the <head> and </head> tags.
<!--[if lt IE 7]> <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 100px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div> <div style='width: 275px; float: left; font-family: Arial, sans-serif;'> <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div> <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>The browser you're using is slow, cumbersome, and outdated. <a href="http://opera.com">Click here</a> to get an up to update your browser easily or choose one of the links at right.</div> </div> <div style='width: 100px; float: left;'><a href='http://www.opera.com' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSwsZe3Taot9flGWq3Tka26n4SiWRFTHkse5dLsk19wwCkFjJb_JfrhNAdwnnPuktxNnYz6YWGJZDRmvq49IzYfUkAVUOb8YcocPzBhg1ekHDDHnUe__bRCx58FgRzcow-ViOU2XQFvk2/s1600/opera.jpeg' style='border: none;' alt='Get Opera 12'/></a>or get <a href="http://maxthon.com">Maxthon</a> <a HREF="http://mozilla.org/firefox">Firefox</a> <a href="http://dragon.comodo.com">Comodo Dragon</a> <p><a href="http://apple.com/safari">Safari</a> <A href="http://coolnovo.com">Coolnovo</a></div> </div> </div> <![endif]-->
For All Versions of IE NOT RECOMMENDED.
Insert between the <head> and </head> tags
<!--[if lt IE 9]> <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'> <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div> <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'> <div style='width: 100px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div> <div style='width: 275px; float: left; font-family: Arial, sans-serif;'> <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are using an outdated browser</div> <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>The browser you're using is slow, cumbersome, and outdated. <a href="http://opera.com">Click here</a> to get an up to update your browser easily or choose one of the links at right.</div> </div> <div style='width: 100px; float: left;'><a href='http://www.opera.com' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYSwsZe3Taot9flGWq3Tka26n4SiWRFTHkse5dLsk19wwCkFjJb_JfrhNAdwnnPuktxNnYz6YWGJZDRmvq49IzYfUkAVUOb8YcocPzBhg1ekHDDHnUe__bRCx58FgRzcow-ViOU2XQFvk2/s1600/opera.jpeg' style='border: none;' alt='Get Opera 12'/></a>or get <a href="http://maxthon.com">Maxthon</a> <a HREF="http://mozilla.org/firefox">Firefox</a> <a href="http://dragon.comodo.com">Comodo Dragon</a> <p><a href="http://apple.com/safari">Safari</a> <A href="http://coolnovo.com">Coolnovo</a></div> </div> </div> <![endif]-->
Wednesday, September 26, 2012
Creat a Favicon
First, choose an image that you would want to be your favicon. It should be almost square or exactly square. Do not cram to many details in it for it will be put into a "very tight place." You could use Windows snipping tool to clip a peace of your logo. Go to http://convertico.com and select upload a file from computer. Choose your image and wait for it to be uploaded. Then download the finished icon. Now we get to the hard part. Upload the favicon.ico file to you server or website host. Then add this code to your homepage:
<link rel="Shortcut Icon" href="/favicon.ico">
Save it and you will be done.
Monday, September 24, 2012
How to creat a custom Ace Explorer theme
Ace Explorer is a free browser with lots of great functionalities. Unfortunately, for those who like to customize their browsers look and feel, there are no themes. In this tutorial we will do a simple hack so as to customize Ace a little. There is no coding involved.
Right click the ace Explorer icon and select "properties".
Launch Windows Explorer and navigate to "C:\Program Files (x86)\Ace Explorer"
Then open the "skins" folder. Select the skin you want to edit, say in this case "green."
You may edit the images, but DO NOT TOUCH THE OTHER FILES.
Mine looked like this in the end:
Right click the ace Explorer icon and select "properties".
Launch Windows Explorer and navigate to "C:\Program Files (x86)\Ace Explorer"
Then open the "skins" folder. Select the skin you want to edit, say in this case "green."
You may edit the images, but DO NOT TOUCH THE OTHER FILES.
Mine looked like this in the end:
Make Opera Compatable with any site
Sometimes, sites say that your Opera is not compatible. This means that you cannot use Opera to access that site. However, Opera offers a nifty way to get around this, for most sites support Opera 12 and up, even if they don't know it. And, with many Google services, you will see something like this:
So you right click on the site and it will display a menu. The second option from the bottom should be "edit site preferences". Click this and you should see something like this:
Click on "Network" and something like this should come up:
Click on the drop down menu where it says "identify as Opera and select Mask as Firefox. When you are finished you will see this:
Click "OK" and refresh the page. Do this to any page that says it is not compatible with Opera.
So you right click on the site and it will display a menu. The second option from the bottom should be "edit site preferences". Click this and you should see something like this:
Click on "Network" and something like this should come up:
Click on the drop down menu where it says "identify as Opera and select Mask as Firefox. When you are finished you will see this:
Click "OK" and refresh the page. Do this to any page that says it is not compatible with Opera.
Subscribe to:
Posts (Atom)
