渡る世間は○○ダ！！:Blogでコピーライトを表示してみる

	[ IT - 一般 \| かんたん！ブログをはじめてみよう ]	livedoor ホーム

2004年09月05日

Blogでコピーライトを表示してみる

企業のWebページなんかではページの一番下に著作権表示がされていますね。livedoor Blogでもフッター領域を持っているので、これを実現してみましょう。

まず、参考にしたのは「弱小エンジニアの小言」さんの"コピーライトを入れるには･･･？"です。

で、こちらに記載があるように方法は一つではないようですので、別の方法を紹介したいと思います。

実はずっと前にやったのですが、BlogのHTMLの最後の方にfooterという領域があり、ここにコピーライトを入れてみたのですが表示されませんでした。しかし、よくよく調べてみると諸悪の根源（？）が見つかったので、ここではCSSを使ってカスタマイズしてみます。

まず、CSSでlinks要素の修正とfooter要素の追加をします。

#links{
position:absolute;
width:230px;
float:left;
background:#f5f5f5;
text-align:right;
margin-left:0px;
margin-top:0px;
padding:10px;
}
ここで、

#links{
width:230px;
float:left;
background:#f5f5f5;
text-align:right;
margin-left:0px;
margin-top:0px;
padding:10px;
}
position:absolute;を取ります。

#footer{
clear:both;
background:#f5f5f5;
color:#000;
margin:0;
padding:3px 0 20px;
text-align:center;
border-top:#999 1px solid;
}
footer要素をこのように追加します。

次にHTMLのフッター領域にコピーライトを追加します。
<div id="footer">
Copyright (C) 2004 sarugane. All rights reserved.
</div>

links要素のpositionプロパティは普通に使っていれば利用されず、サイドバーと本文はfloatプロパティで表示順序が指定されているようです。なので、links要素のpositionプロパティを取ってしまえばフッター領域を簡単にコントロールできます。それと、clearプロパティで本文とサイドバーに指定されているfloatの回り込みを解除する必要があります。

※ただ、サイドバーの3カラム化等でpositionプロパティを利用している場合は、「弱小エンジニアの小言」さんの手順を採用してください。

これでフッター領域を活かしてコピーライトを表示することができました。ちなみに日本の法律では作品を作った段階で著作権が発生するので表示しなくてもいいのですが、あったほうがかっこいいですね。

皆さんも是非試してみてください。

- 追記 - 2005/10/23
Blogテンプレートのデザインを変更したので、旧テンプレートのソースは参考として掲載します。また、今までは各ソースをHTMLファイルに変換して掲載していましたが、Textareaの形式に変更しました。

・トップページのHTML_v003

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
    <link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="<$RSSUrl$>" />
    <link rel="alternate" type="application/atom+xml" title="Atom" href="<$AtomUrl$>" />
    <IfFoafUrl>
      <link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" />
    </IfFoafUrl>
    <title><$BlogTitle ESCAPE$></title>
  </head>

  <body>
    <a name="top"></a>

    <!-- Blog Main Contents -->
      <div id="container">

        <!-- Banner Space -->
          <div id="banner">
            <h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
            <div class="description"><$BlogDescription$></div>
          </div>

        <!-- Blog Body Space -->
          <div id="content">

            <!-- Blog Body  -->
              <div class="blog">

                <!-- Loop Start -->
                  <IndexArticlesLoop>

                    <$TrackBackAutoDiscovery$>
                    <IfDateChanged><h2 class="date"><$ArticleDate$></h2></IfDateChanged>

                    <div class="blogbody">
                      <a name="<$ArticleId$>"></a>
                      <h3 class="title"><a class="atitle" href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a></h3>
                      <div class="main">
                        <$ArticleBody$>  
                        <IfArticleBodyMore><span class="main-continues"><a class="acontinues" href="<$ArticlePermalink$>">続きを読む</a></span></IfArticleBodyMore><br clear="all">
                      </div>

                      <div class="posted">Posted by <$ArticleAuthor$> at
                        <a class="aposted" href="<$ArticlePermalink$>"><$ArticleTime$></a>
                        <IfArticleAllowComment>│<a class="aposted" href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment>
                        <IfArticleAllowPing>│<a class="aposted" href="<$ArticlePermalink$>#trackback">TrackBack(<$ArticlePingCount$>)</a></IfArticleAllowPing>
                        <IfArticleCategory>│<a class="aposted" href="<$ArticleCategoryUrl$>"><$ArticleCategory ESCAPE$></a></IfArticleCategory>
                      </div>
                    </div>

                  </IndexArticlesLoop>
                <!-- Loop End -->

              <div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
            </div>
          </div>


          <!-- Sidebar Space -->
            <div id="links">
              <$PluginList$>

              <div class="powered">
                <a href="<$LDBlogUrl$>"><img src="<$LDBlogLogo$>" width="117" height="28" border="0" alt="livedoor Blog"></a>
              </div>

              <div class="syndicate">
                <a href="<$RSSUrl$>">Syndicate this site (XML) </a>
              </div>

              <!-- checkers -->
                <table cellspacing="2" cellpadding="0" width="" border="0" align="center" class="checkers">
                  <tr>
                    <td><img src="http://blog.livedoor.com/img/usr/cmn/icon_cks.gif" width="30" height="25" border="0" hsapce="3" alt="このBlogをチェッカーズに追加"></td>
                    <td><a href="<$AddCheckers$>" target="_blank">このBlogを<br>チェッカーズに追加</a></td></tr>
                </table>
            </div>

          <!-- Footer Space -->
            <div id="footer">Copyright (C) 2004 sarugane. All rights reserved.</div>
      </div>
  </body>
