忍者ブログ

What's New?

2017/08/21

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2008/11/21

サイト改装しました。青は好きなのでまた青です。テンプレートが探しやすくなるように頑張ってみました。

ちなみに、ブログのテンプレートは↓です。サンプル)。(古くなったので削除しました)。いろいろ変更しないとならないと思いますが、よかったらどうぞー。なお、フィードアイコンは「RSS Feed Icon Generator」で作らせていただきました!


HTML :

<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="top" href="./" />
<link rev="made" href="http://---" />
<link rel="alternate" type="application/rss+xml" href="" title="RSS" />
<link rel="alternate" type="application/atom+xml" href="ATOM/" title="ATOM" />
<link rel="stylesheet" type="text/css" media="screen,projection" href="<!--$g_css_link-->" />
<title><!--if_entry--><!--entry--><!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day--><!--/entry--> - <!--/if_entry--><!--if_search-->[ <!--$g_search_comment--> ] の検索結果 - <!--/if_search--><!--$g_title--></title>
</head>
<body>

<h1>What's New?</h1>

<!--if_page-->
<p id="feed"><a rel="alternate" type="application/rss+xml" href="" title="RSS Feed"><img src="http://---/feed.png" alt="RSS Feed" /></a></p>
<!--/if_page-->

<!--if_search-->
<p id="search_comment">[ <!--$g_search_comment--> ] で検索しました。</p>
<!--/if_search--> 

<!--entry-->
<h2><!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day--></h2>

<div class="section">
<!--$entry_text-->

<!--if_ps_text-->
<div class="hr"><hr /></div>
<!--/if_ps_text-->

<!--if_not_entry-->
<!--if_ps_text-->
<p class="ps_text_link"><a href="<!--$entry_link-->"><!--$entry_ps_title--> >></a></p>
<!--/if_ps_text-->
<!--/if_not_entry-->

<!--if_entry-->
<!--if_ps_text-->
<div id="ps_text">
<!--$entry_ps_text-->
</div>
<!--/if_ps_text-->
<!--/if_entry-->

<p class="entry_footer">Category : <a href="<!--$entry_category_link-->"><!--$entry_category--></a></p>
</div>
<!--/entry-->

<!--if_not_entry-->
<ul class="navi">
<li><!--pagelink_10--><span class="pagelink"><!--$pagelink_10_link--></span><!--/pagelink_10--></li>
<li><a href="<!--$g_url-->">Blog Top</a></li>
</ul>
<!--/if_not_entry-->

<!--if_entry-->
<p class="navi"><a href="<!--$g_url-->">Blog Top</a></p>
<!--/if_entry--> 

<h2 id="plugin">Plugin</h2>

<div id="plugin_content">
<!--plugin1-->
<h3><!--$plugin_title--></h3>
<!--$plugin_data-->
<!--/plugin1-->

<!--plugin2-->
<h3><!--$plugin_title--></h3>
<!--$plugin_data-->
<!--/plugin2-->

<!--plugin3-->
<h3><!--$plugin_title--></h3>
<!--$plugin_data-->
<!--/plugin3-->

<!--plugin4-->
<h3><!--$plugin_title--></h3>
<!--$plugin_data-->
<!--/plugin4-->

<!--plugin5-->
<h3><!--$plugin_title--></h3>
<!--$plugin_data-->
<!--/plugin5-->
</div>

<!--if_profile_homepage-->
<p id="hp_link"><a href="<!--$plugin_profile_hp_url-->">Index</a></p>
<!--/if_profile_homepage-->

<ul id="cm">
<li><!--CM1--> /</li>
<li><!--CM2--></li>
</ul>

</body>
</html>

CSS :

