2024/11/24
×
[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,"ＭＳ Ｐゴシック",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","ＭＳ ゴシック",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