</html>

・月別アーカイブのHTML_v004

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
    <link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="<$RSSUrl$>" />
    <link rel="alternate" type="application/atom+xml" title="Atom" href="<$AtomUrl$>" />
    <IfFoafUrl>
      <link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" />
    </IfFoafUrl>
    <title><$BlogTitle ESCAPE$></title>
  </head>

  <body>
    <a name="top"></a>

    <!-- Blog Main Contents -->
      <div id="container">

        <!-- Banner Space -->
          <div id="banner">
            <h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
              <div class="description"><$BlogDescription$></div>
          </div>

        <!-- Blog Body Space -->
          <div id="content">

          <!-- Blog Body -->
            <div class="blog">
              <MonthlyArticlesLoop>
                <$TrackBackAutoDiscovery$>
                <IfDateChanged><h2 class="date"><$ArticleDate$></h2><a name="<$ArticleDateTag$>"></a></IfDateChanged>

                <div class="blogbody">
                  <a name="<$ArticleId$>"></a>
                  <h3 class="title"><a class="atitle" href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a></h3>

                  <div class="main"><$ArticleBody$>  
                    <IfArticleBodyMore><span class="main-continues"><a class="acontinues" href="<$ArticlePermalink$>">続きを読む</a></span></IfArticleBodyMore><br clear="all">
                  </div>

                  <div class="posted">Posted by <$ArticleAuthor$> at
                    <a class="aposted" href="<$ArticlePermalink$>"><$ArticleTime$></a>
                    <IfArticleAllowComment>│<a class="aposted" href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment>
                    <IfArticleAllowPing>│<a class="aposted" href="<$ArticlePermalink$>#trackback">TrackBack(<$ArticlePingCount$>)</a></IfArticleAllowPing>
                  </div>
                </div>

              </MonthlyArticlesLoop>
              <div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
            </div>
          </div>

          <!-- Sidebar Space -->
            <div id="links">
              <script language="JavaScript" src="<$BlogUrl$>plugin.js"></script>

              <div class="powered">
                <a href="<$LDBlogUrl$>"><img src="<$LDBlogLogo$>" width="117" height="28" border="0" alt="livedoor Blog"></a>
              </div>

              <div class="syndicate">
                <a href="<$RSSUrl$>">Syndicate this site (XML) </a>
              </div>

              <!-- checkers -->
                <table cellspacing="2" cellpadding="0" width="" border="0" align="center" class="checkers">
                  <tr>
                    <td><img src="http://blog.livedoor.com/img/usr/cmn/icon_cks.gif" width="30" height="25" border="0" hsapce="3" alt="このBlogをチェッカーズに追加"></td>
                    <td><a href="<$AddCheckers$>" target="_blank">このBlogを<br>チェッカーズに追加</a></td></tr>
                </table>
            </div>

        <!-- Footer Space -->
          <div id="footer">Copyright (C) 2004 sarugane. All rights reserved.</div>
      </div>
  </body>
