ご利用の前に 質問・不具合報告 配布中のテンプレート

スポンサーサイト

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

スポンサー広告

[テンプレート] CRAYON_bk_2colum

新しいFC2ブログ用テンプレートが公開されました。

本日18時過ぎにソースの一部を変更しました。DLし直していただければ幸いです。
特に不都合はありませんので、面倒であれば別にDLしなくてもいいですw


:: CRAYON_bk_2colum ::
ご要望が多かった、CRAYON_bkの2カラムバージョンです。

CRAYON_bkサムネイル
  • 2カラム。
  • プラグイン3はブログタイトル直下にくるようになっているので、フリースペースを設定すればお知らせスペースになったりします。
  • 『続きを読む』にJavaScript使用。 ページを読み込むことなく開閉できるので、ストレス軽減。
:: 利用規約 ::
最下部の『Template Designed by Conveni Web / Conveni Web@fc2blog』は消さないでください。
:: 免責事項 ::
提供するテンプレートを利用した結果生じた損害について、当サイトは一切責任を負いません。


以上を守ってお使いください。

多少のサポートはしますので、質問がありましたらコメントでどうぞ。
『色違いが欲しい』『次はこんな感じのがいい』などご要望がありましたら、それもまたコメントで。

続きでカラム落ちについて説明しています。
カラム落ちにお困りの方は、参考にしてください。

【 カラム落ちについて 】

画像の横幅が530pxまでなら落ちないと思います。
どうしてもそれ以上の大きさの画像を設定したい方は、こちらを参考にCSSをいじってみてください。

/* メインコンテンツ レイアウトの設定
----------------------------------------- */
div#wrap {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
}
div#wrap:after {
	content: "";
	 overflow: hidden;
	display: block;
	height: 1px;
	clear: both;
}

* html div#wrap {
	overflow: visible;
	height: 1px;
}

div#main {
	float: right;
	width: 530px;
}

上の赤字の部分を同じpx数だけ大きくします。
例)あと50px大きくしたかったら、850pxと580pxに

本日18時過ぎにソースを一部変更しました。
上記ソースは、新しいソースです。
関連記事

Theme:ホームページ・ブログ制作 - Genre:コンピュータ
配布中のテンプレートComment(13) |Trackback(0)

<<Web業界初国家資格 | ホーム | [テンプレート] CRAYON_bk>>

はじめまして。
とってもかわいいデザインで一目ぼれしました。
黒い背景のこんなかわいいテンプレを探していました♪
プラグイン3でフリースペースが使えるのも良いですね!
ひとつ…コメントを書くとき絵文字が挿入できないのですが、
これは自分でカスタマイズできるのでしょうか?
変なこと聞いてごめんなさい(汗)

2009.04.29
mamemo URL[編集]
mamemo様

初めまして┏○"ペコ
褒めていただき、有り難う御座います。

