f-blog

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

TOPIC


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


 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
edit |  tb: -- | cm: --
 
underground01_2c

---確認環境---
WindowsVista
IE8.0・Firefox3.5

全体を黒で統一、アングラな仕上がりに。

始めて質問するときは最初にこちらを読んで下さい。
利用規約はこちらです。
------------------------------
10/03/24
html及びCSSの見直しと修正に伴い一部仕様を変更しました。
スポンサーサイト
パソコン用テンプレートの関連記事
edit |  tb: 0 | cm: 6

コメント

初めまして。
雰囲気が気に入ったので、使わせていただいてます。

640×480の写真をアップしたいのですが、今のままでは右端が切れて表示されてしまいます。
そこでもう少し記事の幅を広げて切れないようにしたいのですが、どこを弄ればいいのでしょうか?

初歩的な質問ですみませんが、回答よろしくお願いします。

瀬名博斗 #aEtfd7zU | URL | 2010/01/02 04:00 * edit *

瀬名博斗さんへ

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

記事幅を広げるにはスタイルシートの編集から下記部分を探し出し青字の様に変更して下さい。
------------------------------
#container {
width: 930px;
margin: 0 auto;
padding: 30px 20px;
border-left: 1px #454545 solid;
border-right: 1px #454545 solid;
background: url(http://blog-imgs-19.fc2.com/f/l/a/flaw/ug01-03.gif) 99% 10px no-repeat;
}

#content {
float: left;
width: 680px;
}
------------------------------
幅640pxの画像で試してみましたが問題ないと思います。

れん #X.Av9vec | URL | 2010/01/02 16:00 * edit *

回答、ありがとうございました。
おかげさまで記事の幅を広げることが出来ました!

丁寧な説明だったので、とてもわかりやすかったです。
本当にありがとうございました。これからも作品楽しみにしています。

瀬名博斗 #aEtfd7zU | URL | 2010/01/03 00:12 * edit *

3カラム版

初めまして。
初めてblogを作りこのスタイルがとても気に入ったので、使わせていただいてます。

最近プラグインが増えてしまい3カラムに変更したいと思ったのですが、気に入るスタイルがなく、こちらのスタイルを編集して3カラムにしてみようとやり方を探してもよくわかりませんでした。

3カラム版を作る予定はありませんか?それか、どこをいじったら3カラムに変更出来るか教えていただくことはできませんか?

身勝手な質問ですみませんが、回答よろしくお願いします。

がっぱい #- | URL | 2010/06/10 23:43 * edit *

がっぱいさんへ

現状では3カラムの制作・共有登録は考えていませんが以下の方法で3カラム化は可能です。
(3カラム化は複雑なため必ず複製を取って下さい)

まずhtmlの編集から<div id="right">の上に左カラムを作り、<div id="right">内のプラグイン1に関するタグを移動させます。
------------------------------
<div id="left">
<!--plugin-->
<!--plugin_first-->
~省略~
<!--/plugin_first-->
<!--/plugin-->
</div>


<div id="right">
------------------------------

次に下記をスタイルシートの一番最後にでも追加します。
------------------------------
#left {
float: left;
width: 200px;
margin: 0 20px 50px 0;
padding: 5px 0 10px;
border: 1px #454545 solid;
}
------------------------------

最後にそれぞれのwidthをCSSで調節します。
(※必要な部分のみ抜粋・調節後)
------------------------------
#container {width: 945px;}
#content {width: 500px;}
#right {width: 200px;}
------------------------------
各widthは好みに応じて変更して下さい。

れん #X.Av9vec | URL | 2010/06/11 20:51 * edit *

回答、ありがとうございます。
おかげさまで無事に3カラムにすることが出来ました。

わかりやすい説明ですぐに変更することが出来ました。
今後も新作作り頑張ってください。本当にありがとうございました。

がっぱい #- | URL | 2010/06/14 00:48 * edit *

▲Page top

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