iPhoneからの投稿画像の中央寄せ | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery


★ iPhoneからの投稿したときに画像が左寄せになるのを中央寄せにする

 CSSで中央寄せしていても、記事内に自動的に<div align="left"> が
 入っているため、記事が優先される。

◆ 下記を入れると記事内に<div align="left"> を指定しても <div align="center">に
  なるので了承して使って下さい。



● 下記をフリープラグインへ追する

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(function(){
var divTagsAll = document.getElementsByTagName('div');
for(i = 0; i < divTagsAll.length; i++){
var divTagsElm = document.getElementsByTagName('div')[i];
if(divTagsElm.className=='articleText'){
var entry_data = divTagsElm.innerHTML;
entry_data = entry_data.replace(/<div align="left">/g, '<div align="center">');
entry_data = entry_data.replace(/<DIV align=left>/g, '<div align="center">');
divTagsElm.innerHTML = entry_data;
}}})
</script>




● 下記はフリープラグインの先頭に1つあればOKです

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>