07≪ 2017/08 ≫09
12345678910111213141516171819202122232425262728293031
個別記事の管理2008-07-10 (Thu)
本日、レースのシースルー暗色タイプ・3カラムバージョン、lace-bl-ss3 と lace-wb-ss3 が共有化致しました。
sampleでお気に召しましたら是非DLを

淡色レースのシースルー2カラムバージョン lace-b-ss2, lace-p-ss2, lace-w-ss2 を本日申請致しました。
2カラムバージョンは記事部分の幅が少し広いので、3カラムで使いにくい方はこっちの方をオススメ
上記の暗色レースタイプの2カラムも近日作成&申請予定です。

…で、レースの透過部分が読み難い方へのカスタマイズです。
わたしも~と言う方はをclickして下さい。



lace-b-ss3, lace-p-ss3, lace-w-ss3, (ブルー・ピンク・ホワイト)
lace-bl-ss3, (黒背景に白レース)
上記をお使いでメインカラムを白く(透過無し)にしたい方
テンプレート管理画面のスタイルシート編集(下段枠)を少しスクロールしたところに

#bglayout2 {
width: 823px;
background:url(http://blog-imgs-19.fc2.com/s/o/r/sorauta1/lace1000-x.png);repeat:repeat-y;
behavior: expression(IEPNGFIX.fix(this));
background-position: center;
text-align:center;
margin:0 auto;
}

という部分が有りますので、赤い文字部分
http://blog-imgs-19.fc2.com/s/o/r/sorauta1/lace1000-1-w.png
に変更して下さい。

lace-wb-ss3, (白背景で黒レース)
上記をお使いでメインカラムを黒く(透過無し)にしたい方
同じく赤い文字部分
http://blog-imgs-19.fc2.com/s/o/r/sorauta1/lace1000-1-b.png
に変更して下さい。
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : カスタマイズ
* Comment : (21) * Trackback : (0) * |

Yuki様へ * by aki
お返事が遅くなりまして申し訳ございません。
え~~っと、約11ヶ月前の話でしたね。(^_^;)当方もその後をすっかり忘れてました。

修正箇所の件ですが、スタイルシート編集枠を開いて約半分位までスクロールした所にある
/* Main contents */
#contents {
float: left;
width: 465px;
margin: 0px 0px 0px 5px;
padding: 0px;
color: #333333;
font-size: 12px;
text-align: left;
overflow:hidden;
}
という部分の赤文字の部分を
width: 471px;
にしてみて下さい。
これ以上だとサイドカラムが下に落ちてしまいます。

それでもまだ枠が欠けてしまう場合は、同じくスクロールさせて2/3以降の/* Sidebar */という部分の width: 172px;の値(3箇所有ります)を1ピクセルずつ小さくしつつ、先程の#contentsの数値を1ピクセルずつ大きくしてみて下さい。
プレビューで確認しながら変更すると良いと思います。
ご不明な点がございましたら再度コメント下さいませ。m(__)m

すみません * by Yuki
右ボーダーが欠けてますね。
(だいぶ経ってから気づきました汗)
修正箇所のコメントいただけませんでしょうか。

良かったです♪ * by aki
Yuki様、無事に表示できましたか。良かったです。
ただ、拝見してみたら記事カラムの右ボーダーが欠けているようです。
サイドカラムを少し削っても良いならば、CSSで調整して明日にでも修正箇所をコメント致しますので、もう一度当ブログにお立ち寄り下さいませ。

ありがとうございます♪ * by Yuki
できました!
問題なく綺麗にハマりました!
ありがとうございました!

お待たせ致しました * by aki
Yuki様、お待たせ致しました。
記事カラムを少し広くしたCSSをアップロードしたので、ご利用のlace-bl-ss3のスタイルシートを全て削除し、下記URLで表示されたスタイルシートをコピペして更新ボタンを押して下さい。

http://blog-imgs-32.fc2.com/s/o/r/sorauta1/lace-bl-ss3-w.txt

