I did it by myself!

November 5, 2005

I've actually done some amount of web work by hand! Go to http://205.251.3.104/blogger, and see the amazing work!

I need a bit of help though. The header on my blog should be more like the one on http://205.251.3.104/preview/index.htm

November 6, 2005

Here, around line 33 of your CSS (not the entire site's source):

#main {
 line-height: 1.4;
 float: left;
 padding: 10px 12px;
           border-top: solid 1px #000;
 width: 428px;
 background: #ffffff;
 /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
 voice-family: "\"}\""; 
 voice-family: inherit;
 width: 404px;

}

The relevent code is the "border-top: solid 1px #000;", which you should just remove.

Does Blogger use custom tags (like <$PostContent$> or stuff like that)? If so, I'll need the original source code, not the server-generated code, if you want help validating.

November 6, 2005

Ya, it uses fancy stuff.

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
&lt;head&gt;
  &lt;title&gt;&lt;$BlogPageTitle$&gt;&lt;/title&gt;

  &lt;$BlogMetaData$&gt;

  &lt;link rel="stylesheet" type="text/css" /&gt;
  &lt;style type="text/css"&gt;

/*
-----------------------------------------------------
Blogger Template Style
Name:     revolution360 v3
Designer: Simon Andrews
URL:      r360.co.nr
Date:     4 november 2005
------------------------------------------------------ */

