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

10 ■無題

こんばんは。

この記事でなんか、今までの謎が一つ解けました(・∀・)
ありがとうございましたー



またまた一つ質問なのですが、ブログではホームページと違ってアドレスバーにあるアイコンのカスタマイズは無理なのでしょうか。

って知り合いに無理って言われたんですが、もしかしたらと思い、お尋ねしましたm(._.)m

ココの部分デス(micro soft参照)・・
http://support.microsoft.com/default.aspx?scid=kb;ja;JP415022

11 ■無題

あのうｃｓｓのことについて質問なんですけど
ページの一番下になんかまるながい中に「powered dy ameba by cy,,,]

とか書いてある画像があるじゃないですカ、
その周りに白い背景っぽいのがあるんですけど
それを透明化にする方法はありますか？
私のブログを見ていただければわかると思うんですが
なんかしかく？っていうが画像に
しろいのがかぶさってて、
それを消したいんですけど、、、
説明力わるくてすいませんっ

12 ■無題

先日はお世話になりましたm(_ _ )m

また、質問なのですが
記事下の黒い点々の区切りを
変える方法を教えてください(｡-人-｡)

13 ■無題

実行委員さんのブログで
教えてもらったタグなどをCSSに貼り付けるんですが、
何分たっても毎回変わらないんです...
もう何回やっても変わらないので放置気味ですが...
理由はなんなのでしょうか?
教えてくださいっ＞＜

14 ■>haru さま

ファビコンのことですよね

http://favicon.webmeister-jp.com/
まずはここでfavicon.icoを作成してください

アメブロには.icoの画像はアップできませんので
別にサーバーとか用意できないと使うことができません

ファビコン画像をアップできたら
フリースペースとかフリープラグインに

<link rel="shortcut icon" href="http://ファビコンのＵＲＬ/favicon.ico " />

ためしに私も設定してみました・・・
画像がよくないのですが・・・どうでしょうか？

15 ■>ゆ―ナ★ さま

ごめんなさい
IE6、IE7、Firefox、Google Chrome、Safariで確認してみたのですが
症状がわかりませんでした？



あと・・・ふぃリープラグインで