</html>

・カテゴリ別アーカイブのHTML_v004

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
    <link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="<$RSSUrl$>" />
    <link rel="alternate" type="application/atom+xml" title="Atom" href="<$AtomUrl$>" />
    <IfFoafUrl>
      <link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" />
    </IfFoafUrl>
    <title><$BlogTitle ESCAPE$>:<$CategoryName ESCAPE$></title>
  </head>

  <body>
    <a name="top"></a>

    <!-- Blog Main Contents -->
      <div id="container">

        <!-- Banner Space -->
          <div id="banner">
            <h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
            <div class="description"><$BlogDescription$></div>
          </div>

        <!-- Blog Body Space -->
          <div id="content">

          <!-- Blog Body -->
            <div class="blog">
              <CategorizedArticlesLoop>
                <$TrackBackAutoDiscovery$>
                <IfDateChanged><h2 class="date"><$ArticleDate$></h2></IfDateChanged>

                <div class="blogbody">
                  <a name="<$ArticleId$>"></a>
                  <h3 class="title"><a class="atitle" href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$></a></h3>

                  <div class="main"><$ArticleBody$>  
                    <IfArticleBodyMore><span class="main-continues"><a class="acontinues" href="<$ArticlePermalink$>">続きを読む</a></span></IfArticleBodyMore><br clear="all">
                  </div>

                  <div class="posted">Posted by <$ArticleAuthor$> at
                    <a class="aposted" href="<$ArticlePermalink$>"><$ArticleTime$></a>
                    <IfArticleAllowComment>│<a class="aposted" href="<$ArticlePermalink$>#comments">Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment>
                    <IfArticleAllowPing>│<a class="aposted" href="<$ArticlePermalink$>#trackback">TrackBack(<$ArticlePingCount$>)</a></IfArticleAllowPing>
                  </div>
                </div>

              </CategorizedArticlesLoop>
              <div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
            </div>
          </div>

          <!-- Sidebar Space -->
            <div id="links">
              <script language="JavaScript" src="<$BlogUrl$>plugin.js"></script>

              <div class="powered">
                <a href="<$LDBlogUrl$>"><img src="<$LDBlogLogo$>" width="117" height="28" border="0" alt="livedoor Blog"></a>
              </div>

              <div class="syndicate">
                <a href="<$RSSUrl$>">Syndicate this site (XML) </a>
              </div>

              <!-- checkers -->
                <table cellspacing="2" cellpadding="0" width="" border="0" align="center" class="checkers">
                  <tr>
                    <td><img src="http://blog.livedoor.com/img/usr/cmn/icon_cks.gif" width="30" height="25" border="0" hsapce="3" alt="このBlogをチェッカーズに追加"></td>
                    <td><a href="<$AddCheckers$>" target="_blank">このBlogを<br>チェッカーズに追加</a></td></tr>
                </table>
            </div>

        <!-- Footer Space -->
          <div id="footer">Copyright (C) 2004 sarugane. All rights reserved.</div>
      </div>
  </body>
</html>