/* -- basic html elements -- */
body {padding: 0; margin: 0; font: 90% Helvetica, Arial, sans-serif; color: #000000; background: #ffffff; text-align: center;}
a {color: #3399ff; font-weight: bold; text-decoration: none;}
a:visited {color: #3399ff;}
a:hover {text-decoration: underline; color: #66ccff;}
h1 {margin: 0; color: #ffffff; font-size: 1.5em; text-transform: lowercase;}
h1 a {color: #7B8186;}
h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #000000; background: transparent url() bottom right no-repeat; padding-bottom: 2px;}
h3 {font-size: 1em; margin: 2em 0 0 0; background: transparent url() bottom right no-repeat; padding-bottom: 2px;}
h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;}
h5 {color: #000;}
h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;}
p {margin: 0 0 1em 0;}
img, form {border: 0; margin: 0;}

/* -- layout -- */
#content {width: 700px; height: 200; margin: 0 auto; text-align: left; background: #ffffff url() 0 0 repeat-y;}
#header {background: #ffffff url() 0 0 repeat-y;}
#header div {height: 200; background: transparent url(http://205.251.3.104/header.png) bottom left no-repeat;}
#main {
 line-height: 1.4;
 float: left;
 padding: 10px 12px;
 border-top: solid 0px #000;
 width: 428px;
 background: #ffffff;
 /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
 voice-family: "\"}\""; 
 voice-family: inherit;
 width: 404px;

}
/* IE5 hack */
#main {}
#sidebar {margin-left: 428px; border-top: solid 0px #fff; padding: 4px 0 0 7px; background: #f90 url() 0px 0 no-repeat;}
#footer {clear: both; background: #E9EAEB url() bottom left no-repeat; border-top: solid 0px #fff;}

/* -- header style -- */
#header h1 {padding: 12px 0 92px 15px; width: 557px; line-height: 1;}

/* -- content area style -- */
a {color: #3399ff; font-weight: bold; text-decoration: none;}
a:visited {color: #3399ff;}
a:hover {text-decoration: underline; color: #66ccff;}h3.post-title {font-size: 1.2em; margin-bottom: 0;}
h3.post-title a {color: #000000;}
.post {clear: both; margin-bottom: 4em;}
.post-footer em {color: #000000; font-style: normal; float: left;}
.post-footer .comment-link {float: right;}
#main img {border: solid 1px #E3E4E4; padding: 2px; background: #fff;}
.deleted-comment {font-style:italic;color:gray;}


/* -- sidebar style -- */
.roundcont {
	width: 98.5%;
	background-color: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

#sidebar #description {border: solid 0px #BFFC45; padding: 10px 17px; color: #839D07; background: #f90; font-size: 1.2em; font-weight: bold; line-height: 0.9; margin: 0 0 0 -6px;}
#sidebar h2 {font-size: 1.3em; margin: 1.3em 0 0.5em 0; background: #f90;}
#sidebar dl {margin: 0 0 10px 0; background: #f90;}
#sidebar ul {list-style: none; margin: 0; padding: 0; background: #f90;}
#sidebar li {padding-bottom: 5px; line-height: 0.9; background: #f90;}
#profile-container {color: #7B8186; background: #f90;}
#profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left; background: #f90;}
.archive-list {margin-bottom: 2em; background: #f90;}
#powered-by {margin: 10px auto 20px auto; background: #f90;}


/* -- sidebar style -- */
#footer p {margin: 0; padding: 12px 8px; font-size: 0.9em; background: #f90;)
#footer hr {display: none; background: #f90;}
  &lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;


&lt;!-- Begin #content - Centers all content and provides edges for floated columns --&gt;
&lt;div id="content"&gt;

&lt;div id="header"&gt;&lt;div&gt;
  &lt;h1&gt;&lt;ItemPage&gt;&lt;a href="&lt;$BlogURL$&gt;"&gt;&lt;/ItemPage&gt;
	Quick Update
	&lt;ItemPage&gt;&lt;/a&gt;&lt;/ItemPage&gt;&lt;/h1&gt;
&lt;/div&gt;&lt;/div&gt;

&lt;!-- Begin #main - Contains main-column blog content --&gt;
&lt;div id="main"&gt;

&lt;Blogger&gt;

    &lt;BlogDateHeader&gt;
  &lt;h2 class="date-header"&gt;&lt;$BlogDateHeaderDate$&gt;&lt;/h2&gt;
  &lt;/BlogDateHeader&gt;
  
  &lt;!-- Begin .post --&gt;
  &lt;div class="post"&gt;&lt;a name="&lt;$BlogItemNumber$&gt;"&gt;&lt;/a&gt;
     
    &lt;BlogItemTitle&gt;
    &lt;h3 class="post-title"&gt;
  &lt;BlogItemUrl&gt;&lt;a href="&lt;$BlogItemUrl$&gt;" title="external link"&gt;&lt;/BlogItemUrl&gt;
  &lt;$BlogItemTitle$&gt;
  &lt;BlogItemUrl&gt;&lt;/a&gt;&lt;/BlogItemUrl&gt;
    &lt;/h3&gt;
    &lt;/BlogItemTitle&gt;
     
    &lt;p&gt;&lt;$BlogItemBody$&gt;&lt;/p&gt;
        
    &lt;p class="post-footer"&gt;
      &lt;em&gt;posted by &lt;$BlogItemAuthorNickname$&gt; @ &lt;a href="&lt;$BlogItemPermalinkUrl$&gt;" title="permanent link"&gt;&lt;$BlogItemDateTime$&gt;&lt;/a&gt;&lt;/em&gt;
      &lt;MainOrArchivePage&gt;&lt;BlogItemCommentsEnabled&gt;
         &lt;a class="comment-link" href="&lt;$BlogItemCommentCreate$&gt;"&lt;$BlogItemCommentFormOnclick$&gt;&gt;&lt;$BlogItemCommentCount$&gt; comments&lt;/a&gt;
      &lt;/BlogItemCommentsEnabled&gt;&lt;/MainOrArchivePage&gt; &lt;$BlogItemControl$&gt;
    &lt;/p&gt;
  &lt;/div&gt;
  &lt;!-- End .post --&gt;
  
  
  
  &lt;!-- Begin #comments --&gt;
 &lt;ItemPage&gt;

  &lt;div id="comments"&gt;

	&lt;BlogItemCommentsEnabled&gt;&lt;a name="comments"&gt;&lt;/a&gt;
    
    &lt;h4&gt;&lt;$BlogItemCommentCount$&gt; Comments:&lt;/h4&gt;
    
    &lt;dl id="comments-block"&gt;
      &lt;BlogItemComments&gt;
      &lt;dt class="comment-data" id="c000000045"&gt;&lt;a name="c&lt;$BlogCommentNumber$&gt;"&gt;&lt;/a&gt;
        At &lt;a href="#c&lt;$BlogCommentNumber$&gt;" title="comment permalink"&gt;&lt;$BlogCommentDateTime$&gt;&lt;/a&gt;,
        &lt;$BlogCommentAuthor$&gt; said...
      &lt;/dt&gt;
      &lt;dd class="comment-body"&gt;
        &lt;p&gt;&lt;$BlogCommentBody$&gt;&lt;/p&gt;
   &lt;$BlogCommentDeleteIcon$&gt;
      &lt;/dd&gt;
     &lt;/BlogItemComments&gt;
    &lt;/dl&gt;

	&lt;p&gt;
    &lt;$BlogItemCreate$&gt;
    &lt;/p&gt;
  
  &lt;/BlogItemCommentsEnabled&gt;

	&lt;p&gt;
	&lt;a href="&lt;$BlogURL$&gt;"&gt;&lt;&lt; Home&lt;/a&gt;
    &lt;/p&gt;
    &lt;/div&gt;

&lt;/ItemPage&gt;
  &lt;!-- End #comments --&gt;

&lt;/Blogger&gt;
&lt;/div&gt;
&lt;!-- End #main --&gt;

&lt;div class="roundcont"&gt;
   &lt;div class="roundtop"&gt;
  &lt;img src="tl.gif" alt="" 
  width="15" height="15" class="corner" 
  style="display: none" /&gt;
   &lt;/div&gt;
&lt;!-- Begin #sidebar --&gt;
&lt;div id="sidebar"&gt;

&lt;a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=60452&amp;t=78"&gt;&lt;img border="0" alt="Get Firefox!" title="Get Firefox!" src="https://sfx-images.mozilla.org/affiliates/Buttons/120x60/get.gif"/&gt;&lt;/a&gt;

  &lt;!-- End #profile --&gt;
    
        &lt;MainOrArchivePage&gt;
  &lt;h2 class="sidebar-title"&gt;Some useful items&lt;/h2&gt;
    &lt;ul&gt;
    	&lt;li&gt;&lt;a href="atom.xml"&gt;Site Feed (Atom XML)&lt;/a&gt;&lt;/li&gt;
    	&lt;li&gt;&lt;a href="http://205.251.3.104"&gt;Revolution360&lt;/a&gt;&lt;/li&gt;
    	&lt;li&gt;&lt;a href="https://www.neowin.net"&gt;Neowin&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/MainOrArchivePage&gt;
  
  &lt;h2 class="sidebar-title"&gt;Previous Posts&lt;/h2&gt;
  
  &lt;ul id="recently"&gt;
    &lt;BloggerPreviousItems&gt;
        &lt;li&gt;&lt;a href="&lt;$BlogItemPermalinkURL$&gt;"&gt;&lt;$BlogPreviousItemTitle$&gt;&lt;/a&gt;&lt;/li&gt;
     &lt;/BloggerPreviousItems&gt;
  &lt;/ul&gt;
  
  &lt;MainOrArchivePage&gt;
  &lt;h2 class="sidebar-title"&gt;Archives&lt;/h2&gt;
  
  &lt;ul class="archive-list"&gt;
      &lt;BloggerArchives&gt;
    	&lt;li&gt;&lt;a href="&lt;$BlogArchiveURL$&gt;"&gt;&lt;$BlogArchiveName$&gt;&lt;/a&gt;&lt;/li&gt;
   &lt;/BloggerArchives&gt;
      &lt;ArchivePage&gt;&lt;li&gt;&lt;a href="&lt;$BlogURL$&gt;"&gt;Current Posts&lt;/a&gt;&lt;/li&gt;&lt;/ArchivePage&gt;
  &lt;/ul&gt;
  &lt;/MainOrArchivePage&gt;  
  
  
  &lt;p id="powered-by"&gt;&lt;a href="http://www.blogger.com"&gt;&lt;img src="https://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /&gt;&lt;/a&gt;&lt;/p&gt;
  
  &lt;!--
  &lt;p&gt;This is a paragraph of text that could go in the sidebar.&lt;/p&gt;
  --&gt;
  


&lt;/div&gt;
&lt;!-- End #sidebar --&gt;
   &lt;div class="roundbottom"&gt;
  &lt;img src="bl.gif" alt="" 
  width="15" height="15" class="corner" 
  style="display: none" /&gt;
   &lt;/div&gt;

&lt;/div&gt;	



&lt;!-- Begin #footer --&gt;

&lt;div id="footer"&gt;
&lt;div class="roundcont"&gt;
   &lt;div class="roundtop"&gt;
  &lt;img src="tl.gif" alt="" 
  width="15" height="15" class="corner" 
  style="display: none" /&gt;
   &lt;/div&gt;
  &lt;p&gt;&lt;a href="http://www.freedomain.co.nr/" target="_blank"&gt;
&lt;img src="anima.gif" width="88" height="31" border="0" alt="Free Domain &amp; Free URL Redirection"&gt;&lt;/a&gt;
&lt;br&gt;It's not my fault, it never has been! &lt;/p&gt;
&lt;div class="roundbottom"&gt;
  &lt;img src="bl.gif" alt="" 
  width="15" height="15" class="corner" 
  style="display: none" /&gt;
   &lt;/div&gt;&lt;/div&gt;   

&lt;!-- End #footer --&gt;

&lt;/div&gt;	




&lt;/div&gt;
&lt;!-- End #content --&gt;

&lt;/body&gt;
&lt;/html&gt;

November 6, 2005

just change the blue-on-orange sidebar.

November 6, 2005

I don't know how, if I chnage the links on the sidebar, I have to change the links on the whole page.

November 6, 2005

I had to change the DTD to XHTML transitional in order to comply with Blogger's automatic code. Unfortunate, but oh well.

I've cleaned and tidied the code up a bit. It's just a quick job, nothing too fancy, but it's much easier to read and stuff.

Tell me if you need anything changed.

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"&gt;
&lt;head&gt;
	&lt;title&gt;&lt;$BlogPageTitle$&gt;&lt;/title&gt;

	&lt;$BlogMetaData$&gt;

	&lt;style type="text/css"&gt;

/*
-----------------------------------------------------
Blogger Template Style
Name:     revolution360 v3
Designer: Simon Andrews
URL:      r360.co.nr
Date:     4 november 2005
------------------------------------------------------ */

/* -- basic html elements -- */
body {
	padding: 0;
	margin: 0;
	font: 90% black Helvetica, Arial, sans-serif;
	color: #000;
	background: #fff;
	text-align: center;
}

:link, :visited {
	color: #39f;
	font-weight: bold;
	text-decoration: none;
}
:link:hover, :visited:hover {
	text-decoration: underline;
	color: #6cf;
}

h1 {
	margin: 0; color: #fff;
	font-size: 1.5em;
	text-transform: lowercase;
}
h1 :link {
	color: #7b8186;
}
h2, #comments h4 {
	font-size: 1em;
	margin: 2em 0 0 0;
	color: #000;
	background: transparent;
	padding-bottom: 2px;
}
h3 {
	font-size: 1em;
	margin: 2em 0 0 0;
	background: transparent;
	padding-bottom: 2px;
}
h4, h5 {
	font-size: 0.9em;
	text-transform: lowercase;
	letter-spacing: 2px;
}
h5 {
	color: #000;
}
h6 {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 2px;
}

p {
	margin: 0 0 1em 0;
}

img, form {
	border: 0; margin: 0;
}

/* -- layout -- */
#content {
	width: 700px;
/*	height: 200; - A unit of measurement must be specified. */
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#header {
	background: #fff;
}

#header div {
/*	height: 200; - A unit of measurement must be specified. */
	background: transparent url(http://205.251.3.104/header.png) bottom left no-repeat;
}

#main {
	line-height: 1.4;
	float: left;
	padding: 10px 12px;
	width: 428px;
	background: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 404px;
}

/* IE5 hack */
#main {}

#sidebar {
	margin-left: 428px;
	padding: 4px 0 0 7px;
	background: #f90;
}

#footer {
	clear: both;
	background: #e9eaeb;
}

/* -- header style -- */
#header h1 {
	padding: 12px 0 92px 15px;
	width: 557px;
	line-height: 1;
}

/* -- content area style -- */
:link {
	color: #39f;
	font-weight: bold;
	text-decoration: none;
}
:visited {
	color: #39f;
}
:link:hover, :visited:hover {
	text-decoration: underline;
	color: #6cf;
}

h3.post-title {
	font-size: 1.2em;
	margin-bottom: 0;
}

h3.post-title :link {
	color: #000;
}

.post {
	clear: both;
	margin-bottom: 4em;
}

.post-footer em {
	color: #000;
	font-style: normal;
	float: left;
}

.post-footer .comment-link {
	float: right;
}

#main img {
	border: solid 1px #e3e4e4;
	padding: 2px;
	background: #fff;
}

.deleted-comment {
	font-style: italic;
	color: gray;
}

/* -- sidebar style -- */
.roundcont {
	width: 98.5%;
	background: #f90;
	color: #fff;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop {
	background: url(tr.gif) no-repeat top right;
}

.roundbottom {
	background: url(br.gif) no-repeat top right;
}

img.corner {
	width: 15px;
	height: 15px;
	border: none;
	display: block !important;
}

#sidebar #description {
	padding: 10px 17px;
	color: #839d07;
	background: #f90;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 0.9;
	margin: 0 0 0 -6px;
}

#sidebar h2 {
	font-size: 1.3em;
	margin: 1.3em 0 0.5em 0;
	background: #f90;
}

#sidebar dl {
	margin: 0 0 10px 0;
	background: #f90;
}

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #f90;
}

