忍者ブログ

What's New?

2017/06/29

×

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

2008/03/22

サイト改装しました。グラデーションが使いたくて、新しい画像ソフトに挑戦したのですが、どうにも使いこなせません…。一応ブログのテンプレートは↓です。(サンプル)。例によって使いづらいですが、もしよかったらお使いください。


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="http://---" 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>

<div class="content">
<h1>What's New?</h1>

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

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

<!--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>
</div>

</body>
</html>

CSS :

@charset "UTF-8";
*{
background:transparent;
font:normal normal normal 100%/1.6 Verdana,"MS Pゴシック",Osaka,sans-serif;
color:#777;
margin:0;
padding:0;
text-decoration:none;
}
a{
color:#6aa;
border-bottom:1px dotted #6aa;
}
a:visited{
color:#9cc;
border-color:#9cc;
}
a:hover{
border-bottom-style:solid;
}
img{
border:0;
}
body,h1,pre,input{
border:1px solid #ccc;
}
body{
max-width:790px;
background:#fff url("http://---/bg.png") repeat-x fixed 0 100%;
font-size:83%;
margin:0 auto;
}
h1{
height:35px;
background:#cdf url("http://---/h1.png") repeat-x 0 0;
font:normal normal normal 22pt/1 "Lucida Sans Unicode","MS Pゴシック",Osaka,sans-serif;
color:#fff;
margin-bottom:20px;
padding:5px 0 0 20px;
border-top:0;
}
h2{
letter-spacing:.5em;
margin:0 40px 0 25px;
padding:0 15px;
border:1px dotted #ccc;
}
h3{
font-weight:bold;
color:#aaa;
}
li{
list-style:circle none outside;
margin-left:1.2em;
}
dt{
background:#f3f3fb;
margin-top:10px;
padding:2px 10px;
}
dd,.section p{
text-indent:1em;
}
dd{
padding:5px 5px 10px 5px;
}
q:before{
content:'“';
}
q:after{
content:'”';
}
cite,cite *{
cursor:help;
}
hr{
display:none;
}
.hr{
width:50px;
margin-top:1em;
border-top:1px dashed #ccc;
}
pre,input{
background:#fff;
font:normal normal normal 10pt/normal "MS ゴシック",Osaka-等幅,monospace;
padding:2px;
}
pre{
height:15em;
overflow:scroll;
}
#feed{
margin:-14px 10px 0 0;
text-align:right;
}
#search_comment{
margin:0 20px 30px 0;
text-align:right;
}
#hp_link{
margin:30px 20px 0 0;
text-align:right;
}
#cm{
background:transparent url("http://---/ad.png") repeat-x 0 0;
padding:0 0 5px 25px;
}
#cm li{
display:inline;
list-style-type:none;
margin:0;
}
.content{
background:#fff;
border:1px solid #fff;
border-top:0;
}
.section,#plugin{
margin:0 40px 40px 70px;
padding:10px 20px;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}
.section h3,.section .ps_text_link{
margin-top:1em;
}
.entry_footer{
margin-top:1em;
text-align:right;
}
.navi{
margin:-30px 0 40px 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 dotted #6aa;
}
.pagelink a:hover{
border-style:solid;
}
.pagelink a:visited{
border-color:#9cc;
}
/* plugin ------------------------------------- */
#plugin{
margin:0 40px 40px 40px;
border:1px solid #ccc;
}
#plugin h2{
display:none;
}
.plugin_data{
margin:5px 0 1em 1em;
}
.box{
width:10em;
}
.btn{
width:70px;
font-family:Verdana,"MS Pゴシック",Osaka,sans-serif;
padding:0;
border-right-color:#888;
border-bottom-color:#888;
cursor:pointer;
}

画像

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


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

PR

Plugin

Categories

Search This Blog