広告をいじってみる。

記事の一番したにある広告ですが

まちゃは以下のようにして文字サイズや色を変えています。

※CSSの最後に追加

#advertising2 a{
color : #ffccff;
font-size: 0.8em !important;
}
#advertising2 p{
color : #ffccff;
font-size: 0.8em !important;
}

ですが、下記記述でそれぞれを消すことが可能。

◆最新記事内に表示されるGoogle ADSenceを消す。

#advertising2 div{
display:none;
}

◆サイドメニューの広告を消す。
#ameblo{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;

◆フッター部分の広告を消す。
#footer_ad{
text-indent:-2000px;
display:block;
overflow:hidden;
width:0;
height:0;
}

思い切ってプラグインに

<script type="text/javascript" src="http://www.vjck.com/ameba/am_eraseallad.js"></script>

を入れてみる。

ただ、これがいいことなのかは分かりません。

だって、会費払って広告を消している人もいるわけだし。

だけど、これをやってもID抹消されない人も結構いるみたいですけどね。

この辺は個人の判断にお任せします。

これじゃ、無責任すぎるので、調べてきました。

広告を消すのは、第12条（禁止事項）　(6）サービスの運営を妨害する行為

これに当たるのかな？と。

というのも

第1条（定義）　

(17)「パートナーメディア」---弊社が第三者と契約を締結することにより

当該第三者が企画運営するメディア

これって、スポンサーのことだと思うんですよね。

まぁ、広告運営ってヤツですね。

広告を消す→パートナーメディアの妨げという考えかな？と。

紹介しておきながら言うのもなんですが、まぁ、消すことはお薦めしません。

よく参考にさせていただいております。

食いしん坊マンセー

＼はい、みなさまコニニチワーｗ／

　 　

ザギンのわしたショップ さんからお届けしております（ウソ）

４月限定で高円寺にあるFucca Fucca さんで販売されていた

じゃぐモコ。

ここのクレープは全体的にボリュームが激しいです

結構遅い時間までやっていて、お酒も飲めるようですが、ノーリーカーな

まちゃにはあまりご縁はないようです

あ、店内には落書きノートがあって、お返事と共にサービスチケットが

ついているようです。

まちゃは漫画仕立て（）で描いてあるので、探してみてください。

はい、こちらは先日連載もおわってしまったクラウザーさん。

同じく高円寺のメシモ さんにて。

結構お安くておいしいですよ。

１階にときどき車屋さんらしきものが登場するのですが

その車がかなり格好いい

車好きの方もどじょーｗ

ナンジャタウン でやってた銀魂フェア で食した銀さんぱるふぇ

今はヘタリアフェア らしいのですが、残念なことにヘタリアを知りません。

Twit-Tickerをヘッダに表示させたいのだが･･･②解決編

アメブロカスタマイズ で相談したところ、

麗しき姫が優しい手を差し伸べてくださいましたｗ

※イメージ画ｗ

CSSにjsコードが書けませんのよ。

CSSはCSS、jsはjsですってよ。

ええっ！そうなの!?

思いっきり違う方向に進んでます･･･。

http://twit-ticker.usagifrask.com/ での配布コードは

プラグインに、【そのまま】記述します。

この時点で、サイドバーにTwit-Tickerが表示されます。

スクリーンショットまで送ってくださるなんて!!

バカな私でも分かりやすい!!

次にCSSで移動させます。
移動先のスペース作りは、いけそうなので、省いています。

/* twit-ticker */
#frame{position:relative;}
#twit-ticker{position:absolute;top:-40px;left:40px;}

position:relative;は、移動拠点になるものです。
ここでは、何かと便利なのでframeにしましたが、移動拠点になるお好きな要素でOKです。
position:absolute;は、今回だとframeを基準にして、移動させる為のものです。

topは、frameの一番上を基準にします。
leftは、frameの左端を基準にします。

それぞれ、40pxと-40pxにしましたが、数値は見ながら調節して下さい。

ふむふむ･･･ご教示頂いたとおりに記述を進めてみようかと思ったのですが

あれ？我が家のIE7/XP仕様は普通に表示されちゃっています。

姫が教えてくださったsub_a（左カラム）は↓なはずなのに･･･

でも実際は、バビョーンと伸びて、sub_bにTwit-Tickerが被っていました。

まったく、もー！

と気を取り直して

この部分に余白を20px開ける為の記述をします。

※姫ったら、全てスクリーンショットを撮ってくださるなんて、超カインド！

#wrap{
margin-top:20px;　
}
/* twit-ticker */
#frame{position:relative;}
#twit-ticker{position:absolute;top:403px;left:-2px;}