#sidebar li {
	padding-bottom: 5px;
	line-height: 0.9;
	background: #f90;
}

#sidebar :link, #sidebar :visited {
	color: #fff;
	background: #f90;
}

#sidebar :link:hover, #sidebar :visited:hover {
	color: #000;
	background: #f90;
	text-decoration: underline;
}

#profile-container {
	color: #7b8186;
	background: #f90;
}

#profile-container img {
	border: solid 1px #7c78b5;
	padding: 4px 4px 8px 4px;
	margin: 0 10px 1em 0;
	float: left;
	background: #f90;
}

.archive-list {
	margin-bottom: 2em;
	background: #f90;
}

#powered-by {
	margin: 10px auto 20px auto;
	background: #f90;
}

/* -- sidebar style -- */
#footer p {
	margin: 0;
	padding: 12px 8px;
	font-size: 0.9em;
	background: #f90;
}
/*#footer hr {
	display: none;
	background: #f90;
} - are there any hr elements on the page? */

&lt;/style&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;!-- Begin #content - Centers all content and provides edges for floated columns --&gt;
&lt;div id="content"&gt;

&lt;div id="header"&gt;
	&lt;div&gt;
  &lt;h1&gt;&lt;ItemPage&gt;&lt;a href="&lt;$BlogURL$&gt;"&gt;&lt;/ItemPage&gt;Quick Update&lt;ItemPage&gt;&lt;/a&gt;&lt;/ItemPage&gt;&lt;/h1&gt;
	&lt;/div&gt;