左右のカラムを少し狭めて、一応画像サイズが表示できる位に広げたのですが、如何でしょう?
問題が有る場合は再度コメント下さいね。
どうぞ今後とも末永くお付き合い下さいませ。m(__)m

* by Yuki
こんばんはです。

画像サイズは443×332です。
両サイドの部分が、多少狭くなっても構いません。
お手数をおかけしますが
よろしくお願いいたします。
(時間OKです)



初めまして。 * by aki
Yuki様 初めまして。

コメントresが遅くなりまして申し訳ございません。m(__)m
ご質問の件ですが、記事カラムに表示したい画像サイズはどれくらいなのでしょうか?
できましたら必要サイズをお教え下さいませ。
ご利用のlace-bl-ss3は両サイドのレース部分が幅を取ってしまうので、メニューカラム部分を確保すると記事カラム部分が狭くなってしまいます。
これは、閲覧される方々の1/3がディスプレイサイズ1024pxという幅に合わせているためです。
背景画像を少し加工して表示できるようにしますので、作成に少しお時間を頂けませんか?
お返事をお待ちしております。m(__)m

* by Yuki
すみません。
画像は大きくなったのですが
右端が切れてしまいました。。。

16日以降で構いませんので
よろしくお願いします(m´・ω・`)m

* by Yuki
はじめまして。
私も質問させてください。
lace-bl-ss3
で、ブログの幅(写真)を変えたいのですが…
うまくいきません(;´∀`)

すみませんが
教えてください!お願いします!

良かったです♪ * by aki
かこ様、無事に表示できてたみたいで良かったです♪
今後は当方もIEだけでなく 色んなブラウザで確認してみますね。
今回は勉強させて頂きました。有り難うございます。(^_^)
これからも当テンプレを宜しくお願い致します。m(_ _)m

* by かこ
こんばんは(✿ฺ◕ฺ‿◕ฺ)

なんか今、自分のブログを確認したら、
あれ・・・?直ってる・・・?
直ったかもしれません!!!
あれから色々試してclassで指定したりしてみて、
プレヴューで確認した時は直ってなかったんですけど・・・

直ってるっぽぃです!!
色々お騒がせして申しわけありませんでした<(_ _)>
ありがとうござぃました♥

* by かこ
ありがとうござぃました<(_ _)>
やってみたのですが、よくわからず・・・・
あきらめてそのまま気にしない事にしました。

いろいろと教えてくださってありがとう
ございました(✿ฺ◕ฺ‿◕ฺ)
また、かわいいテンプレ楽しみにしています♥

リンクの背景色について * by aki
かこ様、当方も色々調べてみたのですが…
Firefoxでは、例えばaタグが複数有る場合の表示優先順位が有るようで、idで振ってみたりclassで振ってみたりしたのですがなかなか改善できず。。(-_-;)
…で、結局先日お教えした
a img {
background-color:#FFFFFF;
}

を削除して、
a:hover {
background-color: #FFFFFF;
color: #E4AFBD;
}

のようにa hoverの背景色自体を白にしてしまう
(若しくはbackground-color:の部分を削除する)
方法が一番良いのではないかと思うのですが・・如何でしょう?

