とらんちょのブログ一覧

ヘッダー画像を透過（透かし）できます。

スタイルシートの［詳細編集］の ページの基本 の
ヘッダー領域　div#BodyBlockHeader　に

filter:alpha(opacity=90);
opacity:0.90;

を追加します。

90　で透過の濃さを指定します。
数字が小さいほど薄くなります。

他の所にも入れることが出来ますが入れすぎるとページが重くなります。

（注意・タイトル文字も薄くなります）

画面の外周に枠を表示できます。

２００９．４．１６　スタイルシートの仕様変更で出来なくなりました。


スタイルシート ［ページの基本］　の　ページBody　body　に

border-width:15px;
border-color:aqua;
border-style:ridge;

を追加。
15px は枠の太さ。
aqua は枠の色。#00ffff でもいいです。
色はカラー１、カラー２で参考にしてください。

※カラー１はWindowsとMacintoshの共通の２１６色です。

ridge は枠の形式。影が付いたように見えます。
他に
dotted　dashed　solid　groove　double　inset　outset
があります。それぞれ選んでください。

マウスカーソルの変更

・カーソル保存

まず、使用するマウスカーソルを保存するのですが
ネット上にあるフリーで使える物にするか自作するかです。

使えるカーソルの拡張子は　.ani か .cur　です。

※ ＩＥ （Internet Explorer）以外では.ani が使えなく .ico　.gif が使えます。


みんカラではマウスカーソルを保存することが出来ないので
他のサイトでカーソル保存をして呼び出さなくてはなりません。

ジオシティーズなど無料の所を借りて使うのがいいです。

設定するスタイルシートは

スタイルシート[詳細編集]　－　ページの基本　の
ページBody　body　に

cursor:url(http://～.cur),auto;

を追加。

リンクにマウスカーソルを合わせた時にカーソルを違うものに変更したい時は

スタイルシート[詳細編集]　－　ページの基本　の
リンク　a　に

cursor:url(http://～.cur),auto;

を追加。
上の　body　とは違うカーソルのアドレスを。


※ アニメーションカーソル .ani を使用すると ＩＥ 以外では対応しないので他でも使える .ico を
一緒に使うことをすすめます。

cursor:url(http://～.ani),url(http://～.ico),auto;

最後に　auto　を付ける事によって対応するカーソルが選択されます。

コンテンツ選択用タブ（ブログ、愛車紹介、おすすめスポット・・・）に画像の入れ方。

表示させる画像を「スタイルシート用画像」に保存します。
保存する画像のサイズは横を 118ピクセル にしてください。

・サイズ指定する物を追加（または変更）します。

［詳細設定］　－　［タブ］　の
タブ　ul#MainNav　と
タブ(通常)のスタイル　ul#MainNav li.nav　と
タブ(通常)のリンク　ul#MainNav li a　に

height:60px;

をそれぞれ追加。
これは表示させる画像の縦サイズです。
画像のプロパティで調べて数字を変えてください。

・タブメニューに通常時に表示させる物を追加（または変更）

タブ(通常)のリンク　ul#MainNav li a　と
タブ(通常)のリンク(訪問済み)　ul#MainNav li a:visited　に

background:url(http://carview-img02.bmc～) no-repeat center;

をそれぞれ追加。

・マウスカーソルを合わせた時に画像を変更する物を追加（または変更）

タブ(通常)のリンク(マウスオーバー)　ul#MainNav li a:hover　に

background:url(http://carview-img02.bmc～) no-repeat center;

を追加。
通常時の画像と違う画像アドレスに。

・選択中に表示させる物を追加（または変更）

タブ(選択中)のリンク　ul#MainNav li.navOn a　と
タブ(選択中)のリンク(訪問済み)　ul#MainNav li.navOn a:visited　と
タブ(選択中)のリンク(マウスオーバー)　ul#MainNav li.navOn a:hover　に

background:url(http://carview-img02.bmc～) no-repeat center;

をそれぞれ追加。
通常時、マウスオーバーと違う画像アドレスに。