• 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

    • Valve finally confirms Steam Machine prices, starts at $1049 for 512GB option

      By ShadeOfBlue · Posted

      Those are some popular multiplayer games. But hardly "all". Just those that don't work on Linux currently due to specific anti-cheat implementations. I think it's also fair to point out the literally thousands of games that don't work on the PS5. And it's not locked at 1080p. That's the default, which you can change.
    • Ubuntu Livepatch arrives on Arm64 to eliminate system reboots for kernel updates

      By zikalify · Posted

      Ubuntu Livepatch arrives on Arm64 to eliminate system reboots for kernel updates by Paul Hill Canonical has just announced that its Livepatch service now supports computers with Arm64 processors. For those who are not familiar, Livepatch allows users to apply important kernel updates without any service interruption or rebooting. While home users will benefit from this, it’s even more important for critical machines that absolutely should not be going offline at all. The feature is available as part of Ubuntu Core 26 for Arm64 and Ubuntu Core 20 and onwards for AMD64. According to Canonical, this will improve the security of systems that aren’t security-maintained daily or weekly, and it helps organizations work towards Cyber Resilience Act (CRA) compliance. If you are familiar with Ubuntu, you probably know that most packages can be updated without having to restart the system. There is one big exception to this, and that’s the kernel; it typically requires you to reload the system to boot into the new kernel. With Livepatch, Canonical has done something so that you don’t need to restart to begin using the new kernel. Aside from Ubuntu Core 26, users with Arm64 chips running Ubuntu 26.04 LTS can also use Livepatch. If you want to learn more about Livepatch, check out its product page. There, you can also find a button to join Ubuntu Pro (it’s free for several home devices) so that you can enable Livepatch. By linking your computer to Ubuntu Pro, you will also extend the life of your Ubuntu install from five years to ten years. If you are running Ubuntu, let us know in the comments if you have been looking forward to this feature on your ARM-based computer. If you’ve had a compatible AMD64 machine for a while and never used this feature, let us know why in the comments!
    • The official Funny Pictures thread

      By Steven P. · Posted

    • Meta announces a major leadership change at WhatsApp

      By pradeepviswav · Posted

      Meta announces a major leadership change at WhatsApp by Pradeep Viswanathan Meta has announced a major leadership change at WhatsApp, with Will Cathcart stepping down after seven years of leading the world's largest messaging platform. CRED CEO and founder Kunal Shah will take over as the next global head of WhatsApp. CRED is an Indian fintech company focused on creditworthy consumers. As part of the transition, Meta is also making a minority investment in CRED through its Series H funding round. Meta CEO Mark Zuckerberg said Will Cathcart will remain at Meta and move into a new role focused on building new products from the ground up. Cathcart led WhatsApp during a major growth phase, helping the app reach more than 3 billion users worldwide. He also played a key role in expanding WhatsApp’s business offerings while keeping privacy and end-to-end encryption central to the product. Meta’s Chief Product Officer, Chris Cox, said Kunal Shah was selected after a search for a leader who understands WhatsApp’s global scale and future potential. In a leaked internal memo, Cox described Shah as a “serial founder” and one of India’s most respected entrepreneurs, adding that he brings “entrepreneurial energy” and a strong product mindset to the role. As part of the Series H funding round, CRED is raising ₹8,550 crore, or about $900 million, in a round led by Meta. The funding values CRED at ₹43,239 crore, or about $4.5 billion, on a post-money basis. It is important to note that this investment will not give Meta access to CRED customer information. Kunal posted the following on X regarding his new role at Meta: Although Kunal Shah will be stepping away from his operating role as CRED CEO, he will retain his personal shareholding in the company.
    • It's about to become harder to turn off your Samsung TV, thanks to Instagram

      By fishnet37222 · Posted

      It wouldn't be hard for me to turn off my TV, if I had one. For one thing, I never scroll Instagram. The only reason I have an account is because Meta created one when it merged the account systems for its various services.

  • Recent Achievements

    • One Month Later
      nates earned a badge
      One Month Later
    • Week One Done
      Almohandis earned a badge
      Week One Done
    • Rookie
      dorf went up a rank
      Rookie
    • First Post
      mike_rumble earned a badge
      First Post
    • Dedicated
      tuben earned a badge
      Dedicated

  • Popular Contributors

    1. 1
      +primortal
      506
    2. 2
      +Edouard
      207
    3. 3
      PsYcHoKiLLa
      98
    4. 4
      Michael Scrip
      89
    5. 5
      neufuse
      71
    Show More

  • Tell a friend

    Love Neowin? Tell a friend!