@charset "UTF-8";
*{
background:transparent;
font:normal normal normal 100%/1.7 Meiryo,Verdana,"MS Pゴシック",Osaka,sans-serif;
color:#606060;
margin:0;
padding:0;
text-decoration:none;
}
a{
color:#6aa;
text-decoration:underline;
}
a[href^="http://"]:after{
content:url("http://---/link.png") no-repeat 100% 50%;
margin-left:3px;
}
a[href^="http://---"]:after,
a[href^="http://---"]:after,
a[href^="http://---"]:after,
#cm a:after{
contetn:"";
margin:0;
}
a:visited{
color:#9cc;
}
a:hover{
color:#ca9;
text-decoration:none;
}
img{
border:0;
}
html{
background:#b1c7ff;
}
body{
background:#fff url("http://---/bg.png") repeat-x 0 125px;
font-size:83%;
}
h1{
background:transparent url("http://---/h1.png") repeat-x 50% 50%;
font-size:20pt;
line-height:1;
font-family:"Trebuchet MS",Helvetica,sans-serif;
color:#b1c7ff;
letter-spacing:10px;
margin-bottom:40px;
padding:10px 0 100px 50px;
}
h2,.section,pre,input{
background:#fdfdfd;
margin:0 10%;
border:1px solid #b1c7ff;
}
h2{
letter-spacing:.3em;
color:#6aa;
padding:20px;
border-bottom:0;
}
h3{
font-weight:bold;
color:#bbb;
}
dt *{
font-weight:bold;
}
dd,.section p{
text-indent:1em;
}
dd{
margin:0 0 40px 10px;
padding:10px 0 5px 10px;
border-left:5px dotted #9cc;
}
li{
list-style:circle none outside;
margin-left:1.2em;
}
q:before{
content:'“';
}
q:after{
content:'”';
}
cite,cite *{
cursor:help;
}
hr{
display:none;
}
.hr{
margin:1em 0;
border-top:1px dotted #9cc;
}
pre,input{
font:normal normal normal 10pt/normal "Courier New","MS ゴシック",Courier,Osaka-等幅,monospace;
margin:0;
padding:2px;
}
pre{
height:15em;
overflow:scroll;
}
input{
font-size:10.5pt;
border-color:#fdfdfd;
}
#feed{
position:absolute;
top:140px;
right:20px;
text-align:right;
}
#feed a{
text-decoration:none;
}
#search_comment{
margin:-20px 0 20px 0;
text-align:center;
}
#hp_link{
margin:0 2%;
padding:30px 1% 3px 0;
border-bottom:1px dotted #9cc;
text-align:right;
}
#cm{
position:relative;
height:40px;
background:transparent url("http://---/ad.png") repeat-x 0 0;
padding:10px 0 0 20px;
}
#cm li{
display:inline;
list-style-type:none;
margin:0;
}
.section{
margin-bottom:40px;
padding:0 40px 20px 40px;
border-top:0;
}
.section h3{
margin-top:1em;
}
.entry_footer{
margin-top:1em;
text-align:right;
}
.navi{
margin:-20px 0 20px 0;
text-align:center;
}
.navi li{
list-style-type:none;
margin:10px 0 0 0;
}
.pagelink{
margin:0 5px;
}
.pagelink a{
padding:0 10px;
border:1px solid #6aa;
text-decoration:none;
}
.pagelink a:visited{
border-color:#9cc;
}
.pagelink a:hover{
border-color:#ca9;
}
/* plugin ------------------------------------- */
#plugin{
display:none;
}
#plugin_content{
background:#b1c7ff;
margin:0 10% 40px 10%;
padding:20px 40px;
}
#plugin_content *{
color:#fff;
}
.plugin_data{
margin:10px 0 20px 30px;
}
.box{
width:10em;
}
.btn{
width:70px;
height:23px;
background:#b1c7ff;
font-size:10pt;
padding:0;
border-color:#fff;
border-right-color:#ddd;
border-bottom-color:#ddd;
cursor:pointer;
}

画像

sphere_images.lzh(フィードアイコンは各自で用意してください)。


忍者ブログ」用なので、ほかのブログで使う場合は書き換えが必要だと思います。利用条件はPooquaのほかのテンプレートと同じでお願いします。

PR

Plugin

Categories

Search This Blog