f-blog

FC2ブログ用共有テンプレート制作ブログ。

TOPIC


※当ブログからの素材の持ち帰りはご遠慮願います。


 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
edit |  tb: -- | cm: --
 
darkforest01_3c
flaw_darkforest01_3c.jpg
---確認環境---
Windows7
IE8.0・Firefox3.6

darkforest01の3カラム版。
暗めでオーソドックスな3カラムが好きな方へ。
可読性も問題なし。

始めて質問するときは最初にこちらを読んで下さい。
利用規約はこちらです。
スポンサーサイト
パソコン用テンプレートの関連記事
edit |  tb: 0 | cm: 6

コメント

こんにちわ 初めまして。
シンプルでとても素敵なテンプレートなので現在こちらのテンプレートを使わせていただいているのですが、
画像変更〇というのはヘッダーの画像を変更しても良いという事なのでしょうか?

もし変更可能な場合・・・なのですが、ヘッダーの画像を別の画像に変えようとすると元の画像と同じサイズに合わせても表示される際にサイズがすごく小さくなってしまいます。
どうしたら上手く元の画像のように表示されるのでしょうか?
初歩的な質問で申し訳ないのですが、ご教授いただけると嬉しいです。 

もっちもち♪ #3un.pJ2M | URL | 2011/01/25 23:09 * edit *

もっちもち♪さんへ

テンプレートをお使い頂きありがとうございます。

画像変更〇というのは仰る通りヘッダー画像の事ですがカスタマイズに関しては利用規約を守って頂ければ自由に行って頂いて構いません。

ご質問の件ですが実際にその状態を確認出来ないと何とも言えないのですが、元画像と同じサイズという事は870×180でしょうか?
とすると実際は画像の入るスペースは920×180になるので横幅920pxで試して頂けますか?
------------------------------
#header {
position: relative;
width: 920px;
height: 180px;
margin: 0;
background: #000 url(http://blog-imgs-42.fc2.com/f/l/a/flaw/df02-title.jpg) top right no-repeat;
}
------------------------------
もし上記の回答で解決しない場合はお手数ですが実際に試した事を書いて頂くかその状態を確認出来る状態で再度コメントをお願いします。

れん #X.Av9vec | URL | 2011/01/26 01:13 * edit *

早速ご返答いただきありがとうございます。

教えていただいたとおり差し替えたい画像のサイズを920×180にして試したところ、
上手く表示されるようになりました。

詳細も書かず かなり大雑把な質問にも拘らず、丁寧にお答えいただき本当にありがとうございました!

利用規約に違反しないようにカスタマイズしながら、これからも使わせていただきたいと思います。



もっちもち♪ #3un.pJ2M | URL | 2011/01/26 20:17 * edit *

れん様 いつもお世話になっています 2月用にテンプレートの改造を
始めました ところが左カラムが記事面の左端に乗っかってしまいます
右カラムは正常で改造箇所は以下の通りです。


darkforest01_3c スタイルシート
-----------------------------

#wrap {
width: 960px;   +240=1200

----------------------------


#container {
width: 920px;   +240=1160

---------------------------

/* 画像URL(920*180) */
#header {
position: relative;
width: 920px;    +240=1160
height: 180px;    +40=220

-----------------------------

#content {
float: left;
width: 460px;    +240=700
margin: 0 0 0 230px;
}

* html #content {
float: left;
width: 460px;   +240=700
margin: 0 0 0 115px;
}


----------------------------
左右カラムは無改造です
ヘッダーの画像は改造値で正常に表示されていますし 右端の
4個のメニュー?もちゃんと表示されています。
メインカラムはきれいに表示されてますが 唯一
左カラムが全てメインカラムの左端に乗ってまして
本来の左カラムの場所は地のグレーが見えています。

お忙しい中すみませんm(_)m

モズライト #5zjWDM/s | URL | 2013/01/22 01:46 * edit *

モズライトさんへ

テンプレートをお使い頂きありがとうございます。

3カラムは構造が複雑なので詳しい説明は省きますが、ご質問の方法に加えて#leftのmarginを修正すれば上手くいくと思います。
------------------------------
#left {
float: left;
width: 190px;
margin: 0 0 0 -1140px;
}
------------------------------

れん #X.Av9vec | URL | 2013/01/23 00:05 * edit *

れん様 早速のお教え有難うございます

margin:000 -1140ですと左カラムが完全に外にでましたので
-910で丁度良くおさまりました

面倒おかけしました~助かります。

モズライト #5zjWDM/s | URL | 2013/01/23 00:20 * edit *

▲Page top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。