&lt;/div&gt;

&lt;!-- Begin #main - Contains main-column blog content --&gt;
&lt;div id="main"&gt;

&lt;Blogger&gt;

&lt;BlogDateHeader&gt;
	&lt;h2 class="date-header"&gt;&lt;$BlogDateHeaderDate$&gt;&lt;/h2&gt;
&lt;/BlogDateHeader&gt;

&lt;!-- Begin .post --&gt;
&lt;div class="post"&gt;
&lt;a name="&lt;$BlogItemNumber$&gt;"&gt;&lt;/a&gt;
   
&lt;BlogItemTitle&gt;
	&lt;h3 class="post-title"&gt;
  &lt;BlogItemUrl&gt;
  	&lt;a href="&lt;$BlogItemUrl$&gt;" title="external link"&gt;
  &lt;/BlogItemUrl&gt;

  &lt;$BlogItemTitle$&gt;

  &lt;BlogItemUrl&gt;
  	&lt;/a&gt;
  &lt;/BlogItemUrl&gt;
	&lt;/h3&gt;
&lt;/BlogItemTitle&gt;

&lt;div&gt;&lt;$BlogItemBody$&gt;&lt;/div&gt;

&lt;p class="post-footer"&gt;
	&lt;em&gt;posted by &lt;$BlogItemAuthorNickname$&gt; @ &lt;a href="&lt;$BlogItemPermalinkUrl$&gt;" title="permanent link"&gt;&lt;$BlogItemDateTime$&gt;&lt;/a&gt;&lt;/em&gt;
	&lt;MainOrArchivePage&gt;
  &lt;BlogItemCommentsEnabled&gt;
  	&lt;!--&lt;a class="comment-link" href="&lt;$BlogItemCommentCreate$&gt;" onclick="&lt;$BlogItemCommentFormOnclick$&gt;"&gt; - The onclick isn't necessary...--&gt;
  	&lt;a class="comment-link" href="&lt;$BlogItemCommentCreate$&gt;"&gt;
    &lt;$BlogItemCommentCount$&gt; comments
  	&lt;/a&gt;
  &lt;/BlogItemCommentsEnabled&gt;
	&lt;/MainOrArchivePage&gt;
	&lt;$BlogItemControl$&gt;