403pxはヘッダ画像の天からの位置です。

400pxだとヘッダ画像にぴったりくっつきます。

しかし、IE8では何故か800px幅で作ったTwit-Ticker枠がはみ出るので

枠自体を792pxにしました。

しかし、肝心のもじが流れにゃい･･･why?????

え～？なんで？？？

キャッシュもクリアしたのに。

仕方が無いので、プラグインをまっさらにして、記述順番を変えてみました。

プラグインのjsコードは、記述位置によって

動作したりしなかったり

かちあったり、繊細なものですの。
サイドバーの上か下かプラグインの中の記述の順番

これで変わる事もあると見かけましてよ？

そうなのか･･･

これがやっぱり原因だったのかな？

と、昨日から姫のご教示を受けて、無事に完成させることができましたｗ

プラグインに配布コードを記述して、CSSで移動
今回やるべきだった事は、基本的には、これだけでしたのよ？

うう･･･

なんでこんなに苦労したんだろう？

IE8を使用する私にIETesterや、Microsoft Expression Web 3 SuperPreview for Internet Explorerを

使うとIE7での状態も確認できることまで、ご教示くださいました。

本当に、長々とこんなできの悪い私にお付き合いしてくださった姫

ありがとうございました。

よく参考にさせていただいております。

Twit-Tickerをヘッダに表示させたいのだが･･･

Twit-Ticker をヘッダ画像の下に表示させようと頑張ってはいるのですが・・・

まぁ、記述は

<div id="twit-ticker"></div>
<!-- Twit-Ticker -->
<script type="text/javascript"><!--
var twittickerAccount = "alias1206";
var twittickerCount = 10;
var twittickerWidth = 600;
var twittickerHeight = 18;
var twittickerScrollSpeed = 20;
var twittickerColor = "db09db";
var twittickerBackground = "fabef6";
//--></script><script type="text/javascript" src="http://twit-ticker.usagifrask.com/twit-ticker.js " charset="UTF-8"></script>

と、javascriptなわけで、これを本文CSSに対応させられるだろうか？とフリープラグインに

<script type="text/javascript">
(function() {
var codes = document.body.innerHTML.match(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>((.|\n)*)<\/pre>/gi);
if (codes == null) return;
for (var i = 0; i < codes.length; i++) {
eval(codes[i].replace(/<\/pre>/i, "").replace(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>/i, ""));
}
})();
</script>

と、これでjavascriptを記述できるようになったのか？と

/*■フレーム - 基本設定 - スキン基本設定*/
・・・・・・
#wrap{
width:800px;
}

の下にまず

/*--メニュー差し込みの空白設定--*/
#wrap{
margin-top:30px;
}

でとりま30pxのスペースを空けてから

<!-- Twit-Ticker -->

<div id="twit-ticker"></div>
<pre class="eval">

<!--
var twittickerAccount = "alias1206";
var twittickerCount = 10;
var twittickerWidth = 600;
var twittickerHeight = 18;
var twittickerScrollSpeed = 20;
var twittickerColor = "db09db";
var twittickerBackground = "fabef6";
src="http://twit-ticker.usagifrask.com/twit-ticker.js ";

charset="UTF-8";

//-->

</pre>

と入れてみるも、どこ～～～？

いや、何かが違うんだきっと･･･。

誰か教えてください。

きっとすげぇ初歩的ミスか根本的なミスをしているに違いない･･･。

すると、CSSはCSS、jsはjsというご指摘を受け、プラグインの記述も記事内でしか

有効にならないということをお知らせいただきました。

じゃぁ・・・どうすれば希望の場所に表示できるのだろうか？

よく参考にさせていただいております。