ニックネーム｜ルーム｜ブログ｜フォト
2008/12/16
アメブロの変更により
http://ameblo.jp/exlink/entry-10178945284.html
こちらを参考にしてください
タイトルの上にある
ニックネーム｜ルーム｜ブログ｜フォト
これって変えられないのでしょうか？
この部分は、id="userNaviArea"で囲われているんです
だからCSSで加工しようと思えば可能です・・・・
でも、実際は不可能なんです
いくらCSSで加工しても元に戻ってしまうんです？？
CSSは最後が優先されます
ですので、私もいままで一番下に付け加えてっていってきたわけで・・
この部分・・・・ソースを見るとわかるのですが
オリジナルのCSSを読み込んだ後に
<link rel="stylesheet" type="text/css" media="screen,print" href="http://stat.ameba.jp/p_skin/cmn/css/naviarea.css
" charset="UTF-8" />
と、再度id="userNaviArea"の部分を元通りに読み込んでしまうんです？？
なぜ？こんな不可解なことをやっちゃっているんでしょうか？？
元に戻されてしまうっていっても
位置と文字サイズくらいなので色を変えたければ可能なんですが
色だけ変えてもね・・・・
と、いうことで皆さん消しちゃっているんですね
いつものように青字部分をCSSの一番下にコピペ
++++ 隙間をつめる場合 ++++
/*ナビゲーションリンク消す*/div#userNaviArea{
display: none;
}
++++ 隙間はそのままで ++++
/*ナビゲーションリンク消す*/
div#userNaviArea{
visibility: hidden;
}
スキンのデザインにあわせてどちらでも
サイドバーにあるプロフィールの ルーム・フォト・動画・・・などを 消す場合は
オリジナルスキンCSSの編集 プロフィール3 & 記事下もっと
2008/9/1 消すだけでなく文字色を変更したりする方法も・・・・
CSS 読者になるボタンのロールオーバー
先日、なんちゃってロールオーバーを紹介したのですが、
「読者になる」ボタンの方だけは２枚の画像を使ってロールオーバーすることができます
「ブログを作る」ボタンは設定できませんのでバランス的にどうかとは思ったのですが
m(_ _)m ゴメンナサイ 「ブログを作る」ボタンでもできます 12/1
画像を２枚（最初の画像とマウスが乗った時の画像）用意してください
サイトに合っていない色ですが・・・・わかりやすくするために
例のごとくCSSの一番下に青字部分をコピペしてください
/* 読者になるボタンロールオーバー */
#readerList img {
visibility : hidden ;
}
#readerList dl a{
display: block;
padding:0;
margin:0;
height:50px;/*画像の縦*/
background-repeat : no-repeat ;
background-image : url(最初の画像のURL) ;
}
#readerList dl a:hover {
background-repeat : no-repeat ;
background-image : url(マウスがのったときの画像のURL);
}
ロールオーバー（マウスがのったときに画像が替わる）が必要なければピンク部分は必要ありません
マルひ様からの情報で赤字部分付け加えました
でないとIE以外は全滅でした
コメントありがとうございました
このページにセットしてあります
マウスをのっけてみてください
「ブログを作る」ボタンの方は先日のナンチャってロールオーバーです
※12/1こちらも画像２枚のロールオーバーに変更しています
2008.8.9
１枚の画像でロールオーバーさせる方法は
CSS タイトル画像のロールオーバー2 こちらも参考にしてください
YouTube + ThickBox こんなのは・・・
YouTube + ThickBox のテストです
こんなこともできちゃう！！
いろいろとやっているうちに・・・・・
元に戻らなくなって・・・・
そのうちにやり方公開します・・・。
↑クリックしてみてください