&lt;/p&gt;

&lt;/div&gt;
&lt;!-- End .post --&gt;

&lt;!-- Begin #comments --&gt;
&lt;ItemPage&gt;

&lt;div id="comments"&gt;

&lt;BlogItemCommentsEnabled&gt;
	&lt;a id="comments"&gt;
&lt;/a&gt;

&lt;h4&gt;&lt;$BlogItemCommentCount$&gt; Comments:&lt;/h4&gt;

&lt;dl id="comments-block"&gt;
	&lt;BlogItemComments&gt;
  &lt;dt class="comment-data" id="c000000045"&gt;
  	&lt;a id="c&lt;$BlogCommentNumber$&gt;"&gt;&lt;/a&gt;
  	At &lt;a href="#c&lt;$BlogCommentNumber$&gt;" title="comment permalink"&gt;&lt;$BlogCommentDateTime$&gt;&lt;/a&gt;, &lt;$BlogCommentAuthor$&gt; said…
  &lt;/dt&gt;

  &lt;dd class="comment-body"&gt;
  	&lt;p&gt;&lt;$BlogCommentBody$&gt;&lt;/p&gt;
  	&lt;$BlogCommentDeleteIcon$&gt;
  &lt;/dd&gt;
	&lt;/BlogItemComments&gt;
