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

CSS これは・・なんて言ったらいいんでしょ?

見てね! 見ないとお仕置きよ~


↑これって・・なんてよべばいいのでしょうか?

このブログの右についている縦パターンもあります→


リクを頂いてやっているのですが・・

タイトルに困っています

メッセージボードがちょうどいいような気がしますが・・

すでにアメブロで使っていますから・・・


Newsボード ・・・ お知らせ

サインボード ・・ 看板

スクロールボード・・

これからなんて言えばいいのでしょうか?


コメント欄を開けておきますので

すでに・・こうよんでいるよ~とか

他にいい案がありましたら教えてください

MARQUEEタグでただ文字が動くだけのも「スクロールメッセージ」って使っているんですよ・・

なんで違うのがいいかな~って・・


「あれ」でわかるのでしたら「あれ」でもかまいませんが・・

「あれ」ではわかるわけないじゃん!・・「アレ」ってカタカナ使わなくちゃ・・

えっ~?・・・ 「コレ」の方が良いよ~

なんてね・・?


今までのは table なんで・・(↑はtableを使っています)

これからこのブログで説明するのはCSSを使います

なので・・見た目は同じでも・・勝手に名前をつけちゃってかまわないような・・いけないような・・



よび方がわかるまで・・・

こんなの↓



見本です・・なんの?

http://ameblo.jp/plan-note

フリースペースに・・・


<div id="top_ma"><div id="tma_t0">注意!</div><marquee id="tma_m0"><img src="http://stat001.ameba.jp/user_images/20101121/15/exlink/04/a5/g/o0023001510872246479.gif">  ここに適当なメッセージを入れてください <img src="http://stat001.ameba.jp/user_images/20101121/15/exlink/79/d2/g/o0021001510872246478.gif"></marquee><br clear="all" /></div>



CSSに・・・


#frame {/*おまじない(すでにある場合は必要ないです)*/
position: relative;
}
#tma_t0{/*タイトル*/
width:100px;
border:solid 8px #666666;/*メッセージ部分の線の色と同じに*/
background-color:#666666;/*メッセージ部分の線の色と同じに*/
color:#ffffff;/*文字色*/
font-size:16px;
padding:2px 0;
text-align:center;
float:left;
}
#tma_m0{/*メッセージ部分*/
width:850px;
border:double 8px #666666;/*線の色*/
background-color:#ffffff;/*背景色*/
color:#666666;/*文字色*/
font-size:16px;
padding:2px 0 1px;
float:left;
}
#top_ma{
position: absolute;
top:-36px;/*上へ*/
left:-80px;/*左へ*/
z-index:1000;
margin:0 auto;
width:1000px;
display:block;
}



CSSの編集が出来ないスキンの場合は・・・

フリープラグインに・・


<style type="text/css">
<!--
#frame {/*おまじない(すでにある場合は必要ないです)*/
position: relative;
}
#tma_t0{
width:100px;
border:solid 8px #666666;
background-color:#666666;
color:#ffffff;
font-size:16px;
padding:2px 0;
text-align:center;
float:left;
}
#tma_m0{
width:850px;
border:double 8px #666666;
background-color:#ffffff;
color:#666666;
font-size:16px;
padding:2px 0 1px;
float:left;
}
#top_ma{
position: absolute;
top:-36px;/*上から*/
left:-80px;
z-index:1000;
margin:0 auto;
width:1000px;
display:block;
}
-->
</style>





先週末のコメントにまだ全部回答し終わっていません

もう少しお待ち下さい

すみません m(_ _)m

ひとり言・・・

前の記事でも書きましたが・・


ピグの広告が一時的であった場合・・


ピグの広告が消えたとき・・あのままではマズイ・・他のDIVに影響が・・


ということで・・書き替えておきました?・・・どこを?



広告はjavascriptで#amebaBarの後に付けられます・・

幸いにそれは一番最後に書かれています

て~ことは・・フリープラグインのほうが先に読み込まれます・・


フリープラグインが読み込まれた段階で#amebaBarを消します

最後にjavascriptで広告をつけようとしても#amebaBarがありませんから・・付けられません

ソースを全部読み込んでから・・ふたたび#amebaBarを表示・・

これならピグ広告がなくたった場合でも影響はでません


ひとり言らしくありませんが・・

今回のはあまりにひどすぎると思いましたので・・

(ヒント:前の記事・・記事の下が開きすぎと思いませんか?なぜ?)

「なんじゃこりゃあ~!・・2」  松田優作 (゚Ω゚;)

「なんじゃこりゃあ~!」  松田優作 (゚Ω゚;)  

リンクしてもしかたがないのですが・・

一応2なんで・・1もあるよって~ことで・・


・・・にしてもひどくないですか?

こんなもん・・見る人が多いオフィシャルにつければいいでしょ!

善良なわれわれのブログにつけなくても!!!?

いつから付きだしたんでしょ?



おまけに・・javascriptであとからつけるなんて・・

だから恒久的ではなくて一時的なものだったら良いのですが・・







たまには・・・


「えっ?広告が減っているよ~ アメブロ大丈夫なの・・?」って・・

わたしたちに心配でもさせてもらいたいものです・・・




ど~しましょ・・?


11/20 フリープラグインです・・フリースペースって書いちゃっていました m(_ _)m

自分の責任で使ってください

フリープラグインに(出来ればはじめの方に入れてください)

※11/19変更しました


<script type="text/javascript">
var amebar = $("#amebaBar").clone(true);
$("#amebaBar").remove();
$(function() {
$("#frame").before(amebar);
});
</script>


重要:

コレを見つけたとしてもみなさまのブログには書かないで下さい

たぶん・・書かないほうがいいと思います

じぇったいに・・書かないで下さい


そしてこの広告が一時的なものですぐになくなることを祈りましょう・・

(隠れ切支丹?)