ランキング参加㊥ １ポチよろしく☆</font></p>
' 　←■■　ココの　' を削除してください
//http://ameblo.jp/exlink/
function myF() {

ココがエラーになっています

16 ■無題

ｽｺﾞｲ・・・

できてますね!!( ; ﾛ)ﾟ ﾟ

しかも、ピグ画像ですか？ｗ






やってみますー

ありがとうございました(・∀・)

17 ■>穂亜♡/ さま

.entry .foot{
border-top:1px dashed #666666;
}
#666666 を好きな色に設定してＣＳＳの最後に加えてください

もし・・・消しちゃうのであれば

.entry .foot{
border:none;
}

18 ■>美弥* さま

CSS　動きません・・　質問するその前に
http://ameblo.jp/exlink/entry-10131393930.html
これの1番目の原因です

.entry {
text-align: center;　　←■■　閉じていません
/*記事枠*/
.entry{
border:3px solid #FFCCCC;
}

↓

.entry {
text-align: center;
}
/*記事枠*/
.entry{
border:3px solid #FFCCCC;
}

19 ■無題

お世話になっています
いままで実験委員さんに教えて頂いた
CSSで"チェックリストに入れる"
へのリンクを消していたのですが、
また出て来てしまいました...
また消す事はできますか？

20 ■動く広告が・・・

やっぱりでてきてます(Ｔ▽Ｔ;)

広告なのでけせないですよね？

なんでこんな物まで・・・

うぅぅ・・・m(_ _ )m

21 ■>vivi さま

フリープラグインに書いてあるＣＳＳで

<!--
#amebaBar #barCheck,
.foot .checkList {
display:none;
}
--></STYLE>
</center></center>

最初の部分
<style type="text/css">
これが削除されています

でもこの部分はＣＳＳの編集へ書いたほうがいいと思うのですが

</center></center>も不必要です

22 ■>かえるまま さま

>動く広告が・・・
って・・画面の右に時々現れて降りてくるアマゾンの広告でしょうか？

それだとしたら・・・
雪を降らせるブログパーツがやっているようです
たぶん・・・

23 ■無題

管理人様
初めまして、こんにちは。

すいません
この記事とは関係ない質問なのですが…

スキンのヘッダーの所に
オリジナルの画像を入れたいのですが
その画像が幅より小さい為
繰り返しの状態で表示されてしまいますので
それを直すにはどうすれば良いのでしょうか？

お手数ですが
教えて下さると嬉しいです。

宜しくお願い致します。

24 ■ありがとうございます

そうだったんですか・・・
確かに～かも。

納得して放置します(笑)

これって思いんでしょうかね？
外した方が・・・

25 ■ファビコン

記事と関係なくてスイマセン。
ファビコンの設定をしてみました。
Firefoxでは表示されるのですが、
ＩＥでは表示されません。
何が悪いのでしょうか？

<link rel="shortcut icon" href="http://ファビコンのＵＲＬ/favicon.ico " />

で設定しました。

26 ■>蓮二 さま

#header{
background-repeat:no-repeat;
background-position:center;
}

基本的にはコレなのですが
スキンによって背景色を付けた方がいいのか？
あるいは透明にした方がいいのか？
上と下のスキマのバランスは？

また画像クリックでトップへ戻るようになっている場合はもっと手をくわえる必要があります

実際に見ればａｄｖｉｃｅができますが・・

27 ■>かえるまま さま

そんなには重くなっていません・・
使わせていただいているのでそのままでもいいと思いますが

28 ■>ナベっち さま

ＵＲＬが間違っています
http://wiblo.web.fc2.com/favicon.ico.png
最後に　.png　が・・・

あと・・・FC2は外部からの画像の呼び出しが出来なかったとおもいましたが・・・

29 ■無題

ご迷惑をおかけしました。
Favicon Japanを使用したら、
表示されました。。。
ありがとうございました。

30 ■無題

ありがとうございました
消えましたp(^-^)q

あと、アメーバトップへ
って書いてあるところのバー
全体の色を変えることはできますか？

31 ■はじめまして＠

コメント欄の背景画像に
隙間が空くんですけど
どおしたらいいですか？

32 ■無題

PRゎ消すことできますか？
教えてください!

33 ■はじめまして

はじめまして、よく拝見させてもらい実践もしています。
記事とは関係ないのですが、記事＆サイドバーの幅を変更しようとして、いろいろやっていて以前の管理人さんのコメントのとこにあったタグ？をCSSの1番下に入れてるのですが変化しません、なにか自分のCSSによけいなものが入ってるのでしょうか・・スキンはベーシックです

34 ■無題

えっとですね
http://stat.ameba.jp/room/img/ameba/common/logo_ameba_footer.gif

↑の画像のところなんですけど
そこの背景の色を透明化にしたいんです

35 ■>vivi さま

#amebaBar{
background-color:#ff00ff !important;
}

これのことでしょうか？

36 ■>ひか さま

<script type="text/Javascript" src="http://stat.ameba.jp/blog/ucs/js/common/protectimage.js"></script >
<script type="text/JavaScript">
<!--
window.onload = function() {protectImageLoad();};
-->
</script>

/* ゲストコメント　*/
#comment_module .each_comment{/*コメントタイトル部分*/

コメントの上の画像を設定するＣＳＳの上に・・・
これはＣＳＳではありません
フリープラグインに書いてください
このエラーがあるのでその下に書かれているコメントの上の画像が表示されていません


その部分を削除したら
#comment_module .comment_body{/*コメント文章部分*/
margin: 0;
padding:0 0px 10px;/*コメント分の上と左右と下の余裕*/
background: url(http://stat.ameba.jp/user_images/20090305/18/lohkrexve/37/6d/g/o0396003010148700699.gif);/*中画像のURL*/
background-repeat : repeat-y;
background-position: center top;
}
この部分の

padding:0 0px 10px;/*コメント分の上と左右と下の余裕*/
↓
padding:0 20px 10px;/*コメント分の上と左右と下の余裕*/

0px を　20px にするとコメント文が画像の中に収まります


コメントがくっついていますが・・・
コレはコレでうまく行っている気もします
気になるようでしたら
コメント下さい

37 ■>ヵホ さま

ＰＲは消さないで下さい
コレがあるから無料で使えています
ちょっと広告が多すぎのような気もしますが・・・
ガマンしてください

もしお金を出せるのであれば限定サービスでほとんどの広告がなくなります
でも・・ソコまでしなくてもいいと思いますが

38 ■>しーさー さま