&lt;/dl&gt;

&lt;p&gt;
	&lt;$BlogItemCreate$&gt;
&lt;/p&gt;

&lt;/BlogItemCommentsEnabled&gt;

&lt;p&gt;
	&lt;a href="&lt;$BlogURL$&gt;"&gt;&lt;&lt; Home&lt;/a&gt;
&lt;/p&gt;

&lt;/div&gt;

&lt;/ItemPage&gt;
&lt;!-- End #comments --&gt;

&lt;/Blogger&gt;
&lt;/div&gt;
&lt;!-- End #main --&gt;

&lt;div class="roundcont"&gt;
	&lt;div class="roundtop"&gt;
  &lt;img src="tl.gif" alt="" width="15" height="15" class="corner" style="display: none" /&gt;
	&lt;/div&gt;

&lt;!-- Begin #sidebar --&gt;
&lt;div id="sidebar"&gt;

&lt;a href="http://www.spreadfirefox.com/?q=affiliates&amp;id=60452&amp;t=78"&gt;
	&lt;img border="0" alt="Get Firefox!" title="Get Firefox!" src="https://sfx-images.mozilla.org/affiliates/Buttons/120x60/get.gif"/&gt;
&lt;/a&gt;
&lt;!-- End #profile --&gt;

&lt;MainOrArchivePage&gt;
	&lt;h2 class="sidebar-title"&gt;Some useful items&lt;/h2&gt;
	&lt;ul&gt;
  &lt;li&gt;&lt;a href="atom.xml"&gt;Site Feed (Atom XML)&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://205.251.3.104"&gt;Revolution360&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="https://www.neowin.net"&gt;Neowin&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;
