カスタマ:08
2007年01月20日(土曜日)
背景が透過してあるので、表示が重いです。
(重いと判ってて作る鮎も鮎ですが…)
いろんな装飾(プラグインやブログペットなど)をされてる方は、特に表示が遅いことと思います。
そんな方は、透明化を削除するのも良いか、と思います。
表示が遅いのは、読者さんが尤も嫌がることだからねぇ〜。
でも、背景画像がないと、ノッペリした画面になるのが、淋しいかも。
他にも方法はあって、
*クマ&ネコマークを透明(元から薄く)にして、記事背景に固定しちゃうって手もあるんですが、これだと、記事文字数(段数)が短いと、画像全部が記事枠に入りきらず切れちゃうこともあるので、組み込めなかったんです。
もし、この方法を試したい!って方がお見えでしたら、方法を載せますので、書き込んでくださいね(ご要望がないと、載せても仕方ないので…)。
*鮎のブログのようにすべてに背景色をつけないと、1番下の画像が出ます。
ただ、これも難点があって、画像位置がパソコンの画面の大きさによって変わるので、必ず記事の下に画像が来ない場合もあります。
それに全体が同じ色になって殺風景だしね。
とりあえず、透明化の削除方法を下記に書きましたので、参考に。
【方法】
「スタイルシートの編集」内、
消すと、背景が白くなるので、背景色を付けたい方は、「スタイルシートの編集」内、
薄〜い色がベストです。
但し、透過してない画像もありますので、ご注意を。
(重いと判ってて作る鮎も鮎ですが…)
いろんな装飾(プラグインやブログペットなど)をされてる方は、特に表示が遅いことと思います。
そんな方は、透明化を削除するのも良いか、と思います。
表示が遅いのは、読者さんが尤も嫌がることだからねぇ〜。
でも、背景画像がないと、ノッペリした画面になるのが、淋しいかも。
他にも方法はあって、
*クマ&ネコマークを透明(元から薄く)にして、記事背景に固定しちゃうって手もあるんですが、これだと、記事文字数(段数)が短いと、画像全部が記事枠に入りきらず切れちゃうこともあるので、組み込めなかったんです。
もし、この方法を試したい!って方がお見えでしたら、方法を載せますので、書き込んでくださいね(ご要望がないと、載せても仕方ないので…)。
*鮎のブログのようにすべてに背景色をつけないと、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の別バージョン
2007年01月11日(木曜日)
「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」。
で、できると思います。
書き落としがあるかも知れませんので、挑戦してできなかった方は、お知らせください。
確認する時は、コメント投稿ページも確認してください。
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
2007年01月01日(月曜日)
テンプレートの補正ではないのですが、ダウンロードして頂いた方々のブログを拝見させて頂いて、ブログの説明文が長くて2列になり、ブログ名が背景画像にかかっているのがありました。
気にしない、と云う方は良いのですが、ブログバランスが悪いので直したい、と云う方のために、修正箇所を書いておきますね。
ブログを再登録(18:50)したので、2通りあるのですが、
再ダウンロードされた方は、[1]だけ、
再ダウンロードされない方は、[1]と[2]を変えてください。
【修正方法】
「スタイルシートの編集」で、
[1]
増やすと下がり、減らすと上がります。
[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;
}
