[Aiuto] Modifica CSS (sono niubbo in tema e non so se la sezione è giusta)

MarkManson · 01-03-2011, 23:59

Ragazzi, ho il template che allegherò nel codice, e vorrei innanzi tutto renderlo funzionante, perchè dopo averlo installato cosi com'è su blogspot mi da un errore, mi pare il 500, vorrei modificare i colori e alcune altre piccolezze. Vi posto codice cosi magari i più esperti possono darmi una mano!

Grazie

Codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title><$BlogPageTitle$></title>
  <$BlogMetaData$>
  <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<$BlogURL$>/atom.xml" />

<style type="text/css" media="screen">
/*  
Theme Name:  Kiss for Blogger
Theme URI:   http://www.bloggertemplates.org/review/kiss-for-blogger
Description: Kiss for Blogger is a modification of a WordPress theme called Kiss,
             originally designed by Oinam (http://www.oinam.com). WordPress and 
             TypePad versions of this beautiful theme can be found at;
             http://labs.oinam.com/css/kiss/
Version:     0.1
Author:      Ali Kuru
Author URI:  http://www.acemiblogcu.com
Licence:     (cc) Creative Commons Attribution-ShareAlike 2.5
Licence URI: http://creativecommons.org/licenses/by-sa/2.5/
*/

/* ---------------------------------------------------
			global settings		
------------------------------------------------------ */
* {
margin: 0;
padding: 0;
}
body {
background: #fff;	
font: 100%/1.4em "lucida sans unicode", "lucida grande", verdana, 'trebuchet ms', sans-serif;
color: #666;
text-align: center;
}

/* links */

a:link {
text-decoration: none;
color: #c30;
}
a:visited {
text-decoration: none;
color: #c30;
}
a:hover {
text-decoration: none;
color: #930;
}
a:active {
text-decoration: none;
color: #c30;
}
a img { 
border: 0; 
}

/* hn */

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
color: #333;
}
h1, h2, h3, h4, h5, h6, p {
margin: 10px 0;
}
h1 {
font-size: 1.3em;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 1em;
}
h4 {
font-size: 0.9em;
}

/* misc */

abbr, acronym {
font-style: normal; 
border-bottom: 1px dotted #666; 
cursor: help;
}
code {
margin: 10px 0;
font: 0.9em "Courier New", Courier, Monospace;
color: #666;
background-color: #f8f8f8;
}
pre {
margin: 10px 0;
font: 110% "Courier New", Courier, Monospace;
color: #666;
}

/* defination lists */

dl {
margin: 20px 0;
}
dt {
font-size: 0.9em;
text-transform: uppercase;
}
dd {
margin: 0 0 20px;
}

/* list styles */

ul {
margin: 10px 0;
} 
ul li {
height: 1%;
list-style-type: none;
margin: 0 0 5px 0;
padding: 0 0 0 15px;
line-height: 20px;
}
ol {
margin: 10px 0 10px 25px;
}
ol li {
margin: 0 0 5px 0;
}

/* blockquote */

blockquote {
margin: 10px 0;
padding: 5px 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font: 0.9em/1.5em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #666;
}
/* ---------------------------------------------------
			layout		
------------------------------------------------------ */
#kisswrap {
width: 655px;
margin: 0 auto;
text-align: left; 
}
#kisscontainer {
height: 1%;
margin: 15px 0;
}
#kisscontainer-top {
height: 30px;
}
#kisscontainer-bottom {
clear: both;
height: 30px;
}
/* ---------------------------------------------------
			header
------------------------------------------------------ */
#kissheader {
width: 428px;
height: 1%;
padding: 0 0 12px;
text-align: center;
}
#kissheader div {
padding: 10px 20px;
}
#kissheader h1 {
margin: 0;
font-size: 0.9em;
letter-spacing: 0.2em;
text-transform: uppercase;
}
#kissheader h1 a {
color: #eee;
}
#kissheader h1 a:hover {
color: #fff;
}
h2.description {
margin: 0;
font-size: 0.75em;
color: #b2b2b2;
line-height: 1.4em;
}
/* ---------------------------------------------------
			main column		
------------------------------------------------------ */
#kissmain {
width: 428px;
display: inline; 
float: left;
font-size: 0.75em;
}
#kissmain-1 {
margin: 20px 35px;
}

/* post */

div.post {
margin: 0 0 20px;
padding: 0 0 40px;
}
h2.post-title {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
}                  
h3.post-date {
margin: 0;
font-size: 0.85em;
color: #999;
text-align: center;
}
div.post-body {
margin: 20px 0 0;
}
p.postmetadata {
margin: 20px 0 0;
padding: 0 0 0 20px;
line-height: 19px;
font-size: 0.85em;
color: #999;
}
p.prev-next {
height: 1%;
margin: 0 0 20px;
padding: 0 0 20px;
text-align: center;
}

/* Search results page
div.search-result {
height: 1%;
margin: 40px 0 0px;
padding: 0 0 20px;
background: url(i/dot.gif) 0 100% repeat-x;
}
div.search-result h3 {
margin: 0;
font-size: 1.1em;
}
div.search-result p.postmetadata {
margin: 0;
}

#search-main {
margin: 0 0 20px;
padding: 0 0 40px;
background: url('http://img212.imageshack.us/img212/2391/line5gn.gif') no-repeat 0 100%;
text-align: left;
}
*/