当方は方法考察に挫折しましたが(^^ゞ、上記の方法以外をお望みの場合は↓このページが参考になります。
http://questionbox.jp.msn.com/qa2349577.html?ans_count_asc=1

お力になれていなくて申し訳ございません。m(__)m

* by かこ
ブラウザはfirefoxを使っています。
IEでは正常なんですね。

お忙しいのに迷惑かけてしまって申し訳ありません;;
firefoxでも消えるようにできますか・・・?
IEで問題ないのならそれでもいいんですが、なんとなく
もやッとしています。

画像はリンク付の画像全てです。
(プルダウンメニューの画像など)
調べてみたのですが、解決方法がまったく
探せませんでした;

時間が空いたときでいいので
よろしくお願いします。

教えてください。 * by aki
かこ様、当方で貴殿のブログをIE6、IE7、その他のブラウザでも確認致しましたが、リンク画像にマウスを合わせても問題無いようなのですが…(^^ゞ
どの画像を・どんなブラウザで閲覧されているのかを お教え頂けますか?
ご連絡お待ちしております。m(__)m

* by かこ
やってみたのですが、やっぱり、マウスをのせたときに背景の色がでてしまいます;;

お手数おかけしまして申し訳ありませんが、
他に方法はありますか?

画像のリンクスタイル * by aki
かこ様、ご連絡有り難うございます。
画像にカーソルを合わせると背景色が変わってしまうのは、確かに a hover で背景色を指定しているからですね。
画像リンクだけ反映しないようにするには、下記のCSSをスタイルシート編集枠のどこでもいいので加えて下さい。

a img {
background-color:#FFFFFF;
}


これで画像リンクに対しての背景色が白になります。
試してみて下さいね。不具合が有りましたらまたご連絡を。(^_^)

* by かこ
何度もすみません。うまくいったのですが、あとひとつ・・・
headerの部分やほかのリンクのある画像に
背景色が反映されてしまいます。
a hoverで背景を指定しているからだと思いますが、
画像のみにリンクしたときに背景色が反映されないように
できますか?

よろしくお願いします<(_ _)>

* by かこ
ありがとうござぃました!!
すごくすっきりしました(✿ฺ◕ฺ‿◕ฺ)
どうしても自分では直せなかったので、助かりました<(_ _)>
本当にありがとうござぃました^^*

CSSについて * by aki
かこ様 初めまして。テンプレートのご利用、誠に有り難うございます。m(_ _)m
貴殿ブログを拝見させて頂きました。
IE7で閲覧するとさほどでも無いのですが、IE6だとかなり崩れてしまいますね。(^^;
これはブラウザによるCSSの解釈の仕方が違うからです。
同じIEでもバージョンで見え方は違いますし、他のブラウザでもキチンと表示できるとは限りません。
CSSを拝見させて頂きますと、headerに対して異なったものが書かれております。
例えば、上の部分では
height: 130px;
margin: 0px;
padding: 0px; になっているのに、追加された下の部分には
height: 200px;
padding: 10px;
margin:30px; となっております。
このように重複するものは、ブラウザによっては数値を足してしまったり優先順位で表示したりします。
CSSを改変する場合は、同一セレクタ(スタイルを適用させたい場所)やプロパティ(変更したい内容)に異なった数値を入れていないか注意しましょう。

修正方法ですが、先ずスタイルシート編集で一番下に追加した#headerに関する部分を全て削除して下さい。
そして、上の方にスクロールさせて元の#header部分を下記のように変更して下さい。
/* Header */
#header {
float: center;
width: 100%;
height: 200px;
background-image: url(http://blog-imgs-41.fc2.com/c/a/c/cacox/titleback.jpg);
background-repeat: no-repeat;
background-position:center;
}


次に、HTML編集枠(上段枠)の上の方、
<div id="header">
<h1 id="title"><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>

という部分を
<div id="header">
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="http://blog-imgs-41.fc2.com/c/a/c/cacox/daimei.gif" border="0"></a></h1>

に変更して下さい。
これでタイトルが中央に配置されます。
ただ、これだとタイトル部分の画像に枠が付いてしまうので、CSSの
img {
border: 1px solid #D3D3D3;
}

という部分を(ついでに絵文字にも枠が付かないように)
img.emoji {
vertical-align: middle;
border: 0;
}

に変更して下さい。これで完了です。(…のはず(^^;)

上記の作業で上手く表示されない場合はまたご連絡下さいね。
今後とも末永く当方テンプレートを宜しくお願い致します。(^_^)

* by かこ
こんにちは<(_ _)>
lace-bl-ss3
をDLさせてもらいました。CSSの質問なのですが
よろしいでしょうか?
タイトル部分のカスタマイズをしたのですが、
レイアウトが崩れてしまって直すことができなくなって
しまいました・・・;;

タイトルの背景の変更とタイトルに画像を使って、
TOPページに戻るようにしたのですが、
タイトルがどうしても中央にきません・・・・。
もしよかったら、サポートお願いできませんか?
よろしくお願いしますm(_ _"m)

コメント







管理者にだけ表示を許可する