Theme Kiss For Blogger

<!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="../%3c$blogurl$%3e/atom.xml" />
<style type="text/css" media="screen">

/*
theme name: kiss for blogger - modified theme by ~deltalib~
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/
licence: (cc) creative commons attribution-sharealike 2.5
licence url: http://creativecommons.org/licenses/by-sa/2.5/
modified by: ~deltalib~
*/
/*-------------------------------------------------
pic locations
---------------------------------------------------
http://postthatpic.com/files/1349/dot.gif
http://postthatpic.com/files/1349/header.gif
http://postthatpic.com/files/1349/headerin.gif
http://postthatpic.com/files/1349/iconarrow.gif
http://postthatpic.com/files/1349/iconmeta.gif
http://postthatpic.com/files/1349/line.gif
http://postthatpic.com/files/1349/main-l-7.gif
http://postthatpic.com/files/1349/mainbottom-l.gif
http://postthatpic.com/files/1349/maintop-l.gif
http://postthatpic.com/files/1349/header-xmas.gif
http://postthatpic.com/files/1349/atom.gif
http://postthatpic.com/files/1349/blogger.gif
http://postthatpic.com/files/1349/animated_underline.gif
-----------------------------------------------------*/
/* ---------------------------------------------------
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;
}
/* hyperlink styles */
a:link {
text-decoration: none;
color: #c30;
}
a:visited {
color: #c30;
}
a:hover {
color: #930;
a:active {
color: #c30;
}
a img {
border: 0;
}
/*--------------------------------------------------*/
/* ---------------------------------------------------
header styles
------------------------------------------------------*/
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;
}
/* definition 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: 800px;
margin: 0 auto;
text-align: left;
}
#kisscontainer {
//height: 1%;
margin: 15px 0;
}
#kisscontainer-top {
clear: both;
height: 30px;
}
#kisscontainer-bottom {
clear: both;
height: 30px;
}
/*----------------------------------------------------*/
/* ---------------------------------------------------
header
------------------------------------------------------ */
#kissheader {
width: 598px;
height: 1%;
padding: 0 0 15px;
text-align: center;
}
#kissheader div {
padding: 10px 30px;
}
#kissheader h1 {
margin: 0;
font-size: 0.9em;
letter-spacing: 0.2em;
}
#kissheader h1 a {
color: #000;
}
#kissheader h1 a:hover {
color: #fee;
}
h2.description {
margin: 0;
font-size: 0.75em;
color: #b2b2b2;
line-height: 1.4em;
}
/*----------------------------------------------------*/
/* ---------------------------------------------------
main column
------------------------------------------------------ */
#kissmain {
width: 598px;
display: inline;
float: left;
font-size: 0.75em;
padding:0 10px 0;
}
#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-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;
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/http://postthatpic.com/files/1349/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://postthatpic.com/files/1349/line.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-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;
}
#commentform label {
display: block;
font-size: 0.85em;
}
#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-align: center;
}
/* ------------------------------------------------- */
/* ---------------------------------------------------
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;
}
div.side-sec li {
list-style-type: none;
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-align: center;
}
#sidebar #searchform #s {
width: 90%;
margin: 0 0 10px;
padding: 4px;
border: 1px solid #ccc;
}
/* -------------------------------------------------*/
/*--------------------------------------------------
calendar (optional for blogger, i didnt edit this)
---------------------------------------------------*/
/*
#wp-calendar #prev a {
font-size: 9pt;
}
#wp-calendar a {
}
#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;
}
text-align: center;
width: 100%;
}
}
#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
----------------------------------------------------- */
ul li {
background: url('http://postthatpic.com/files/1349/iconarrow.gif') no-repeat 0 0;
}
#kisscontainer {
background: url('http://postthatpic.com/files/1349/main-l-7.gif') 0 0 repeat-y;
}
#kisscontainer-top {
background: url('http://postthatpic.com/files/1349/maintop-l.gif') 0 0 no-repeat;
}
#kisscontainer-bottom {
background: url('http://postthatpic.com/files/1349/mainbottom-l.gif') 0 0 no-
repeat;
}
#kissheader {
background: #ffffff url('http://postthatpic.com/files/1349/header-xmas.gif') no-
repeat 0 100%;
}
#kissheader div {
//background: url('http://postthatpic.com/files/1349/headerin.gif') repeat-y;
}
div.post {
}
p.postmetadata {
background: url('http://postthatpic.com/files/1349/iconmeta.gif') no-repeat;
}
p.prev-next {
background: url('http://postthatpic.com/files/1349/dot.gif') 0 100% repeat-x;
}
#comments {
}
#comments li {
}
div.side-sec {
}
div.side-sec li {
background: url('http://postthatpic.com/files/1349/iconarrow.gif') no-repeat;
}
/* ---------------------------------------------------*/
</style>
</head>