/* Comments */

#comments {
margin: 20px 0;
padding: 0 0 40px;
}
#comments h2 {
margin: 0;
font: 0.9em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
}
#comments ol {
}
#comments li {
height: 1%;
margin: 0 0 20px;
padding: 0 0 20px;
font-size: 0.9em;
}
#comments li span {
font-size: 0.95em;
text-transform: uppercase;
}
#commentform label {
display: block;
font-size: 0.85em;
text-transform: uppercase;
}
#author, 
#email,
#url,
#comment {
width: 90%;
margin: 0 0 10px;
padding: 2px;
border: 1px solid #ccc;
}
#searchsubmit, #submit {
padding: 2px;
background: #eee;
border: 3px double #666;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}

/* ---------------------------------------------------
			side		
------------------------------------------------------ */
#sidebar {
display: inline; 
float: left;
width: 180px;
margin: 10px 0;
font-size: 0.7em;
}
div.side-sec {
height: 1%;
margin: 0 0 10px 15px;
padding: 0 0 10px;
}
div.side-sec h3 {
font-size: 1em;
text-transform: uppercase;
}
div.side-sec li {
list-style-type: none;
padding: 0 0 0 15px;
line-height: 20px;
}
div.side-sec search {
padding: 0 0 20px;
}
#sidebar #searchsubmit {
padding: 2px;
background: #eee;
border: 3px double #666;
border-top-color: #ccc;
border-left-color: #ccc;
font-size: 85%;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
#sidebar #searchform #s {
width: 90%;
margin: 0 0 10px;
padding: 4px;
border: 1px solid #ccc;
}

/* Calendar

#wp-calendar #prev a {
font-size: 9pt;
}
#wp-calendar a {
text-decoration: none;
}
#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar caption {
text-decoration: none;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
*/

/* footer */

#footer {
padding: 0 0 0 1px;
margin: 0 auto;
width: 760px;
clear: both;
}
#footer p {
margin: 0;
padding: 20px 0;
text-align: center;
}

/* Images */

p img {
padding: 0;
max-width: 100%;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* Theme Images */

/* 
	You have to find and upload template images to free host, then replace the image names
	listed here with the given links from your free image hosts. For example;
	Replace this;
	
	#page {
		background: url("middle.jpg") repeat-y top white;
		}
	
	with this;
	
	#page {	
		background: url("http://img54.imageshack.us/img54/3761/middle3js.jpg") repeat-y top white;
		}
*/
ul li {
background: url('iconarrow.gif') no-repeat 0 0;
}

#kisscontainer {
background: url('main.gif') 0 100% repeat-y;
}

#kisscontainer-top {
background: url('maintop.gif') 0 0 no-repeat;
}

#kisscontainer-bottom {
background: url('mainbottom.gif') 0 0 no-repeat;
}

#kissheader {
background: #696969 url('header.gif') no-repeat 0 100%;
}

#kissheader div {
background: url('headerin.gif') repeat-y;
}

div.post {
background: url('line.gif') no-repeat 0 100%;
}

p.postmetadata {
background: url('iconmeta.gif') no-repeat;
}

p.prev-next {
background: url('dot.gif') 0 100% repeat-x;
}

#comments {
background: url('line.gif') no-repeat 0 100%;
}

#comments li {
background: url('dot.gif') 0 100% repeat-x;
}

div.side-sec {
background: url('dot.gif') 0 100% repeat-x;
}

div.side-sec li {
background: url('iconarrow.gif') no-repeat;
}
/* End Theme Images */
</style>
</head>

<noembed><body></noembed>

<div id="kisswrap">
	<div id="kissheader">
		<div>
		<h1><a href="<$BlogURL$>" title="<$BlogTitle$>"><$BlogTitle$></a></h1>
		<h2 class="description"><$BlogDescription$></h2>
		</div>
	</div>

<div id="kisscontainer">

<div id="kisscontainer-top"></div>

	<div id="kissmain"><div id="kissmain-1">
		
<MainOrArchivePage>

<Blogger>

		<div class="post" id="post-<$BlogItemNumber$>">
			<h3 class="post-date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader></h3>
			<h2 class="post-title"><$BlogItemTitle$></h2>
		<div class="post-body">
			<p><$BlogItemBody$></p>
		</div>
		
		<p class="postmetadata"><$BlogItemAuthor$> | <a href="<$BlogItemPermalinkURL$>#comments"><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('no comment');} else if(a == 1) {document.write('1 comment');}else{document.write(a+' comments');}</script></a> | <a href="<$BlogItemPermalinkUrl$>" rel="bookmark" title="Permanent Link to <$BlogItemTitle$>">#</a> | <$BlogItemControl$></p>
	</div>
	
<!-- <p class="prev-next"></p> -->

</Blogger>

</MainOrArchivePage>

<!-- </div></div> -->

<ItemPage>

