「トップページ/2005年07月24日/スタイルのカスタマイズ」の編集履歴（バックアップ）一覧はこちら

「トップページ/2005年07月24日/スタイルのカスタマイズ」(2005/07/24 (日) 16:27:49) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

#blognavi

半日かけてこのサイトのCSSのカスタマイズをした。いじったのは次の項目

-背景画像も素材を探してきて変更した（和紙）。
-body font-sizeを12pxから14pxに。これで私のノートパソコンの小さい画面でも多少見やすくなった。
-リンクされた文字の色をGoogle風にした（サイトのソースを調べて）。つまりこんな感じである。ポインターを持っていったときに下線が消える仕様は残した。
--a{color:#00c;text-decoration:underline;}
--a:link{color:#00c;text-decoration:underline;}
--a:visited{color:#551a8b;text-decoration:underline;}
--a:active{color:#f00;}
--a:hover{text-decoration:none;}
-sitename font-sizeを25pxから28pxに。ちょっと目立たせた。
-menuとmainbodyのword-breakを、break-allからnormalに。これで英単語が途中で切れて折り返される問題は解消した。
-h1、h2、h4、h5、h6のfont-sizeを、それぞれ24pxから20px、20pxから19px、16pxから17pxに、14pxから16pxに、12pxから15pxに変更した。

CSSリファレンスサイトを見ながら見よう見まねで変更した。少しは見やすくなったか。

ついでにトップページにSHOWRSSプラグインを追加し、朝日新聞、共同通信、ニューヨークタイムズの記事ヘッドを読めるようにした。英語の勉強に役立てたい。

#ref(ami.gif)
#ref(sashiko.gif)
#ref(tatami.gif)
#ref(washi.gif)
こんな背景素材を見つけた。素材探しにはまりそうだ。

#right{
カテゴリ: [[[日記>トップページ/カテゴリ/日記]]] - &trackback() - 2005年07月24日 13:54:35
}

#blognavi

#blognavi

半日かけてこのサイトのCSSのカスタマイズをした。いじったのは次の項目

-背景画像も素材を探してきて変更した（和紙）。
-body font-sizeを12pxから14pxに。これで私のノートパソコンの小さい画面でも多少見やすくなった。
-リンクされた文字の色をGoogle風にした（サイトのソースを調べて）。つまりこんな感じである。ポインターを持っていったときに下線が消える仕様は残した。
--a{color:#f00;text-decoration:none;}
--a:link{color:#00c;text-decoration:underline;}
--a:visited{color:#551a8b;text-decoration:underline;}
--a:active{color:#f00;}
--a:hover{text-decoration:none;}
-sitename font-sizeを25pxから28pxに。ちょっと目立たせた。
-menuとmainbodyのword-breakを、break-allからnormalに。これで英単語が途中で切れて折り返される問題は解消した。
-h1、h2、h4、h5、h6のfont-sizeを、それぞれ24pxから20px、20pxから19px、16pxから17pxに、14pxから16pxに、12pxから15pxに変更した。

CSSリファレンスサイトを見ながら見よう見まねで変更した。少しは見やすくなったか。

ついでにトップページにSHOWRSSプラグインを追加し、朝日新聞、共同通信、ニューヨークタイムズの記事ヘッドを読めるようにした。英語の勉強に役立てたい。

#ref(ami.gif)
#ref(sashiko.gif)
#ref(tatami.gif)
#ref(washi.gif)
こんな背景素材を見つけた。素材探しにはまりそうだ。

#right{
カテゴリ: [[[日記>トップページ/カテゴリ/日記]]] - &trackback() - 2005年07月24日 13:54:35
}

#blognavi