・コメント投稿ページのHTML_v003

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
    <link rel="stylesheet" href="<$CSSUrl$>" type="text/css" />
    <link rel="alternate" type="application/rss+xml" title="RSS" href="<$RSSUrl$>" />
    <link rel="alternate" type="application/atom+xml" title="Atom" href="<$AtomUrl$>" />
    <IfFoafUrl>
      <link rel="meta" type="application/rdf+xml" title="FOAF" href="<$FoafUrl$>" />
    </IfFoafUrl>
    <title><$BlogTitle ESCAPE$>:<$ArticleTitle ESCAPE$></title>
  </head>

  <body>
    <a name="top"></a>

    <!-- Blog Main Contents -->
      <div id="container">

        <!-- Banner Space -->
          <div id="banner">
            <h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
            <div class="description"><$BlogDescription$></div>
          </div>

        <!-- Blog Body Space -->
          <div id="content">

            <!-- Comment Body -->
              <div class="commetns-container">
                <IfCommentPreview>
                  <h3 class="title">以下のコメントを投稿します</h3>
                  <div class="comments-body"><$CommentPreview$><br clear="all"></div>
                  <div class="comments-post">Posted by 
                    <IfCommentPreviewUrl>
                      <A class="aposted" href="<$CommentPreviewUrl$>"><$CommentPreviewAuthor ESCAPE$></A>
                      <ElseIfCommentPreviewEmail><A class="aposted" href="mailto:<$CommentPreviewEmail ESCAPE$>"><$CommentPreviewAuthor ESCAPE$></A>
                    <Else>
                      <$CommentPreviewAuthor ESCAPE$>
                    </IfCommentPreviewUrl> at <$CommentPreviewDateTime$>
                  </div>
                <Else>
                  <h3 class="title">「<$ArticleTitle ESCAPE$>」にコメントする</h3>
                  <CommentsLoop>
                    <div class="comments-body"><$CommentBody$></div>
                    <div class="comments-post">Posted by 
                      <IfCommentUrl>
                        <a class="aposted" href="<$CommentUrl$>"><$CommentAuthor ESCAPE$></a>
                        <ElseIfCommentEmail><a class="aposted" href="mailto:<$CommentEmail ESCAPE$>"><$CommentAuthor ESCAPE$></a>
                      <Else>
                        <$CommentAuthor ESCAPE$>
                      </IfCommentUrl> at <$CommentDateTime$>
                    </div>
                  </CommentsLoop>
                </IfCommentPreview>

                <$CommentPostError$>

                <table cellpadding="5" cellspacing="0" border="0" class="form">
                  <form action="<$ArticleCommentUrl$>" method="POST">
                    <tr>
                      <td><label for="author">名前: </label></td>
                      <td><input id="author" name="author"></td></tr>
                    <tr>
                      <td valign="top"><label for="email">メール: </label></td>
                      <td><input id="email" name="email"></td></tr>
                    <tr>
                      <td valign="top"><label for="url">URL: </label></td>
                      <td><input id="url" name="url"></td></tr>
                    <tr>
                      <td valign="top"><label for="text">コメント: </label></td>
                      <td><textarea id="text" name="body" rows="10" cols="30"></textarea></td></tr>
                    <tr>
                      <td> </td>
                      <td><input name="preview" type="submit" value="　確認　"> <input type="submit" value="　書込　"></td></tr>
                  </form>
                </table>
                <div class="pagetop"><a class="aposted" href="#top">このページの上へ▲</a></div>
              </div>
          </div>

          <!-- Sidebar Space -->
            <div id="links">
              <script language="JavaScript" src="<$BlogUrl$>plugin.js"></script>

              <div class="powered">
                <a href="<$LDBlogUrl$>"><img src="<$LDBlogLogo$>" width="117" height="28" border="0" alt="livedoor Blog"></a>
              </div>

              <div class="syndicate">
                <a href="<$RSSUrl$>">Syndicate this site (XML) </a>
              </div>

              <!-- checkers -->
                <table cellspacing="2" cellpadding="0" width="" border="0" align="center" class="checkers">
                  <tr>
                    <td><img src="http://blog.livedoor.com/img/usr/cmn/icon_cks.gif" width="30" height="25" border="0" hsapce="3" alt="このBlogをチェッカーズに追加"></td>
                    <td><a href="<$AddCheckers$>" target="_blank">このBlogを<br>チェッカーズに追加</a></td></tr>
                </table>
            </div>

          <!-- Footer Space -->
            <div id="footer">Copyright (C) 2004 sarugane. All rights reserved.</div>
      </div>
  </body>
</html>

・スタイルシート_v004