絵文字、確かに入力できませんね。
自分では滅多に使わないので、全然気付きませんでした(;´Д`)
ご指摘有り難う御座います。

なるべく早めに確認して対処しますので、暫くお待ちください。
対処法が分かり次第記事に上げますので、数日経ったらまたこのブログを確認してみてください。
宜しくお願いします。

2009.04.29
eimi URL[編集]
はじめまして

すみません、今朝、違うところに書き込みをしてしまったようなのでこちらの方にもう一度書き込みさせてください。 このクレヨンのテンプレートがかわいくてとても気に入ってしまったのでDLをさせていただきました。それで質問なんですが、このテンプレートの一番上にタイトル画像のようなものを載せたいんですがどのようにしたらいいのでしょうか?
現在私は他のテンプレートでもともとタイトル画像があるものを使っていて画像の差し替えをしているのですが、是非このかわいいテンプレートでお気に入りの画像をトップにおいて使いたいのです。
ご指導のほどよろしくお願いします。 (今朝投稿してしまった分は消してください;;)
お手数おかけしますがよろしくお願いします。 

2010.01.12
yh URL[編集]
Re: yh様

テンプレートをご利用いただき、有り難う御座います。

ヘッダーの背景画像の差し替えですね。
下記のソースの赤字の部分を、お手持ちの画像のURLに変えるだけで可能です。


【 CSS 】

/* ヘッダーの設定
------------------------------------------------- */
div#header {
margin-bottom: 20px;
padding: 15px;
background: url(http://blog-imgs-27.fc2.com/c/o/n/conveniweb/bg_heart.gif) no-repeat left top;
}



ただこのテンプレートでは、ヘッダーの横幅を530pxしかとっていないので、yh様が今現在設定されている画像ですと、大きすぎますね。
CSSをいじるか、画像の横幅を530pxに収めるかしないとですね。

ヘッダーの縦幅を変えたい場合は、先程のCSSコードに[ height:xxxpx ]という一文を付け足してください。
『xxx』には、任意の数値を入れてください。
カッコ(コレ→{})の中であれば、どこでも大丈夫です。

説明が解りにくかったりしましたら、またコメントください。

2010.01.13
eimi URL[編集]
すみません;;

詳しい説明をありがとうございました。
私の説明がすこし違ってたようなので
もう一度質問してもいいでしょうか?

知り合いでヘッダーの上に画像を載せている人がいるんですが、そのやり方を教えてほしいです。
せっかくコメントしてもらったのに本当に申し訳ありません。

お手数おかけしますがよろしくお願いします。

2010.01.14
yh URL[編集]
Re: yh様

レスが遅れてしまって、申し訳ありません。

>ヘッダーの上
というのは、メニューとメインカラムの上、ブログ最上部、というとこで宜しいでしょうか?

まずはCSSですが、以下の様に記述します。
場所はどこでもいいですが、『ヘッダーの設定』の上だと、後々見たときに分かりやすいかも知れませんね。


【 CSS 】

/* 上部画像の設定
------------------------------------------------- */
#image {
margin-bottom: 15px;
}



次にHTMLです。
<div id="wrap">と<div id="main">の間に、以下の赤字の様に記述します。


【 HTML 】

<div id="wrap">

<div id="image">
<img src="画像のURL" />
</div>


<div id="main">


こんな感じでいかがでしょうか。

2010.01.25
eimi URL[編集]
2度も

コメ返しありがとうございました。
私の勉強不足のせいか、せっかく教えていただいたのに設定できませんでした。
大変ご迷惑おかけして申し訳ありません;;
勉強しなおしてまた参考にさせていただきます。

ありがとうございました。

2010.01.31
yh URL[編集]
Re: yh様

お役に立てなくて、残念です。
説明が分かりにくかったでしょうか……。
また何かありましたら、いつでもご質問ください。

2010.01.31
eimi URL[編集]
できましたー!

eimiさんの説明は分かりやすかったのに
私のちょっとした勘違いで今までできずにいましたが
なんとか設定できました。

クレヨンテンプレート、お気に入りなのでとっても嬉しいです!

ありがとうございました^^

2010.03.06
☆yh☆ URL[編集]
Re: ☆yh☆様

上手くいった様で、良かったです(´∀`)
自分が気に入るデザインになると、モチベーションが上がりますよね♪

そしてわたしは「気に入った」とか言われると、テンプレ制作のモチベーションが沸いてくる……様な気がしますw

楽しいブログライフを満喫してくださいね(。´ω`。)

2010.03.06
eimi URL[編集]
はじめまして

ブログの引越しをしてFC2にやってきました。

かわいいデザインでとても気に入っています。

サイドバー、プロフィールが上にあるのが気になってしまって・・・。
これは私のわがままなのですが・・・。

少し下に下げることはできるのでしょうか?

もし可能で許可頂けるのでしたら教えて頂ければと思います。

よろしくお願いします。

2010.05.01
まさちゃん URL[編集]
Re: まさちゃん様

レスが遅くなり、申し訳ありません。
もう見ていらっしゃらないかも知れませんが、遅ればせながら説明をさせていただきます。


【 CSS 】

/* サイドメニュー レイアウトの設定
------------------------------------------------------------ */
div#sidemenu {
float: left;
width: 250px;
padding-right:5px;
padding-top: 100px;
}


上記の赤字部分をプラスして記述してください。
100px”の部分は、任意の数字で。
100pxで丁度良いと思います。

分からないところがありましたら、またコメントをください。

2010.09.25
eimi URL[編集]
管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2013.04.22
 [編集]
   ※コメントは承認制です。














管理者にだけ閲覧を許可する

トラックバックURL
http://conveniweb.blog81.fc2.com/tb.php/7-2344f818
この記事にトラックバックする(FC2ブログユーザー)

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