Most of us use our mail site or favorite search engine our home. More recent I came upon a layout I liked so I snatched it up. I edited and made it my own personal home page.
Here is the generic code of the page:
I saved this is my home directory as ./homepage/homepage.html
Next I went browsing for icons and saved them inside the same hidden folder. Link it as your startup and or home button and viola!
Note: I also use an extension called New Tab Redirect which points here as well. This is my New Tab Page too.
Duck Duck Go is just my favorite search engine, you can embed the one you prefer.
Here is the generic code of the page:
Code:
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css" media="screen">*{margin:0;padding:0}html{min-height:100%}body{background:#fff;font-family:"Droid Sans",Arial,Helvetica,sans-serif;font-size:12px;color:#6b6b6b;min-height:100%}a,a:visited{color:#2d406d;text-decoration:none}#all{margin:10px 10 35px}li{float:left;width:16.66%;list-style:none}li img{width:64px;height:64px;margin-bottom:1px;border:0;vertical-align:top}li a{display:block;padding:6px;margin:0;text-align:center;font-weight:bold;background-color:rgba(235,239,249,0.0);cursor:pointer;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:96px;height:86px;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;transition:background-color .3s ease-out}li a:hover{background-color:#ebeff9;-webkit-transition:background-color 0s ease-out;-moz-transition:background-color 0s ease-out;transition:background-color 0s ease-out}hr{border:0;height:0;border-bottom:1px solid #eee;clear:both;padding-top:5px;margin:5px}.wibiya_toolbar_
holder{width:834px!important}#wibiya_toolbar_wrapper_mini{margin-right:44%!important}#searchform{margin-top:20px}#leftcol{float:left;width:114px;padding:0 16px 0 10px}#logo{display:block;text-align:center;color:#222}#logo img{border:0}#logo span{display:block;margin-top:-2px;font-size:10px}#rightcol{float:left;padding-top:3px;width:660px}#searchbox{width:560px;height:22px;padding:3px 5px;border:1px solid #999}#searchbutton{width:72px;height:30px;margin-left:16px;background-color:#dd4b39;color:#fff;border:0;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;cursor:pointer}#searchbutton:active{-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3);box-shadow:inset 0 1px 2px rgba(0,0,0,0.3)}#ppTD{display:none}#ads{width:100%;}#links{clear:both;padding-top:25px;}</style>
</head>
<body>
<div id="all">
<center>
<iframe src="https://duckduckgo.com/search.html?width=300&duck=yes" style="overflow:hidden;margin:0;padding:0;width:433px;height:60px;" frameborder="0"></iframe>
</center>
<ul id="links">
<li><a href="http://mail.google.com/" ><img src="gmail.png"><br>Gmail</a></li>
<li><a href="http://mail.yahoo.com/" ><img src="ymail.png"><br>Yahoo! Mail</a></li>
<li><a href="http://facebook.com/" ><img src="fbook.png"><br>Facebook</a></li>
<li><a href="http://www.deviantart.com/" ><img src="da.png"><br>Deviant Art</a></li>
<li><a href="http://www.kongregate.com/" ><img src="kong.png"><br>Kongregate</a></li>
<li><a href="http://armorgames.com/" ><img src="ag.png"><br>Armor Games</a></li>
</ul>
<hr>
<ul>
<li><a href="http://mail.com/" ><img src="mail.png"><br>Mail</a></li>
<li><a href="http://facebook.com/" ><img src="fbook.png"><br>Facebook</a></li>
<li><a href="http://www.linuxquestions.org/" ><img src="lq.png"><br>Linux</a></li>
<li><a href="http://www.thesaurus.com/" ><img src="thes.png"><br>Thesaurus</a></li>
<li><a href="http://www.cnn.com/"><img src="cnn.png"><br>CNN</a></li>
<li><a href="http://www.deviantart.com/" ><img src="da.png"><br>Deviant Art</a></li>
</ul>
<hr>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Main_Page" ><img src="wp.png"><br>Wikipedia</a></li>
<li><a href="https://www.kubuntuforums.net/forum.php" ><img src="kf.png"><br>kubuntu</a></li>
<li><a href="http://tldp.org/LDP/abs/html/abs-guide.html" ><img src="bs.png"><br>Bash Guide</a></li>
<li><a href="http://www.imdb.com/" ><img src="imdb.png"><br>IMDB</a></li>
<li><a href="https://translate.google.com/" ><img src="gt.png"><br>Translate</a></li>
<li><a href="https://appdb.winehq.org/" ><img src="wine.png"><br>WineHQ</a></li>
</ul>
<hr>
<ul>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
</ul>
<hr>
<ul>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
<li><a href="http://this-page-intentionally-left-blank.org/" ><img src="x.png"><br>BLANK</a></li>
</ul>
<hr>
</div>
</body>
</html>
Next I went browsing for icons and saved them inside the same hidden folder. Link it as your startup and or home button and viola!
Note: I also use an extension called New Tab Redirect which points here as well. This is my New Tab Page too.
Duck Duck Go is just my favorite search engine, you can embed the one you prefer.
nice
Comment