@charset "EUC-JP";

	body{
		color:#666;
		margin:0;
		text-align:left;
		width:100%;
		height:100%;
		background:#fff url('http://livedoor.blogimg.jp/sarugane/54241805.png') repeat-x scroll 0 0;
	}

	a{color:#666;text-decoration:underline;}
	a:link{color:#666;text-decoration:underline;}
	a:visited{text-decoration:underline;}
	a:active{}
	a:hover{color:#666;text-decoration:none;}

	a.acalendar{color:#666;text-decoration:underline;}
	a.acalendar:link{color:#666;text-decoration:underline;}
	a.acalendar:visited{text-decoration:underline;}
	a.acalendar:active{}
	a.acalendar:hover{color:#666;text-decoration:none;}

	a.acontinues{color:#666;text-decoration:underline;}
	a.acontinues:link{color:#666;text-decoration:underline;}
	a.acontinues:visited{text-decoration:underline;}
	a.acontinues:active{}
	a.acontinues:hover{color:#666;text-decoration:none;}

	a.amenu{color:#666;text-decoration:underline;}
	a.amenu:link{color:#666;text-decoration:underline;}
	a.amenu:visited{text-decoration:underline;}
	a.amenu:active{}
	a.amenu:hover{color:#666;text-decoration:none;}

	#container{
		width:850px;
		margin:0 auto 0 auto;
		text-align:left;
	}

	#banner,#subbanner{
		background:url('http://livedoor.blogimg.jp/sarugane/f6134883.png') no-repeat scroll 0 0;
		height:120px;
	}

	#banner a{color:#fff;text-decoration:none;}
	#banner a:link{color:#fff;text-decoration:none;}
	#banner a:visited{text-decoration:none;}
	#banner a:active{}
	#banner a:hover{color:#fff;text-decoration:underline;}

	#subbanner a{color:#fff;text-decoration:none;}
	#subbanner a:link{color:#fff;text-decoration:none;}
	#subbanner a:visited{text-decoration:none;}
	#subbanner a:active{}
	#subbanner a:hover{color:#fff;text-decoration:underline;}

	h1,h2,h3{margin:0;padding:0;}

	.blogtitle{
		font-size:26px;
		font-weight:bold;
		padding:70px 0 0 15px;
		text-align:left;
		letter-spacing:2px;
	}

	.description{
		color:#fff;
		font-size:12px;
		font-weight:bold;
		padding:0 0 0 15px;
		text-align:left;
		letter-spacing:2px;
	}

	#content{
		width:600px;
		float:right;
	}

	.blog{
		margin:0px 20px 10px 10px;
	}

	.date{
		color:#fff;
		font-size:x-small;
		font-weight:bold;
		padding:5px 10px 5px 10px;
		height:20px;
		background:#999;
	}

	.blogbody{
		margin:0 0 0 0;
		background:#f5f5f5
	}

	.title{
		color:#000;
		font-size:x-small;
		font-weight:bold;
		height:10px;
		padding:5px 5px;
	}

	a.atitle{color:#000;text-decoration:none;}
	a.atitle:link{color:#000;text-decoration:none;}
	a.atitle:visited{text-decoration:none;}
	a.atitle:active{}
	a.atitle:hover{color:#000;text-decoration:underline;}

	.main{
		font-size:x-small;
		line-height:135%;
		margin:20px 5px 15px 0px;
		padding:5px 5px 5px 5px;
		color:#666;
	}

	.main-continues{
		font-size:x-small;
	}

	.posted{
		color:#666;
		font-size:x-small;
		text-align:right;
		margin:0 0 25px 0;
	}

	a.aposted{color:#666;text-decoration:underline;font-weight:bold;}
	a.aposted:link{color:#666;text-decoration:underline;font-weight:bold;}
	a.aposted:visited{text-decoration:underline;font-weight:bold;}
	a.aposted:active{font-weight:bold;}
	a.aposted:hover{color:#666;text-decoration:none;font-weight:bold;}

	.menu{
		color:#666;
		font-size:x-small;
		text-align:right;
	}

	.commetns-container{
		margin:0px 20px 10px 10px;
		background:#f5f5f5
	}

	.comments-head{
		color:#666;
		font-size:x-small;
		font-weight:bold;
		padding:0 0 0 0px;
		height:10px;
	}

	.comments-body{
		font-size:x-small;
		line-height:135%;
		margin:20px 0 15px 13px;
	}

	.comments-post{
		color:#666;
		font-size:x-small;
		text-align:right;
		margin:0 0 25px 0;
	}

	.trackback-url{
		color:#666;
		font-size:x-small;
		font-weight:bold;
		margin:20px 0 15px 13px;
	}

	.trackback-body{
		font-size:x-small;
		line-height:135%;
		margin:20px 0 15px 13px;
	}

	.trackback-post{
		color:#666;
		font-size:x-small;
		text-align:right;
		margin:0 0 25px 0;
	}

	a.atrackback-post{color:#666;text-decoration:underline;font-weight:bold;}
	a.atrackback-post:link{color:666;text-decoration:underline;font-weight:bold;}
	a.atrackback-post:visited{text-decoration:underline;font-weight:bold;}
	a.atrackback-post:active{font-weight:bold;}
	a.atrackback-post:hover{color:#666;text-decoration:none;font-weight:bold;}

	table.form{margin:25px 0 0 13px;}

	label{
		font-size:x-small;
		font-weight:bold;
	}

	#author{width:200px;border:1px solid #666;}
	#email{width:200px;border:1px solid #666;}
	#url{width:200px;border:1px solid #666;}
	#text{width:500px;height:200px;border:1px solid #666;}

	.pagetop{
		font-size:x-small;
		text-align:right;
		margin:0 0 25px 0;
	}


	#links{
		width:230px;
		float:left;
		background:#f5f5f5;
		text-align:right;
		margin-left:0px;
		margin-top:0px;
		padding:10px;
	}

	.calendarhead{
		color:#666;
		font-size:x-small;
		font-weight:bold;
		letter-spacing:2px;
		padding:0px 0 5px 0;
		margin:0 0 10px 0px;
		width:80%;
		border-bottom:1px solid #ccc;
		text-align:left;
	}

	.calendartable{
		margin:0 auto 10px auto;
		width:80%;
		text-align:left;
	}
	
	.calendarweek{color:#fff;font-size:x-small;font-weight:bold;position:center;}
	.calendarwd{padding:2px;background:#ccc;}
	.calendard{empty-cells:show;}
	.calendardbg{}

	.calendar{
		font-size:x-small;
		padding:2px 2px;
		position:center;
	}

	.sidetitle{
		color:#666;
		font-size:x-small;
		font-weight:bold;
		letter-spacing:2px;
		padding:10px 0 5px 0;
		text-align:left;
		border-bottom:1px solid #ccc;
	}

	.side{
		font-size:x-small;
		line-height:135%;
		text-align:left;
		margin:0 0 10px 0;
		padding:5px;
	}

	a.aside{color:#666;text-decoration:underline;}
	a.aside:link{color:#666;text-decoration:underline;}
	a.aside:visited{color:#666;text-decoration:underline;}
	a.aside:hover{color:#666;text-decoration:none;}

	a.arss{color:#666;text-decoration:underline;}
	a.arss:link{color:#666;text-decoration:underline;}
	a.arss:visited{text-decoration:underline;}
	a.arss:active{}
	a.arss:hover{color:#666;text-decoration:none;}
	
	.photo{text-align:center;}
	.nickname{color:#2b5695;font-size:x-small;font-weight:bold;margin:10px 0;}
	.message{font-size:x-small;}

	.quotetable{}
	.quote{color:#666;font-size:x-small;padding:1px;}

	.blogtimes{margin:0 0 10px 0;text-align:center;}

	.powered{
		text-align:center;
		margin:0 0 10px 0;
	}

	.syndicate{
		font-size:x-small;
		text-align:center;
	}
	.checkers{
		font-size:x-small;
		margin-top:10px;
	}

	#footer{
		clear:both;
		background:#f5f5f5;
		color:#000;
		margin:0;
		padding:3px 0 20px;
		text-align:center;
		border-top:#999 1px solid;
	}

sarugane at 20:24│Comments(0)│TrackBack(2)│Blogの使いかた

トラックバックURL

この記事へのトラックバック

1. カスタマイズの記録 [ 午睡転寝日記 ] 2005年03月10日 23:32

天気予報で近畿全域に雪ダルママークが出ているのを見たのにはビックリしました。 ♪雨は夜更け過ぎに　雪へと変わるだろう♪ …ってもう３月ですよ？お雛さんですよ？ど～なってんの？不思議(不気味？)に思い、こよみのページで調べてみたら、なるほど、今は旧暦では

2. フォルテのブログカスタマイズVol.29～トップページにコピーライトを表示 [ ふぉるてブログ～小田急線梅ヶ丘駅の不動産会社フォルテの徒然～ ] 2006年05月19日 15:27

参考にさせて頂きました。ありがとうございました。

この記事にコメントする

名前:
メール:
URL:
	情報を記憶:	評価:	顔星