ＣＳＳ　ブログの横幅を広げませんか・・・
http://ameblo.jp/exlink/entry-10196996340.html
これでやってみてください

ベーシックはちょっと違うところがある場合がありますからおかしかったらコメント下さい

39 ■>ゆ―ナ★ さま

CSS フッターエリアの広告スペース
http://ameblo.jp/exlink/entry-10141965612.html
と
http://ameblo.jp/exlink/entry-10141988221.html
ここを参考にして下さい

40 ■無題

できました!ありがとうございます

またすみませんが、さきほどの
バーにある検索窓の色の変更は
できますか？

41 ■無題

良かったら
タイトルの背景の色を
買える方法教えてください★!

42 ■いつもお世話になっています。

質問です。
サイドバーに画像フォルダにアップロードしてある画像を貼りたいのですが、どうやったらできますか？

43 ■>ナヲ さま

・・・・？
前に変更していますよね
ＣＳＳの最初の部分
かんたんＣＳＳの

/*７）記事タイトルの背景色を変更する*/
.entry h3.title{
background-color:　#FFFFFF; /*-- 薄いグレー --*/
}
/*８）記事タイトルの文字色を変更する*/
.entry h3.title{
color: #FF3399; /*-- 濃いグレー --*/
}

ここで背景と文字色を変えます

44 ■>ゆみ さま

フリースペースとかフリープラグインを使います

今・・フリースペースにもフリープラグインにも貼っているようですが
それ以外の場所には貼ることが出来ません・・・

背景画像としてなら貼ることは出来ますが・・・

45 ■>vivi さま

li#barSearch .barKey{
background:#ff00ff;
}

色はお好きにしてください

46 ■無題

#header{
background-repeat:no-repeat;
background-position:center;
}

のようにやったのですが
ヘッダーの画像が真ん中にいきません。
どうすればよいでしょうか？

47 ■>奈津 さま

/* ----------------------- header ----------------------- */
#header{
height:369px;
width:800px;
z-index:1;
margin-right:auto;
margin-left:auto;
background-image:url(http://stat.ameba.jp/user_images/20090304/00/tn-onlyone-am21-love6139/ae/a1/j/o0700036910148061770.jpg);
background-repeat:no-repeat;
text-align:right;
position:center;
}

background-position:center;ではなくて
position:center;になっています

48 ■数値の違いなのかな

教えていただいたエントリーでやってみたのですが、右側のサイドバーが1番下に行ってズレてしまいます。数値をいろいろいじってみたのですが、どうにもなりません。どこらへんをいじれば良いのか是非お願いします。

49 ■無題

教えて下さりどうも有難うございました！

ですが
先程の画像では上手くいったのですが
今度の画像では真ん中にいっても汚くなってしまいます。。
両側の隙間を白にしたいのですが
どうすればよいでしょうか？

50 ■無題

ありがとうございます★ﾐ

51 ■>奈津 さま

先ほどまで上のように
background-repeat:no-repeat;
と、繰り返さないようになっていましたが

今見たら
background-repeat:repeat-x;
と、横に繰り返すように変わっています？
ここもさわりましたか？

52 ■無題

ありがとうです
助かりました

53 ■無題

ありがとうございます ;)
何回もすみませんが、上のバーの
リンク色の変更はできますか？

54 ■無題

できました!
ありがとうございます＠

タイトルと名前の横の
アイコンがうまく表示できないん
ですけどどおしたらいいですか？

55 ■>vivi さま

li#barPr a,
li#barPr a:hover{
color:#ffa8ff !important;
}

「Amebaトップへ」は画像ですから
http://ameblo.jp/exlink/entry-10187879566.html
コチラを参考にして下さい

56 ■無題

できました!
ありがとうございますo(〃＾▽＾〃)o

57 ■>ひか さま

.entry .title{
padding: 3px 0 2px 30px;
background-position:10px top;
}
#comment_module .comment_author,
#comment_module .comment_author a{/* 名前の右にアイコン */
padding-right: 15px;
}

コメントの名前にマウスをのせると位置が・・・

58 ■無題

貼ったんですうけど
ならなかったです、、
コメントの名前にマウスのせると
なんであんなんなるんですか？

59 ■>ひか さま

リンクの上にマウスをのせるとずれるように設定してあるからです
記事下のコメント、チェック、ペタでも画像がずれます
それと同じです