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

CSS プーペガールを真ん中にしたい

※この方法はプラグイン全部が中央寄せになってしまいます・・・・ 11/15 修正


IEでは中央に表示される「プーペガール」・・・・・

他のブラウザーで見ると左に寄っているのを知っていますか?


ほかのプラグインは中央になっているのに

プーペガールだけ位置が合わなくて困っていませんか?


これって普通に center 入れても中央になってくれません

でも諦めないでください



↑位置がはっきりわかるようにオセロのプラグインをわざとピッタリ下に配置しています

 中央になっているのがわかりますか



CSSの編集でCSSの最後に

.plugin *{
margin:0 auto;text-align:center;
}


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

フリープラグインの中に(プーペガールではありません)


<style type="text/css"><!--
.plugin *{
margin:0 auto;text-align:center;
}
--></style>


↑コレを加えてください


今のところプーペガールだけを中央寄せにする方法がわかりません

ですので全部のプラグインが中央寄せになります

文字も中央寄せになってしまう場合もあります

王冠のアイコンなんて・・・・

知らない間に・・・・

記事下広告に王冠のアイコンなんか付いちゃっていました

いつから付いたんでしょうか?





いつものようにCSSの最後に


#advertising2 .hideAdsArrow,
#advertising2 .blockGeneral,
#advertising2 .blockhoverGeneral{
background:none;
}



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

フリープラグインに・・・


<style type="text/css"><!--
#advertising2 .hideAdsArrow,
#advertising2 .blockGeneral,
#advertising2 .blockhoverGeneral{
background:none;}
--></style>




※これでマウスを乗っけたときの変な背景も消えてなくなります



アメブロ側の変更によりこの方法ではだめになりました

CSS も~い~か~ぃ・・?記事下広告
http://ameblo.jp/exlink/entry-10208568112.html
こちらで消せます

JavaScript 記事下に定型文を自動挿入してみる2

※ JavaScript 記事下に定型文を自動挿入してみる jQuery  ←こちらを使ってください

******************************************




前回の記事 を読まれて・・・

記事下でgoogle広告の上に表示したいって問い合わせが・・・・


記事全部の記事下に自動で挿入させる方法は前回の記事 をみてください



注意!

今回も改行はNGです

途中に1ヶ所でも改行があると動作しませんので注意下さい

詳しくは前回の記事 をみてください



↓CSSの編集が出来ないスキンでも大丈夫です


● 重要 ●


記事下広告の上に表示しますので・・・・・

1ページに3記事、5記事表示している場合・・・

記事下広告の付いている一つめの記事にしか付けることは出来ません


前回と同様に携帯からは見ることが出来ません

携帯はフリープラグインを読み込みませんのでどうしようもありません



タグを ここにタグを書いてください  ←ココに書いてからフリープラグインに貼り付けてください

タグの書き方はこちら を参考にしてください この中は改行はNGです

ここにタグを書いてください ←さわるのはこの部分だけです

前後についています ' は、消さないようにしてください

また ここで ' を使用していますので タグで使えるのは " だけです


<script language="javascript"><!--
function myF() {

var myMe ='ここにタグを書いてください'
//http://ameblo.jp/exlink/
var myfix = document.getElementById('advertising2');
myfix.innerHTML = ( '<p class="fix">'+ myMe + '</p>'+ myfix.innerHTML);}
window.onload = function(){myF();}
// --></script>



※Thickboxとか管理人コメントを分けたりとかラインカレンダーを設置してある場合は細工が必要です


window.onload = function(){myF();} ←この1行を削除


それからThickboxの最後の部分・・・


・・・・・・・・・・・・・

・・・・・・・・・・・

・・・・・・・・・
function enThickbox() {enTb();
try {initializeUpload(false, false);} catch(e) {}
try {checkpw();} catch(e) {}}
window.onload = function(){myF(),enThickbox();}

// -->
</SCRIPT>


ラインカレンダーもつけている場合は

window.onload = function(){myC(),myF(),enThickbox();}

こうなります


↑Thickboxとか管理人コメントを分けたりとかラインカレンダーを設置していない場合は関係ありません

 enThickbox() は最後にしてください・・・でないとThickboxが動作しません


///////////////////////////////////////////

window.onload 命令は1つしか使えませんので 

他のプラグインで使用している場合はどちらかが使えなくなります

ここのブログで説明している以外のブログパーツを設置している場合は注意下さい
//////////////////////////////////////////


CSSは


.entry .fix{
padding:0 0 50px ;/*上、左右、下*/
text-align:center;
}



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

フリープラグインに


<style type="text/css"><!--

.entry .fix{
padding:0 0 50px ;

text-align:center;}

--></style>





今回はじめてフリープラグインを使用する場合やスキンを変更した場合は・・・

サイドバーの設定 → サイドバーの配置 で

[ フリープラグイン ] が使用しない機能に入っている場合があります

そのままですと動作しませんので 使用する機能の方へドラッグで移動させてください

今回の場合はその場所で表示するわけではありませんのでドコでもかまいません








JavaScript 記事下に定型文を自動挿入してみる


JavaScript 記事下に定型文を自動挿入してみる3

フリープラグインのダイエット

全ページにメッセージボード設置しちゃおう