• 0

I did it by myself!

Asked by Simon,

 Share

Question

47 answers to this question

Recommended Posts

  • 0
Mentor

turkishdelight

Posted
Posted

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.

  • 0
Grand Master

Simon Veteran

Posted
  • Author
  • Veteran
Posted

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;

  • 0
Mentor

turkishdelight

Posted
Posted (edited)

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 by mzhao
  • 0
Grand Master

Shadrack

Posted
Posted
]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

  • 0
Veteran

tuckeratlarge

Posted
Posted

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.

  • 0
Grand Master

Simon Veteran

Posted
  • Author
  • Veteran
Posted
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.

This topic is now closed to further replies.
 Share
Go to question listing

  • Recently Browsing   0 members

    • No registered users viewing this page.

  • Posts

    • Politically funny images of the World

      By +primortal · Posted

    • How to Do More with Less: Future-Proofing Yourself in an AI-driven Economy —was $28 now FREE

      By News Staff · Posted

      How to Do More with Less: Future-Proofing Yourself in an AI-driven Economy —was $28 now FREE by Steven Parker Claim your complimentary copy (worth $28) of "How to Do More with Less: Future-Proofing Yourself in an AI-driven Economy" for free, before the offer ends on June 30. Description In today’s workplace, headlines about artificial intelligence can feel overwhelming. With headlines swinging between promises of utopia and warnings of mass unemployment, for most knowledge workers, the truth feels unclear. In this book, Sharon Gai cuts through the noise. Drawing from real-world examples and global insights, she explains how AI is reshaping the way we work—without hype or fearmongering. Instead of choosing between blind optimism or outright pessimism, she offers a practical, balanced perspective that helps readers make sense of the rapidly evolving AI landscape. You’ll learn how to: Reskill and future-proof your career in the face of AI disruption Identify which parts of your role can be automated, and which require human creativity and judgment Use proven frameworks to evaluate AI’s impact on your work and your organization Apply actionable tips and tools to boost productivity, make smarter decisions, and do more with less Gain clarity as a parent, leader, or professional navigating what this means for the next generation Whether you’re an employee anxious about your future, a parent concerned about your children’s opportunities, or a leader managing a lean team with tight budgets, this book provides the strategies and mindset you need to adapt so you can stop worrying and start preparing. How to download for free Please ensure you read the terms and conditions to claim this offer. Complete and verifiable information is required in order to receive this free offer. If you have previously made use of these offers, you will not need to re-register. Was $28, but is now FREE | Below free offer link expires on June 30. How to Do More with Less: Future-Proofing Yourself in an AI-driven Economy The below offers are also available for free in exchange for your (work) email: The Vibe Coding Playbook: Building Your Tech Business with AI ($35 Value) FREE - Expires 6/23 The Persuasion Engine: How Any Business Can Use AI-Powered Neuromarketing to Understand and Win Customers ($28 Value) FREE - Expires 6/24 How to Do More with Less: Future-Proofing Yourself in an AI-driven Economy ($28 Value) FREE - Expires 6/30 Cloud Security Fundamentals: Building the Foundations for Secure Cloud Platforms ($131.95 Value) FREE - Expires 7/1 The Complete Free AI Learning: Master ChatGPT, Claude, Gemini & More ($21 Value) FREE How to Build an AI Design Workflow with Gamma ($21 Value) FREE The Ultimate Linux Newbie Guide – Featured Free content Python Notes for Professionals – Featured Free content Learn Linux in 5 Days – Featured Free content Quick Reference Guide for Cybersecurity – Featured Free content We post these because we earn commission on each lead so as not to rely solely on advertising, which many of our readers block. It all helps toward paying staff reporters, servers and hosting costs. Other ways to support Neowin The above deal not doing it for you, but still want to help? Check out the links below. Check out our partner software in the Neowin Store Buy a T-shirt at Neowin's Threadsquad Subscribe to Neowin - for $14 a year, or $28 a year for an ad-free experience Disclosure: An account at Neowin Deals is required to participate in any deals powered by our affiliate, StackCommerce. For a full description of StackCommerce's privacy guidelines, go here. Neowin benefits from shared revenue of each sale made through the branded deals site.
    • Microsoft admits one of the most crucial Outlook features is currently broken

      By hellowalkman · Posted

      Microsoft admits one of the most crucial Outlook features is currently broken by Sayan Sen Microsoft is making some decent progress when it comes to Windows 11. Recently we have confirmed reports of some rather useful improvements landing in the next version of the OS, 26H2, wherein GPU driver TDR crashes may finally be fixed, plus the company is also allowing users to disable web content on the Search. On the Outlook front though things have not been so rosy. Last month in May we reported several problems affecting basic functionalities on the app. These included a problem where documents would open blank or corrupt themselves. Following that, Quick Steps, a very useful feature, would no longer work correctly, and finally, Microsoft acknowledged a problem wherein images would fail to load up properly inside the email. Microsoft had resolved those bugs later and almost exactly a month after we reported on them, the company has now admitted a new similarly basic issue, this time on Macs. Users recently started noticing that Outlook would no longer display email threads properly as the original message itself was not displayed. An affected user Tsoumpas, C (ngmb) nicely described the problem in a forum post they made on Microsoft's site. They wrote: "Description of the issue: After updating Outlook for Mac [Version 16.110 (26061317)] on 18/6/2026, replying to any email no longer includes the original message in the reply window. Prior to the update, replies correctly contained the original email text below my response. Expected behavior: The original message should be included in the reply, as in previous Outlook versions and according to the configured reply settings. Actual behavior: The reply window contains only a blank composition area (or only my response), with none of the original email text included." Obviously this must be a highly frustrating for users as noted by several in that thread. The post, at the time of writing, has also been upvoted by more than 40 users indicating that is a fairly widespread bug. Thankfully Microsoft seems to have acknowledged the problem right around that time as it opened a new issue on its official website. In the support article, the company recommends switching to Outlook for Mac from the legacy app, where the problem appears to be happening.
    • PotPlayer 260622

      By Copernic · Posted

      PotPlayer 260622 by Razvan Serea PotPlayer is an extremely light-weight multimedia player for Windows. It feels like the KMPlayer, but is in active development. Supports almost every available video formats out there. PotPlayer contains internal codecs and there is no need to install codecs manually. Other key features include WebCam/Analog/Digital TV devices support, gapless video playback, DXVA, live broadcasting. Distinctive features of the player is a high quality playback, support for all modern video and audio formats and a built DXVA video codecs. A wide range of subtitles are supported and you are also able to capture audio, video, and screenshots. A comprehensive video and audio player, that also supports TV channels, subtitles and skins. Its been described on the Internet as The KMPlayer redux, and it pretty much is. Daum PotPlayer 260622 (1.7.22963) changelog: Removed Kakao TV Added pause function when navigating via the navigation bar Significantly improved internal stability Fixed an issue where colors appeared strange during RGB24 processing Improved playback for some HTTP streams Improved sync processing for the built-in audio renderer Fixed an issue where certain MP4 files behaved abnormally during playback Download: Daum PotPlayer (64-bit) | 54.7 MB (Freeware) Download: Daum PotPlayer (32-bit) | 61.1 MB View: Daum PotPlayer Home Page | Screenshot Get alerted to all of our Software updates on Twitter at @NeowinSoftware
    • Tixati 3.44

      By Copernic · Posted

      Tixati 3.44 is out.

  • Recent Achievements

    • Dedicated
      tuben earned a badge
      Dedicated
    • Week One Done
      mnsgroup earned a badge
      Week One Done
    • Conversation Starter
      sumytbe earned a badge
      Conversation Starter
    • One Year In
      B4dM1k3 earned a badge
      One Year In
    • One Year In
      DarkWun earned a badge
      One Year In

  • Popular Contributors

    1. 1
      +primortal
      522
    2. 2
      +Edouard
      199
    3. 3
      PsYcHoKiLLa
      94
    4. 4
      Michael Scrip
      82
    5. 5
      neufuse
      69
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!