kaio393
10-06-2007, 07:01 PM
I'm trying to make it to where these buttons:
http://img530.imageshack.us/img530/518/calendarbuttonhd7.jpg
http://img49.imageshack.us/img49/9987/factsbuttonqw6.jpg
http://img530.imageshack.us/img530/7697/forumbuttonxf7.jpg
http://img221.imageshack.us/img221/5354/newsbuttonxq0.jpg
appear like this:
http://img516.imageshack.us/img516/8687/layoutkc6.jpg
on this page:
http://ubergoogling.googlepages.com/news2.html
Coding:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
<!--
* {
margin: 0;
padding: 0;
}
body {
background-color: #010c1e;
background-image: url(mainbg.jpg);
background-repeat: no-repeat;
background-position: center top;
font-family: "Segoe UI", Geneva, Arial, Helvetica, sans-serif;
color: #555555;
}
a {
color: #000066
}
p {
margin: 1em 0;
}
#pagewrap {
width: 700px;
margin: 0 auto;
padding-right: 3px;
height: 800px;
}
#leftcol {
float: left;
width: 450px;
padding-top: 269px;
padding-left: 15px;
}
#leftcol h2, #rightcol h2 {
line-height: 30px;
padding-bottom: 5px;
font-weight: normal;
}
#leftcol a {
float: left;
width: 82px;
height: 108px;
background-repeat: no-repeat;
background-position: center top;
color: #0D81CE;
}
#contentWrap {
margin: 0 207px 0 220px;
padding-top: 150px;
}
.style2 {font-size: medium}
#rightcol {
float: right;
width: 165px;
padding-top: 269px;
text-align: right;
padding-right: 15px;
}
</style>
<title>Uber Googlers :: News</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id="pagewrap">
<div id="leftcol">
<h2>News</h2>
<h1>More types of gadgets for iGoogle</h1>
<p>Google Desktop lets you not only search your computer easily, but you can also personalize your desktop. From cultivating a virtual potted plant, to reading the latest news and checking the weather forecast, you can customize your desktop with a variety of gadgets and a sidebar. Some of you have asked if you can also put gadgets on iGoogle homepages next to your other gadgets. And starting today, the answer is yes.
With Google Desktop 5.5 Beta, you can you now embed Google Desktop Gadgets right into your iGoogle homepage. Gadgets on an iGoogle homepage can have more advanced functionality, such as playing music from your computer. You can find them alongside other gadgets in the iGoogle Content Directory. We've also improved some of the other features; such as better looking Quick Search Box, support for multiple copies of a gadget, and improved Outlook search functionality. Read more on the Google Desktop Blog and check out these gadgets you can now add to your iGoogle homepage.</p>
</div>
<div id="rightcol">
<a href="../index2.html">
<p> <img src="bullet.gif" style="border-style: none"/> Main</p></a>
<a href="../contact2.html"><p> <img src="bullet.gif" style="border-style: none"/> Contact Us</p></a>
<a href="../about2.html"><p><img src="bullet.gif" style="border-style: none"/> About Us</p></a>
<a href="http://feeds.feedburner.com/blogspot/MKuf" ><p><img src="bullet.gif" style="border-style: none"/> Old News</p></a>
</div>
</body>
</html>
http://img530.imageshack.us/img530/518/calendarbuttonhd7.jpg
http://img49.imageshack.us/img49/9987/factsbuttonqw6.jpg
http://img530.imageshack.us/img530/7697/forumbuttonxf7.jpg
http://img221.imageshack.us/img221/5354/newsbuttonxq0.jpg
appear like this:
http://img516.imageshack.us/img516/8687/layoutkc6.jpg
on this page:
http://ubergoogling.googlepages.com/news2.html
Coding:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
<!--
* {
margin: 0;
padding: 0;
}
body {
background-color: #010c1e;
background-image: url(mainbg.jpg);
background-repeat: no-repeat;
background-position: center top;
font-family: "Segoe UI", Geneva, Arial, Helvetica, sans-serif;
color: #555555;
}
a {
color: #000066
}
p {
margin: 1em 0;
}
#pagewrap {
width: 700px;
margin: 0 auto;
padding-right: 3px;
height: 800px;
}
#leftcol {
float: left;
width: 450px;
padding-top: 269px;
padding-left: 15px;
}
#leftcol h2, #rightcol h2 {
line-height: 30px;
padding-bottom: 5px;
font-weight: normal;
}
#leftcol a {
float: left;
width: 82px;
height: 108px;
background-repeat: no-repeat;
background-position: center top;
color: #0D81CE;
}
#contentWrap {
margin: 0 207px 0 220px;
padding-top: 150px;
}
.style2 {font-size: medium}
#rightcol {
float: right;
width: 165px;
padding-top: 269px;
text-align: right;
padding-right: 15px;
}
</style>
<title>Uber Googlers :: News</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<div id="pagewrap">
<div id="leftcol">
<h2>News</h2>
<h1>More types of gadgets for iGoogle</h1>
<p>Google Desktop lets you not only search your computer easily, but you can also personalize your desktop. From cultivating a virtual potted plant, to reading the latest news and checking the weather forecast, you can customize your desktop with a variety of gadgets and a sidebar. Some of you have asked if you can also put gadgets on iGoogle homepages next to your other gadgets. And starting today, the answer is yes.
With Google Desktop 5.5 Beta, you can you now embed Google Desktop Gadgets right into your iGoogle homepage. Gadgets on an iGoogle homepage can have more advanced functionality, such as playing music from your computer. You can find them alongside other gadgets in the iGoogle Content Directory. We've also improved some of the other features; such as better looking Quick Search Box, support for multiple copies of a gadget, and improved Outlook search functionality. Read more on the Google Desktop Blog and check out these gadgets you can now add to your iGoogle homepage.</p>
</div>
<div id="rightcol">
<a href="../index2.html">
<p> <img src="bullet.gif" style="border-style: none"/> Main</p></a>
<a href="../contact2.html"><p> <img src="bullet.gif" style="border-style: none"/> Contact Us</p></a>
<a href="../about2.html"><p><img src="bullet.gif" style="border-style: none"/> About Us</p></a>
<a href="http://feeds.feedburner.com/blogspot/MKuf" ><p><img src="bullet.gif" style="border-style: none"/> Old News</p></a>
</div>
</body>
</html>