アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦! -217ページ目

CSS コメント下プレゼントを贈ろう

知らないうちに記事記入欄が・・・・・

変っていました



で、

コメント欄の下に

プレゼントを贈ろう・・・なんてつまんないものが・・・

私にはプレゼントは不要ですよ~



と、言うことなので

消しちゃいます

CSSの編集で最後に付け加えてくださいな

/*コメント下プレゼントを贈ろう*/
#comment_module #comment_present {
display:none;
}

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




付いていてもいいけど・・・・・

なんで・・・2行になっちゃっているの?


/*コメント下プレゼントを贈ろう*/

#comment_module #comment_present {
width:400px;
}

#comment_module #comment_present ul {
width:400px;
}


※3カラムの場合・・表示が崩れる場合は400pxを小さくしてください(もとは320pxです)

 または・・下の方法で文字を小さくしても1行になります
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




タイトルも・・・・かわいくしてよ~

色やアイコンを変えちゃいましょう・・・・(文字サイズも)


/*コメント下プレゼントを贈ろう*/

#comment_module #comment_present h4 {

font-size: 12px;/*文字サイズ*/
color:#ff00ff;/*文字色*/
background:url(画像のURL ) ;/*アイコン*/

}
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



ついでにその下も・・・・・・・

/*コメント下プレゼントを贈ろう*/
#comment_module #comment_present li a{
color:#ff00ff;
}

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!




このとき・・・

フォントサイズも小さくしても

1行になります


/*コメント下プレゼントを贈ろう*/
#comment_module #comment_present li a{
color:#ff00ff;/*文字色*/
font-size: 10px;/*文字サイズ*/
}

アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!


このときに・・・


/*コメント下プレゼントを贈ろう*/
#comment_module #comment_present li{/* /の色 */
color:#ff0000;/*文字色*/
font-size: 10px;/*文字サイズ*/
}
#comment_module #comment_present li a{
color:#ff00ff;/*文字色*/
font-size: 10px;/*文字サイズ*/
}


で、 / の色も変更できますよ
アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

何とかなりそうです・・・

前の記事で透過GIFキレイじゃないでしょ・・・


なんて書いていますが・・・

みなさま違いがわからないようでしたので・・

黒バックをつけてみました


む・ざ・ん・・・・・


画像は昨日と同じですよ

背景をつけただけです




で、

このブログでも使っている手法

IE6だけに別のPNG画像を表示させます

別の画像といっても・・・

背景に色をつけちゃっただけなんですけどね

だからIE6は透過PNGじゃないわけで

これでOK・・・・



ナンですが

なぜか?

色をピッタリに作ると微妙に違った色になっちゃうんです?

ブラウザーによって合ったり合わなかったり・・・・?


RGBを各+6すれば同じ色でピッタリ

のはずが・・・

やはりブラウザーによって合ったり合わなかったり・・・・?


作っているブログにはPNG画像をたくさん使いたかったので

透過できればベストだったんです



めんどうなんで

このまま行きます



企画ノート

IE6用に白とグレイの背景までつけたPNG画像

白はいいのですが・・

グレーの色が微妙にね・・・・・?
本当は・・・上でグレイの背景をつければいいのですが

そうすると色の違いがでないブラウザーで見ていただいた場合に

画像がわからなくなるので黒を使っています





12月9日(火)に記事の投稿ボタンが変更になります。
主な変更点は下記です。
●「URL」と書かれているボタンが「リンク追加」になります。
●画像マークが書かれているボタンが「画像追加」になります。


って・・・
メンテ終わったのに・・・
変わっていないような気がするんですが・・・
目が回っているせいですか?

気分転換に・・・・

いま・・・・
新しいブログを作っています

といっても
ココのブログのメニュ、検索を目的にしたブログなんで
ココをやめちゃうわけではありません



みなさまに質問されても
回答にここですよ~って返事を書きたいのですが
ほんとうに自分自身でその記事を探すのが出来なくはないのですが
そうとう苦労します・・・


ということは
みなさまならもっと苦労しているのではないでしょうか?
たいていの場合見つからないって・・・・


私自身でも・・・
サイドのブログ内検索で見つからない場合もありますから・・・




先日から可能になった(英語版は以前からありましたが)

Googleのカスタム検索エンジンでも設置してみようかなとも思いましたが



気分転換にでも新しいブログでもってはじめました・・・?



そんな時間があるんなら

プチメ、コメントの質問に回答してよ~

って思われたみなさま・・・

すいません

もう少しお待ち下さい

ごめんなさい



情緒不安定で・・・おかしいんです



田舎に帰省も・・・・・

ダメです!

うちの母親がマイナス思考のかたまりなんで

元気なときでも落ち込まされる場合もあるんです

今帰ったらもっとおかしな状態になってしまいます


マイナスとマイナスでプラスに・・・絶対になりません!ムリ!



で・・・・
が・・・・
最初から問題が出ています


今度はPIGの透過画像を使ってきれいにしたかったんです
でも・・・・
IE6でうまく行きません・・・


iepngfix.js

alphafilter.js

jQueryのjquerypngfix.js

IE7.js
ときたらとうぜん
IE8.js



全部試しましたが・・・・・
うまく行きません

背景だったりリンクにマウスが反応しなかったり・・・
全部がうまく行ったって~のがないんです




アメブロで使うのは無理なんでしょうか?ね
それともIE6は無視しちゃうとか・・・・

でも・・
ココのアクセス解析を見てみると
半分近くの方がIE6を使われています
私もIE6です



それに・・・
元のスキンを
ブルー、グリーン、ピーチ、グレイ以外のを使ってみました・・


したら
CSSで禁止セレクタがあります・・・なんてエラーが出てしまうじゃ・・・あ~りませんか・・


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!



ココのブログに書いてあるCSSが使えない・・

というか入力保存ができない場合があるって始めて知りました

私もCSSの編集の最後にコピペしただけなんですが・・・・


それに
表示位置も合わないんです・・・
これもIE6とそれ以外で表示にズレが出ちゃっています




やめちゃおうかな~
ココのブログの記事を探すためなら
別に普通のスキンの記事に箇条書きでかいてリンクすればいいだけなんですが


・・・や~なんです!
それじゃあ
やらない方がいいんです!
気分転換なんですから・・・・???




いつ完成するかわかりません
完成してもここのメッセージボードの中のように
更新が面倒でそのままになる可能性もあります・・・



こんなのとか・・・ 


企画ノート


IE6では透過していません

この画像は貼るだけなのでうまく行くのですが(新しいブログでは)

背景に使ったり

オーバーロールに使ったりすると

うまく行きません・・・・



透過GIF↓だとIE6でも透過できますがきれいさが違うでしょ


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!