&lt;/MainOrArchivePage&gt;

&lt;h2 class="sidebar-title"&gt;Previous Posts&lt;/h2&gt;

&lt;ul id="recently"&gt;
	&lt;BloggerPreviousItems&gt;
  &lt;li&gt;&lt;a href="&lt;$BlogItemPermalinkURL$&gt;"&gt;&lt;$BlogPreviousItemTitle$&gt;&lt;/a&gt;&lt;/li&gt;
	&lt;/BloggerPreviousItems&gt;
&lt;/ul&gt;

&lt;MainOrArchivePage&gt;
	&lt;h2 class="sidebar-title"&gt;Archives&lt;/h2&gt;

	&lt;ul class="archive-list"&gt;
  &lt;BloggerArchives&gt;
  	&lt;li&gt;&lt;a href="&lt;$BlogArchiveURL$&gt;"&gt;&lt;$BlogArchiveName$&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;/BloggerArchives&gt;

  &lt;ArchivePage&gt;
  	&lt;li&gt;&lt;a href="&lt;$BlogURL$&gt;"&gt;Current Posts&lt;/a&gt;&lt;/li&gt;
  &lt;/ArchivePage&gt;
	&lt;/ul&gt;
&lt;/MainOrArchivePage&gt;  

&lt;p id="powered-by"&gt;
	&lt;a href="http://www.blogger.com"&gt;&lt;img src="https://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" title="" /&gt;&lt;/a&gt;
&lt;/p&gt;

&lt;!--
	&lt;p&gt;This is a paragraph of text that could go in the sidebar.&lt;/p&gt;
--&gt;

&lt;/div&gt;
&lt;!-- End #sidebar --&gt;

&lt;div class="roundbottom"&gt;
	&lt;img src="bl.gif" alt="" width="15" height="15" class="corner" style="display: none" /&gt;
&lt;/div&gt;

&lt;/div&gt;

&lt;!-- Begin #footer --&gt;
&lt;div id="footer"&gt;
	&lt;div class="roundcont"&gt;
  &lt;div class="roundtop"&gt;
  	&lt;img src="tl.gif" alt="" width="15" height="15" class="corner" style="display: none" /&gt;
  &lt;/div&gt;

&lt;p&gt;
	&lt;a href="http://www.freedomain.co.nr/" onclick="window.open('http://www.freedomain.co.nr/'); return false;"&gt;
  &lt;img src="anima.gif" width="88" height="31" border="0" alt="Free Domain &amp; Free URL Redirection" title="" /&gt;
	&lt;/a&gt;
&lt;/p&gt;

&lt;p&gt;It's not my fault, it never has been!&lt;/p&gt;

&lt;div class="roundbottom"&gt;
	&lt;img src="bl.gif" alt="" width="15" height="15" class="corner" style="display: none" /&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;!-- End #footer --&gt;

