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

骨折り損の・・・・

以前に、こんなのをテストサイトで作っていたんです





よく・・・・

他のブログで日付が日めくりカレンダーみたいなの・・・・

アメブロでも出来ないかな・・・・

そのうちに記事にしようと思っていたんです


昨日・・・・

何の気なしにFirefoxで見てしまったんです


表示が崩れてる・・・・・・・・・・・・・


それにテストサイトのCSSをそのままココに貼り付けてもうまく表示できないんです?

IEで出来たんだから他でも出来るはずだ・・・・

テストサイトで出来たんだからココでも出来るはずだ・・・・





なんかうまく行く組み合わせが絶対にある!

ってwidth:を1pxづつ変えて・・・・

ダメなら周りにwidth:99%をあてて次に98%・・・

それでもダメならフォントサイズを1px変えて最初から・・・・

それでもそれでもうまく行かないから書体を変えて最初から・・・・


昨日から何種類の組み合わせを試したことか・・・・・




結局諦めて・・・・・




新規に記事を書いて24時間はこうなります   新しい記事にNEW!マーク



もちろんIEでOK!

OperaでもFirefoxでもOK!!

おっしゃ~  !!!




・・・・・・ いままで表示していなかった時刻を表示してまでわざわざ2行にする必要あるの?

日めくりみたいにするために複数行にする必要があってはじめたことですが

これなら1行でもよか・・・・・・・・・

自分のコメントを ”もっと” わかりやすく を、外部ファイルに

リクエスト記事です

アメブロではフリープラグインに書ける文字数が3800文字しかありません

自分のコメントを ”もっと” わかりやすく 」を導入して

ゲストさまと自分のコメントを分けたいのですが文字数制限で導入できません


もし、外部にファイルを置くサーバーが用意できるのでしたら

外部ファイル化してフリープラグインを空けてしまいましょう


※外部サーバーに関する質問

 どこで借りるの?どうやってアップするの?・・は答えることが出来ません ごめんなさい m(_ _ )m


 ベル ・・・忍者ブログ・ココログ・FC2ブログ においたファイルは呼び出し可能でした




自分のコメントを ”もっと” わかりやすく


<link href="http://stat.ameba.jp/blog/ucs/css/common/thickbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/editor/selectimage.js"></script >
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/common/jquery.js"></script >
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/common/thickbox.js"></script >
<SCRIPT LANGUAGE="JavaScript">
<!--
/* 80416C exlink/vjcatkick */
function enTb() {
var myHn = "ニックネーム";
var myUrl="http://ameblo.jp/アメブロID/";
var myLimit=500,e=0,k=1,i,nC="admin_comment",oC="each_comment";
var ourl = "http://ameblo.jp/public/image/displayimage.do?imagePath=";
var nurl = "http://stat.ameba.jp";
var myLinks = document.getElementsByTagName("a");
for(i = 0; i < myLinks.length; i++){
var myLink = myLinks[i];
if(myLink.href.indexOf("do?imagePath") > 0){
myLink.href = (myLink.href).replace(ourl,nurl);
myLink.className = "thickbox";
if(!myLink.innerHTML.match(/<img/i) && myLink.href != ""){ myLink.setAttribute("title"," ");} else {var myTitle = myLink.childNodes[0].getAttribute("alt"); myLink.setAttribute("title",myTitle);}} if(myLink.href == myUrl && myLink.innerHTML == myHn){
var Com = myLink.parentNode.parentNode.parentNode; if(Com.className == oC ){
Com.className = (Com.className).replace(oC,nC);}}
k++;if (k > myLimit) {break;}}}
function enThickbox() {enTb();
try {initializeUpload(false, false);} catch(e) {}
try {checkpw();} catch(e) {}}
window.onload = function(){enThickbox();}
// -->
</SCRIPT>



ニックネーム、アメブロIDを入れてから(赤字部分) テキストエディタにピンク部分をコピペします

必ずエンコードを UTF-8 で適当な名前で保存してください

exlink.js のように拡張子は js にします

できましたら用意したサーバーにアップしてください


ファイル名をexlink.jsとした場合

赤字部分にファイルをアップしたURLを入れてからフリープラグインに貼り付けます

<link href="http://stat.ameba.jp/blog/ucs/css/common/thickbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/editor/selectimage.js"></script >
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/common/jquery.js"></script >
<script type="text/javascript" language="javascript" src="http://blog.ameba.jp/ucs/js/common/thickbox.js"></script >
<script language="JavaScript" type="Text/JavaScript" src="外部サーバーのURL/exlink.js"></script >
<script language="javascript"><!--
window.onload = function(){enThickbox();}
// --></script>




追記:window.onload = function(){enthickbox();} Tが小文字のため動作しませんでした m(_ _ )m




Thickboxなんか・・もう使わない!!って~方は・・・


<script language="JavaScript" type="Text/JavaScript" src="外部サーバーのURL/exlink.js"></script >
<script language="javascript"><!--
window.onload = function(){enThickbox();}
// --></script>



これだけで大丈夫です

オリジナルスキンCSSの編集 記事枠(画像)

お待たせして申し訳ありませんでした

次回より記事枠に背景画像をアップしていきます

注意です

私には絵心がありませんので今回使っています画像は

あさひ さまの 「ポカポカ色 」 よりお借りしてそれを加工しています

再配布は出来ませんので当サイトよりのお持ち帰りはご遠慮ください

他にも素敵な画像もそろっていますし加工OKなのがうれしいです

ポカポカ色   → 素材 → テーブル の中の素材を加工しています



予定ではこんな感じになります

問題は・・・・

どうやって記事にするかです

自慢じゃないのですが絵心もないのですが文才もないんです!
























m(_ _ )m  出来るだけ早く記事にしますのでお待ちください

・・・・なんせ予告してプレッシャーをかけておきませんとドンドン先延ばししてしまいますので






オリジナルスキンCSSの編集 記事枠(画像)2

オリジナルスキンCSSの編集 画像の加工

オリジナルスキンCSSの編集 画像の加工2

オリジナルスキンCSSの編集 記事枠(画像)3

オリジナルスキンCSSの編集 記事枠(画像)4

オリジナルスキンCSSの編集 記事枠(画像)4´(ダッシュ)

オリジナルスキンCSSの編集 記事枠(画像)5

オリジナルスキンCSSの編集 記事枠(画像)6

オリジナルスキンCSSの編集 記事枠(画像)7