<noembed><body></noembed>

<script type="text/javascript">
/******************************************
* snow effect script- by altan d.o.o. (http://www.altan.hr/snow/index.html)
* visit dynamic drive dhtml code library (http://www.dynamicdrive.com/) for full
source code
* last updated nov 9th, 05' by dd. this notice must stay intact for use
******************************************/
//configure below to change url path to the snow image

var snowsrc="http://postthatpic.com/files/1349/snow.gif"
// configure below to change number of snow to render
var no = 10;
// configure whether snow should disappear after x seconds (0=never):
var hidesnowtime = 0;
// configure how much snow should drop down before fading ("windowheight" or
"pageheight")
var snowdistance = "windowheight";
///////////stop config//////////////////////////////////
var ie4up = (document.all) ? 1 : 0;

var ns6up = (document.getelementbyid&&!document.all) ? 1 : 0;
function iecompattest(){
return (document.compatmode && document.compatmode!="backcompat")?
document.documentelement : document.body
}
var dx, xp, yp; // coordinate and position variables

var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns6up) {
doc_width = self.innerwidth;
doc_height = self.innerheight;
} else if (ie4up) {
doc_width = iecompattest().clientwidth;
doc_height = iecompattest().clientheight;
}
dx = new array();
xp = new array();
yp = new array();
am = new array();
stx = new array();
sty = new array();
//snowsrc=(snowsrc.indexof("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = math.random()*(doc_width-50); // set position variables
yp[i] = math.random()*doc_height;
am[i] = math.random()*20; // set amplitude variables
stx[i] = 0.02 + math.random()/10; // set step variables
sty[i] = 0.7 + math.random(); // set step variables
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"position: absolute; z-
index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><a
href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"'
border=\"0\"><\/a><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"position: absolute; z-
index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><img
src='"+snowsrc+"' border=\"0\"><\/div>");
}
}
}
function snowie_ns6() { // ie and ns6 main animation function

doc_width = ns6up?window.innerwidth-10 : iecompattest().clientwidth-10;
doc_height=(window.innerheight && snowdistance=="windowheight")?
window.innerheight : (ie4up && snowdistance=="windowheight")?
iecompattest().clientheight : (ie4up && !window.opera &&
snowdistance=="pageheight")? iecompattest().scrollheight :
iecompattest().offsetheight;
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + math.random()/10;
sty[i] = 0.7 + math.random();
}
dx[i] += stx[i];
document.getelementbyid("dot"+i).style.top=yp[i]+"px";
document.getelementbyid("dot"+i).style.left=xp[i] +
am[i]*math.sin(dx[i])+"px";
}
snowtimer=settimeout("snowie_ns6()", 10);
}
function hidesnow(){
if (window.snowtimer) cleartimeout(snowtimer)
for (i=0; i<no; i++)
document.getelementbyid("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
snowie_ns6();
if (hidesnowtime>0)
settimeout("hidesnow()", hidesnowtime*1000)
}
</script>


<div id="kisswrap">
<div id="kissheader" style="width: 598px; height: 110px">

<h1><a href="<$blogurl$>" title="<$blogtitle$>"><$blogtitle$></a></h1>
<h2 class="description"><$blogdescription$></h2>

</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><$blogitemtitle$></blogitemtitle></h2>
<div id="post">
<p><$blogitembody$></p>
<p class="postmetadata">posted by
<$blogitemauthornickname$> <itempage>on <blogdateheader>
<$blogdateheaderdate$></blogdateheader></itempage> at <$blogitemdatetime$> | <a
href="<$blogitempermalinkurl$>">permalink</a>
<blogitemcommentsenabled> | <a href="<$blogitempermalinkurl$>#comments">comments
<script type="text/javascript">var a =
<$blogitemcommentcount$>;document.write('('+a+')');</script></a></blogitemcomments
enabled>
<blogitembacklinksenabled> | <a href="<$blogitempermalinkurl$>#links">links to
this post</a></blogitembacklinksenabled> |  <$blogitemcontrol$></p>
</div>
</div><br>
</blogger>
</mainorarchivepage>


<itempage>
<p class="prev-next"><span>« <a

href="<$blogurl$>">home</a><bloggerpreviousitems> | <a
href="<$blogitempermalinkurl$>">next</a> »</span><span
style="display:none"></bloggerpreviousitems></span></p>

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

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

</div>
<div class="side-sec pages">

<h3>author</h3>
<p align=center><img src="<$blogownerphotourl$>"
style="border: 3px double" height = 106px width = 80px/></p>
<p>name: <strong><$blogownernickname$></strong><br>
from: <strong><$blogownerlocation$></strong><br>
i can write something about me here<br></p>
<p align = right>...for more read on</p>
<ul>
<li class="page_item"><a href="<$blogownerprofileurl$>"
title="click here to view my profile">my profile</a></li>
</ul>
</div>
<div class="side-sec latest">

<h3>recent posts</h3>
<ul>
<bloggerpreviousitems><li><a
href="<$blogitempermalinkurl$>"><$blogpreviousitemtitle$></a></li></bloggerpreviou
sitems>
</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>
<ul>
<li><a href= "http://google.com" >google</li>
<li><a href= "http://chaayakada.blogspot.com" >chaaya
kada</li>
<li><a href= "http://www.oinam.com/ " >oinam.com</li>
</ul>
</div>
<div class="side-sec misc">
<p><a title="powered by blogger" href="http://blogger.com"><img src =

"http://postthatpic.com/files/1349/blogger.gif" alt = "blogger"></a></p>
<p><a title="atom 0.3" href="<$blogurl$>atom.xml"><img
src="http://postthatpic.com/files/1349/atom.gif" alt = "atom 0.3"></a></p>
</div>
</div>

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

<div>
<p align = center>
<font size=1>
<a rel="license"
href="http://creativecommons.org/licenses/by-sa/2.5/"><img alt="creative commons
license" style="border-width: 0" src="http://i.creativecommons.org/l/by-
sa/2.5/88x31.png"/></a><br/>this work is licensed under a <a rel="license"
href="http://creativecommons.org/licenses/by-sa/2.5/">creative commons
attribution-share alike 2.5 license</a>.
</font>
</p>
</div>

</div>
</body>
</html>

Theme Kiss For Blogger

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Theme Kiss For Blogger

Загружено:

Авторское право:

Доступные форматы

<!doctype html public "-//w3c//dtd xhtml 1.

<style type="text/css" media="screen">

h1, h2, h3, h4, h5, h6 {

//configure below to change url path to the snow image

var ie4up = (document.all) ? 1 : 0;

var dx, xp, yp; // coordinate and position variables

function snowie_ns6() { // ie and ns6 main animation function

<div class = "post" id="post-<$blogitemnumber$>">

<p class="prev-next"><span>&laquo; <a

<div class="post" id="post-<$blogitemnumber$>">

<span><$blogcommentauthor$> | <a href="#comment-<$blogcommentnumber$>"

<div class="side-sec search">

<div class="side-sec pages">

<div class="side-sec latest">

<div class="side-sec links">

<div class="side-sec misc">

<p><a title="powered by blogger" href="http://blogger.com"><img src =

Вам также может понравиться

<p class="prev-next"><span>« <a