<p class="prev-next"><span>&laquo; <a href="<$BlogURL$>">Home</a><BloggerPreviousItems> | <a href="<$BlogItemPermalinkURL$>">Next</a> &raquo;</span><span style="display:none"></BloggerPreviousItems></span></p>

<!-- <div id="main"><div id="main-1"> -->

<Blogger>
	
	<div class="post" id="post-<$BlogItemNumber$>">

	<h2 class="post-title"><$BlogItemTitle$></h2>
			
	<div class="post-body">
		<p><$BlogItemBody$></p>
		
		<p class="postmetadata">
			This entry was posted by <$BlogItemAuthor$>, on
			<BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>.
			<BlogItemCommentsEnabled>
			You can <a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>leave your response</a>.
			</BlogItemCommentsEnabled>
			<$BlogItemControl$></p>
	</div>
</div>		

<BlogItemCommentsEnabled>

<div id="comments">
<h2><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('no comment');} else if(a == 1) {document.write('1 comment');}else{document.write(a+' comments');}</script></h2>

<ol>
	
<BlogItemComments>

	<li id="comment-<$BlogCommentNumber$>">
		<span><$BlogCommentAuthor$> | <a href="#comment-<$BlogCommentNumber$>" title=""><$BlogCommentDateTime$></a> | <$BlogCommentDeleteIcon$></span>
		<p><$BlogCommentBody$></p>
	</li>

</BlogItemComments>

</ol>
<p style="text-align: center;"><a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>>leave a response</a></p>
</div>	

</BlogItemCommentsEnabled>

</Blogger>

</ItemPage>

</div></div>

<div id="sidebar">
	
	<div class="side-sec search">
		<h3>Search</h3>
	  <!-- Search Google -->
	  <form method="get" id="searchform" action="http://www.google.com/custom">
	  	<div>
				<input type=text id="s" name=q size=15 maxlength=255 value="">
				<input type=hidden name=domains value="<$BlogURL$>">
				<input type=hidden name=sitesearch value="<$BlogURL$>">
				<input type=submit id="searchsubmit" name=sa value="Search">
			</div>
		</form>
		<!-- Search Google -->
	</div>
	
	<div class="side-sec pages">
		<h3>Author</h3>
			<p>A little something about you, the author. Nothing lengthy, just an overview.</p>
			<p>Also a link to profile may show up here.</p>
		<ul>
			<li class="page_item"><a href="<$BlogOwnerProfileUrl$>" title="About">My Profile</a></li>
		</ul>
	</div>
	
	<MainPage>
	<div class="side-sec comments">
		<h3>recent comments</h3>
		<ul>
    	<Blogger>
    		<BlogItemCommentsEnabled>
    			<BlogItemComments>
    				<li><$BlogCommentAuthor$> | <a href="<$BlogCommentPermalinkURL$>"><$BlogCommentDateTime$></a></li>
          </BlogItemComments>
        </BlogItemCommentsEnabled>
      </Blogger>
    </ul>
  </div>
  </MainPage>
  
  <div class="side-sec posts">
  	<h3>recent posts</h3>
  	<ul>
  		<BloggerPreviousItems>
  			<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
  		</BloggerPreviousItems>
  	</ul>
	</div>
	
	<div class="side-sec archives">
		<h3>Archives</h3>
		<ul>
			<BloggerArchives>
				<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
			</BloggerArchives>
		</ul>
	</div>
	
	<div class="side-sec links">
		<h3>Links</h3>
		<!-- 
		
		Links below are just examples, feel free to delete them and replace with your own
		
		-->
		<ul>
			<li><a href="http://www.bloggertemplates.org">Blogger Templates</a></li>
			<li><a href="http://www.oinam.com">Oinam</a></li>
			<li><a href="http://www.acemiblogcu.com/">Acemi Blogcu</a></li>
		</ul>
	</div>
	
	<div class="side-sec subscribe">				
		<h3>Subscribe</h3>
		<ul>
			<li><a title="Atom 0.3" href="<$BlogURL$>/atom.xml">Site Feed</a></li>
		</ul>
	</div>
	
	<div class="side-sec misc">
		<h3>Admin</h3>
		<ul>
			<li><a href="http://www.blogger.com/start">Login</a></li>
		</ul>
	</div>
	
	<!--
	
	Please do not remove the credit links below, thank you.
	
	-->
	
	<div class="side-sec misc">	
		<p><a href="<$BlogURL$>" title="<$BlogTitle$>"><$BlogTitle$></a> is powered by <a href="http://www.blogger.com" title="Blogger">Blogger</a> and <a href="http://www.bloggertemplates.org" title="Nice and cool templates for your Blogger blog">Blogger Templates</a>. Theme is designed by <a href="http://www.oinam.com" title="oinam.com">Oinam</a>.</p>
	</div>

</div>

<div id="kisscontainer-bottom"></div>
</div>

</div>

</body>
</html>

L'ho scovato qui: http://www.bloggertemplates.org/revi...ogger#myreview

Potete aiutarmi per favore?! Scusatemi se la sezione è sbagliata ma non so dove postare.

Grazie

Strumenti
Mostra una versione stampabile Invia questa pagina per email