*TENTEN★くらぶ*

ブログ用テンプレート作成サイト♪

カスタマ:08

背景が透過してあるので、表示が重いです。
(重いと判ってて作る鮎も鮎ですが…)

いろんな装飾(プラグインやブログペットなど)をされてる方は、特に表示が遅いことと思います。

そんな方は、透明化を削除するのも良いか、と思います。
表示が遅いのは、読者さんが尤も嫌がることだからねぇ〜。
でも、背景画像がないと、ノッペリした画面になるのが、淋しいかも。

他にも方法はあって、

*クマ&ネコマークを透明(元から薄く)にして、記事背景に固定しちゃうって手もあるんですが、これだと、記事文字数(段数)が短いと、画像全部が記事枠に入りきらず切れちゃうこともあるので、組み込めなかったんです。
もし、この方法を試したい!って方がお見えでしたら、方法を載せますので、書き込んでくださいね(ご要望がないと、載せても仕方ないので…)。

*鮎のブログのようにすべてに背景色をつけないと、1番下の画像が出ます。
ただ、これも難点があって、画像位置がパソコンの画面の大きさによって変わるので、必ず記事の下に画像が来ない場合もあります。
それに全体が同じ色になって殺風景だしね。

とりあえず、透明化の削除方法を下記に書きましたので、参考に。

【方法】

「スタイルシートの編集」内、
body {
filter:Alpha(opacity='88');
color : #774d40;
background-color : #e7decd;
text-align : center;
line-height : 1.5;
font-size : x-small !important;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small !important;
margin: 0px;
padding: 0px;
background-image : url(http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/08-r13.gif) ;
background-repeat : no-repeat;
background-position : 30% 100%;
background-attachment : fixed;

}
の打消線部分をすべて消してください。

消すと、背景が白くなるので、背景色を付けたい方は、「スタイルシートの編集」内、
div#container {
width : 850px;
margin-top : 0px;
padding-top : 0px;
background-color : #ffffff;
border-left : solid 2px #938359;
border-right : solid 2px #938359;
border-bottom : solid 2px #938359;
}
の赤文字部分を好きな色コードに変えてください。
薄〜い色がベストです。
但し、透過してない画像もありますので、ご注意を。

テンプレ:07の別バージョン

「450px以上の画像をアップして使いたい!」とのお願いがありましたので、囲み画像を横に長くして作り直しました。
50px長くしたので、510pxまでなら入ると思います。

再登録はできませんので、お手数ですが、ご自分で変更ください。

直す場所が多いので画像説明は省きます。

【方法】

「HTMLの編集」内、
「/comment」の上の「img src=http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/05-h10.gif align=center」→「img src=http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m10-line.gif align=center」。

「スタイルシートの編集」内、
「div#container」の中の「width : 800px」→「850px」。
中にあるすべての「width : 500px」→「550px」。
中にあるすべての「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m04.gif」→「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m04a.gif」。
中にあるすべての「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m05.gif」→「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m05c.gif」。
中にあるすべての「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m06.gif」→「http://blog-imgs-17.fc2.com/z/u/t/zuttoissyodayo2/07-m06b.gif」。

で、できると思います。
書き落としがあるかも知れませんので、挑戦してできなかった方は、お知らせください。

確認する時は、コメント投稿ページも確認してください。

ぷち補正:ayu-tp2_05

テンプレートの補正ではないのですが、ダウンロードして頂いた方々のブログを拝見させて頂いて、ブログの説明文が長くて2列になり、ブログ名が背景画像にかかっているのがありました。

気にしない、と云う方は良いのですが、ブログバランスが悪いので直したい、と云う方のために、修正箇所を書いておきますね。

ブログを再登録(18:50)したので、2通りあるのですが、
再ダウンロードされた方は、[1]だけ、
再ダウンロードされない方は、[1]と[2]を変えてください。

【修正方法】
「スタイルシートの編集」で、

[1]
h1 {
padding : 50px 5px 10px 30px;
}
の赤線数値を変えてください。
増やすと下がり、減らすと上がります。

[2]
div#branding p {
font-family: "Comic Sans MS";
color :#660000;
text-align : left;
padding : 0px 10px 43px 60px;
font-size : x-small;
voice-family : "\"}\"";
voice-family : inherit;
font-size : small;
}
に赤文字数値を変えてください。

前ページ← HOME →次ページ