2025/11/12
×
[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,"ＭＳ Ｐゴシック",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","ＭＳ Ｐゴシック",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 "ＭＳ ゴシック",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,"ＭＳ Ｐゴシック",Osaka,sans-serif;
padding:0;
border-right-color:#888;
border-bottom-color:#888;
cursor:pointer;
}
画像
mermaid_images.lzh（フィードアイコンは各自で用意してください）。
「忍者ブログ」用なので、ほかのブログで使う場合は書き換えが必要だと思います。利用条件はPooquaのほかのテンプレートと同じでお願いします。
PR