「はてなダイアリー」について RSSフィード
 

2011年7月15日をもちまして、はてなサポート掲示板は新規投稿の受付を停止致しました。
今後は、人力検索はてなの「はてなの使い方」カテゴリーをご利用ください。
※ご要望や不具合のご報告ははてなアイデア、はてなからのご返信が必要な質問はお問い合わせページをご利用ください。

518rikuorikuo   517  Re:Re:Re:スタイルシートを変更するとプロフィールも変更されてしまう。

上の回答ではプロフィールページに用意された idを使った設定の方法を提示したのですが、

プロフィールの画面についてはテーマの初期設定をそのまま使用しようと思っているのですが、

具体的にはどのような作業が必要になるのでしょうか?

プロフィールでは初期設定のままで構わないのであれば、こちらの方が簡単でした。

まずスタイルシートの

/*:: h2 ::::::::::::::::::::::::::::::::::::::::::::::::::*/  
  :
  :
  :
/*:: calendar ::::::::::::::::::::::::::::::::::::::::::::::::::*/

の h2 ~ calendar までの部分の記述をこのように変更して下さい

/*:: h2 ::::::::::::::::::::::::::::::::::::::::::::::::::*/  

#days h2,
#days h2 a{
  text-decoration: none;
  border: none;
  color: #666666;

}

#days h2 {
  font-size: 100%;
  font-weight: bold;
  text-decoration:none;
  margin: 0 0 2em 0;
  padding: 0 5px;
  text-align: center;
  letter-spacing: 0;
  line-height: 1;
}

#days span.date{

}

#days span.title{
  font-size: 100%;
  font-family: Verdana, Osaka, sans-serif; 
  font-weight: bold;
  margin-left: 15px;
}

#days a.edit{
  font-weight: normal;
  margin: 0 0 0 5px;
  
}

#days .body {
  padding: 0 0 0 0;
  margin: 1em 0 0 0;
  _width: 100% ;
  position: relative;
  z-index: 0;
}


#days div.section:after{
  content:"";
  display:block;
  clear:both;
}

#days .section{
  padding: 0.5em;
  margin: 0 0 2.5em 0;
  border: solid 0px #a0a0a0;
  position: relative;
  z-index: 0;
  background-color: #ffffff;
}


#days .section p {  
  margin: 1em ;
  text-align:left;
  padding: 0;
}

#days .body .section p{
  width: auto;
  height: auto;
}

/*:: calendar ::::::::::::::::::::::::::::::::::::::::::::::::::*/



設定の解説ですが、通常のページはプロフィールのページと異なり、

 <h1>
 <div class="hatena-body">
   <div id="pager-top" class="calendar">
   <div id="days">     <!--  通常のページに特別にある id  -->
     <h2>
     <div class=body>
       <div class=seciton>
   <div id="pager-bottom" class="calendar">

という構成になっています。

つまり、先程 http://hatena.g.hatena.ne.jp/bbs/1/516 で提示した方法では、プロフィールページのみに適用されるスタイルシートの設定方法でしたが、今回は通常のページのみ適用される方法になります。

h2 {                 /* 日記全体に影響の出る設定 */
  font-size: 100%;
    :
}#days h2 {           /* 通常のページのみに提供され、プロフィールページでは有効にならない設定 */
  font-size: 100%;
   :
}

ということになります。

少々難しいかもしれませんが設定の理屈はさておき、プロフィールページ http://d.hatena.ne.jp/YousukeTakeda/about の表示はこれでいかがでしょうか。



またリンクの下線を無くすのは

a, a:link, a:visited, a:hover, a:active{
  text-decoration: none;
  border: none;
}

というのをスタイルシートに追加すれば下線がなくなります。


ただ個人的には、カーソルがリンクに重なった場合には下線が表示される方が好きなのですが、

a, a:link, a:visited, a:active{
  text-decoration: none;
  border: none;
}
a:hover{                            /* カーソルがリンクに重なった場合 */
  border-bottom: 1px solid #333;    /* 下線が表示される */
}

これは好みの問題ですのでご自由に設定して下さい。

返信2008/03/13 20:46:38