&lt;/div&gt;

&lt;/div&gt;
&lt;!-- End #content --&gt;

&lt;/body&gt;
&lt;/html&gt;

Edited November 6, 2005 by mzhao

November 6, 2005

Thanks a lot! It works perfectly! But it will never get a w3c button, I guess. Too much blogger code.

November 6, 2005

The blog does validate to XHTML 1.0 Transitional, though, so you can safely put a W3C image on it :)

Edited November 6, 2005 by mzhao

November 6, 2005

MUCH better!

November 6, 2005

What's another "playful" color that would fit into this page? I'd like to change the color of the footer.

November 6, 2005

Hot pink? :p

Nah, it wouldn't match the rest of the layout.

November 6, 2005

What about a light green?

November 7, 2005

WHAT THE ****

I asked people to comment on my new forum and my thread was ****ing closed

November 7, 2005

]Might wanna drop css for now.

Whaaatt?? Blasphemy. Design w/o CSS is a horrible route to take these days, even if you are a beginner (especially if you are a beginner). Don't use design techniques pre-CSS! You will just get in a lot of bad habits that are hard to break when you do start learning CSS. Best to just get it right from the start.

-shardrack

November 7, 2005

What about a light green?

:yes:

Right now, you're leaning towards the friendly "light colors" style. Stick with it.

November 7, 2005

If anyone in this thread is using Internet Explorer, you've probably noticed a problem with the sidebar. Since I have no idea how <div>s work, could someone show me how I might fix it?

November 7, 2005

ff 4 me

November 7, 2005

And the footer has its own color now.

November 7, 2005

Hey nice work now, I'm loving the new layout and roundy bits. Also the colours are nice and easy now. Well done. I especially like the orange! Keep up the good work mate.

November 7, 2005

Hey nice work now, I'm loving the new layout and roundy bits. Also the colours are nice and easy now. Well done. I especially like the orange! Keep up the good work mate.

586779653[/snapback]

Wow, thanks.

I'm starting to get the impression I have actually made a good layout. I also decided to change my avatar and signature to match it.

November 7, 2005

Does anyone have an idea on how to fix the sidebar in IE? All the other major browsers (Opera, Firefox) work perfectly, but a lot of people do use IE.

November 7, 2005

Does anyone have an idea on how to fix the sidebar in IE? All the other major browsers (Opera, Firefox) work perfectly, but a lot of people do use IE.

586780473[/snapback]

try defining a specific width: try 370px.

November 7, 2005

One small thing, change the text color in the footer to something darker. White on lime green doesn't mix very well :/

Sign In

I did it by myself!

Question

Simon Veteran

Link to comment

Share on other sites

47 answers to this question

Recommended Posts

turkishdelight

Link to comment

Share on other sites

Simon Veteran

Link to comment

Share on other sites

Computer Guru

Link to comment

Share on other sites

Simon Veteran

Link to comment

Share on other sites

turkishdelight

Link to comment

Share on other sites

Simon Veteran

Link to comment

Share on other sites

turkishdelight

Link to comment

Share on other sites

Computer Guru

Link to comment

Share on other sites

Simon Veteran

Link to comment

Share on other sites

turkishdelight

Link to comment

Share on other sites

Simon Veteran

Link to comment

Share on other sites

jokeripa

Link to comment

Share on other sites

Shadrack

Link to comment

Share on other sites

turkishdelight

Link to comment

Share on other sites

Simon Veteran

Link to comment

Share on other sites

Computer Guru

Link to comment

Share on other sites

Simon Veteran

Link to comment

Share on other sites

tuckeratlarge

Link to comment

Share on other sites

Simon Veteran

Link to comment

Share on other sites

Simon Veteran

Link to comment

Share on other sites

CeruleanCowboy

Link to comment

Share on other sites

turkishdelight

Link to comment

Share on other sites

Recently Browsing 0 members

Posts

Recent Achievements

Popular Contributors

Tell a friend