月別アーカイブ

タグ

twitter 2カラム(右) グリーン 3カラム スマートフォン    ブラウン ブルー ベージュ ピンク 2カラム(左)  イエロー ホワイト  ミントグリーン  写真  ゴールド  観覧車  グレー  オレンジ ハロウィン パープル パール  カラフル 植物  ネイビー  クローバー 2カラム ノート フレンチ ドット ブラック 水玉 lomo ディープブルー 和風 リボン 

記事検索

FC2ブログとは?

わたしが作成しているテンプレートは「FC2ブログ」というサービスで利用できます。
無料のブログサービスはいくつもありますが、1GBの大容量ということとギラギラした広告がなくデザインの自由度が高いという点でおすすめです!
オリジナリティが出せるので、個人はもちろんショップやサークルのオフィシャルブログとしても十分活用できると思います。
PCの他、携帯やスマートフォンからも閲覧・投稿ができるところもポイント。 これからはじめてみたい方はぜひ。
そして、このブログで紹介しているデザインは共有テンプレートとして配布(もちろん無料)していますので見てみてくださいね。

プロフィール

うららん

管理人:うららん
自作のブログテンプレートやツイッター背景を配布しています。
心がけているのは、記事やつぶやきが主役になるよう、邪魔しない、かつ居心地がいいデザインであること。よって、かなりシンプルです。
よろしければ、ご自由にお使いください。
ただの物好きがつくっていますので、至らない点が多々あると思いますが、大目にみてくださいね。


タイトルの由来は、日々、麗らかであるようにとの願いから。

うら-らか【麗らか】
1 空が晴れて、日が柔らかくのどかに照っているさま。
2 声などが晴れ晴れとして楽しそうなさま。
3 心にわだかまりがなく、おっとりしているさま。
(大辞林より引用)

My twitter

My facebook

お問い合わせ

名前:
メール:
件名:
本文:

フリーエリア

お休みのお知らせ

2013年9月以降、コメントやご質問、お問い合わせへのお返事をお休みしております。
どうぞご了承ください。

ブログで紹介しているテンプレートはFC2ブログ用です。ログイン後、管理画面の共有テンプレート追加からダウンロードしてご自由にご利用いただけます。商用利用もどうぞ。

※再配布不可との記載のは、テンプレートや使われている画像をご自分のものとして他の人に配布したり掲載したりを禁止しているだけですので、カスタマイズ中の不具合などで再度ダウンロードしていただくのは何回でもOKです!

PR

スポンサーサイト

--.--.-- --:--|スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ブログテンプレート『white blog』

2010.11.04 18:00|ブログテンプレ
12_thm_l.jpg
▲FC2ブログ用テンプレート:12_whiteblog

とにかく、白ベースでシンプルなテンプレートをつくりたかった!!
どんなブログにもお使いいただけますし、どんな色にも染まるホワイト。
投稿日時部分のオレンジは、お好みに合わせて
イエローグリーン、ライトブルーに変更できるよう差し替え画像をご用意しています。

わたし自身がブログに向かうときはほっと一息する時間でもあるので、
お供のマグカップのアイコンにしました。
差し替えていただけば、オリジナルにもなりますよ。

詳しいカスタマイズの方法は→コチラ

おそろいのシンプルなツイッター背景は→コチラ


※共有テンプレートの承認まで数日タイムラグがありますので、しばらくお待ちください。
関連記事

タグ:2カラム(右) ホワイト

コメント

初めまして...

最近こちらの素敵なテンプレをダウンロードさせていただきました。

少し文字色もカスタマイズさせていただいて使っております。

もし出来たらなのですが、日付の下のコメント欄とTB欄を、通常良くあるような
Tag欄の前位置くらいに変更することは出来ないでしょうか。。。

コメント下さる方がコメント欄を見つけられないという意見が出てしまってますので。。
(よく見れば分かるんですが。。)

もし可能でしたらお返事いただければ幸いです。




コメントとトラッックバックへのリンク位置について

Imoon 様

お返事が遅くなりました。
コメントありがとうございます。
また、テンプレート「12_whiteblog」を使っていただいて、
ありがとうございます。

お問い合わせの件。
個々のカスタマイズについては、どんな改変も許可しておりますが、
こちらではとても手がまわらないので、ご自身でお願いしております。
恐れ入りますが、どうぞご理解くださいm(_ _)m

ヒントとしましては、HTML編集でCM、TBの欄を移動させればOKです。
現在の記述箇所は

<!-- メインコンテンツ/エントリーここから -->
の下を辿っていき、以下の部分にあります。

<div class="entry_info">
<!--allow_comment--><a href="<%topentry_link>#cm" title="">CM : <%topentry_comment_num></a><!--/allow_comment--><!--deny_comment--><!--/deny_comment--><br /><!--allow_tb--><a href="<%topentry_link>#tb" title="">TB : <%topentry_tb_num></a><!--/allow_tb--><!--deny_tb--><!--/deny_tb-->
</div>

そのままのスタイル(文字色や文字サイズ)で移動するばあいにはdivごと、
そうでなければdivで挟まれた<!--allow_comment-->~<!--/deny_tb-->までをそっくり、
お好きな位置に移動してみてください。
例えば、にありました、Tagの記述は以下の通りです。
前後に移動してみるなど、お試しくださいね。

<!--topentry_tag-->
<div class="entry_tag">Tag : <%topentry_jointtag></div>
<!--/topentry_tag-->


参考になりますでしょうか。
今後ともよろしくお願いいたします。

ありがとうございます。

丁寧な説明をありがとうございます。

まだまだ理解できてはいないかなりな初心者なのですが、チャレンジしてみたいと思います!
ありがとうございました!

はじめまして

はじめまして。

最近ブログを始めてみました。
好い感じのテンプレートを探していたところ
とても気に入りました♪

使用させていただきますねっ!

Re: はじめまして

key-.-bou 様

はじめまして!
コメントありがとうございます。
気に入っていただけて、こうしてコメントまでくださって、嬉しいでーす♪

たくさん、ブログ書いちゃってくださいね~

今後ともよろしくお願いいたします。

はじめまして

ブログを始めたばかりです。
初めて投稿して、自分のページが開いた時は本当にうれしかったです。^^v
テンプレートをいろいろ探してうららんさんのすてきな「12_whiteblog」をみつけて、カスタマイズも少しずつやっていこうかなと思っています。

こちらのページ、リンクさせて頂いてもよろしいですか?

すてきなページになるよう、たくさんブログを書いてきまーす♪
よろしくお願いします。

Re: はじめまして

tanpopo 様

はじめまして。うららんです。
コメントありがとうございます。

テンプレートがお目にとまって嬉しいです。
カスタマイズもじゃんじゃんしていただいて、
tanpopoさんのお気に入りの空間にしてくださいね。

ところで、
リンクしていただいちゃっていいんですか~?
もちろん大歓迎です。

これからもどうぞ、よろしくお願いいたしますm(_ _)m

こんにちは!

以前は丁寧な説明ありがとうございました。
やってみて無事にできたのですが、やはり上にコメントがあった方が
私は良かったみたいで、そのままです。

質問なのですが、上の方に管理画面とか記事リストの
ファイルみたいなのが3つありますよね。
これをうららんさんのように増やすのはどのようにすれば出来るのでしょうか。
例えばカテゴリーごとに分けたりとか....
スイマセン、初心者で上手く説明できないのですが....

私には分からないカスタマイズなので質問させていただきました...

すみません。

Re: こんにちは!

Imoon 様

こんにちは。
ご質問ありがとうございます。
返答にお時間がかかり、申し訳ありません。

上部のメニューですが、私のブログではTitleList、RSS、ADMIN以外に
カテゴリーごとのページにリンクするようにカスタマイズしてあります。
これはやり方自体はさほど難しくないんですよ。
簡単にご説明します。

まずはHTMLを編集します。
以下のように、ヘッダー部分の赤字を追加してください。

<!-- ヘッダーここから -->
<div id="header" class="png_bg">
<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
<p><%introduction></p>
<ul>
<!--category-->
<li class="navi"><a href="<%category_link>" class="png_bg"><%category_name></a></li>
<!--/category-->

<li class="navi"><a href="<%url>archives.html" title="全ての記事を一覧表示する" class="png_bg">TITLE LIST</a></li>
<li class="navi"><a href="<%url>?xml" title="最新記事のRSS" class="png_bg">RSS</a></li>
<li class="navi"><a href="<%server_url>control.php" title="管理画面を開く" class="png_bg">ADMIN</a></li>
</ul>
</div><!-- /header -->
<!-- ヘッダーここまで -->

これでカテゴリー名がメニュー部分に表示されます。
ただし、左のスペースが固定されているため一行にならず複数行になってしまうので、
メニュー表示開始位置をカテゴリー数に合わせて変更します。

スタイルシート編集です。
ヘッダー部分の以下の赤字を変更してください。
div#header ul {
list-style-type: none;
margin-left: 684px;←この値から、ひとつ分の幅82px×カテゴリー数分を引く
position: absolute;
top: 80px;
}

カテゴリーが5つあるとすると、82×5=410を684から引いた値、274pxにします。
メニューの左側のスペースがカテゴリー数分減って、一列になるはずです。
ご理解いただけると思いますが、カテゴリー数が9つ以上だと一行に収まりません。
その際はご了承ください。

…ちょっと難しいでしょうか?
ここではカテゴリー名を表示させる方法をご紹介しましたが、
カテゴリー以外でも、リスト<li>を増やすことができればメニューに追加できます。
一般的には中級以上の方におすすめのカスタマイズですね。

以前にも書きましたが、
カスタマイズはご自身のお力でお願いしております。
ぜひお試しくださいね!
これ以上の説明は個別になってしまうので、お許しくださいm(_ _)m

今後ともよろしくお願いいたします。

ありがとうございます。

お忙しいところお返事ありがとうございます。

さっそく試してみようと思いますが
現在カテゴリーが9以上あるので
カテゴリーごとは整理しないとダメですね...

とても分かりやすい説明、ありがとうございます!

写真の幅について

はじめまして。
今度新しく、自分で撮った写真をまとめるブログを作ろうと思っています。

『white blog』を使わせていただこうかと思っているのですが、
640×480サイズの写真をそのまま貼り付けると端が少し切れてしまいます。
写真の幅を何ピクセルまでにすれば、記事のスペースに収まるでしょうか?

HTML編集やスタイルシート編集を見ればわかるのかもしれませんが、
勉強不足で、どこを見ればいいのかさっぱりわからなかったので・・・。
教えていただければ幸いです。よろしくお願いします。

Re: 写真の幅について

miki 様

はじめまして。うららんです。
ダウンロード、そしてコメントありがとうございます。

写真のサイズですが、『white blog』では幅600pxでぴったりにデザインしています。
実はフォトブログを意識してつくりました!
ブログとしては比較的大きく見せられると思っているのですが、
いかがでしょうか?

mikiさんの素敵な写真に添わせてもらえますように!
よろしくお願いいたします。

No title

タイトルの文字を大きくするにはどこをいじればいいのでしょうか?
それと、自分で作った画像をタイトルとして、はめる方法を教えてください。

No title

先ほどの質問ですが、えーっと、ブログのタイトルと言うかページ名のところです。
記事のタイトルはほかのコメントとか見て解決しています。

聞きたい質問について理解してもらえてたら嬉しいです。

Re: No title

素人 様

はじめまして。
お問い合わせありがとうございます。

さっそくですが、
ブログタイトルはヘッダーのh1というタグでマークアップされています。
スタイルシート編集の以下のところでサイズを変更してください。

/* ヘッダー
------------------------------------------------------------ */
div#header h1 {
padding-top: 15px;
margin-left:20px;
margin-right:20px;
font-size: 120%;
letter-spacing: 0.2em;
}

タイトルを画像にする場合は、
HTMLの<h1>~</h1>の間をアップロードした画像のURLにしてください。

他の方へのコメントにも書いていますが、
個別のカスタマイズに関してはサポートしきれませんのでご自身でお願いしております。
よろしくお願いいたしますm(_ _)m

No title

すいませんでした。
そうですよね、手が回らないですよね・・・。

最後に一つだけいいですか?

タイトルを画像にする場合は、
HTMLの<h1>~</h1>の間をアップロードした画像のURLにしてください。
これはスタイルシートの中で探したんでいいんですかね?

とりあえず、試行錯誤してみます。
このテンプレート大事に使います。
ありがとうございました。

Re: No title

素人 様

再度お問い合わせ、ありがとうございます。

タイトルを画像にするのはテンプレートのHTML編集になります。

<!-- ヘッダーここから -->
<div id="header" class="png_bg">
<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>
~つづく

となっていますので、aタグにはさまれている<%blog_name>を画像(<img src=~>)に置き換えてくださいね。

よろしくお願いします。

No title

何回もすいません。
サイズはいくつまでいけますか?

Re: No title

素人 様

こんばんは。

ブログタイトルを画像に置き換える場合ということでよろしいですか?
ヘッダー自体の幅は940pxですが、左右に20pxずつマージンをとっていますので
900px以内でお願いします。
縦に関しては、ヘッダーは100pxですが、タイトル上にマージン15pxがあります。
ブログ説明文などもありますので調節してみてください。

よろしくお願いいたします。

カラムの幅

はじめまして、シンプルなところが気に入り「white blog」を使わせていただいてます。
900pxの写真を載せたいのですが、左側のカラムを1200pxぐらいにしたいのですが
どの部分の数字を変えればいいのでしょうか
あまり詳しくないので、教えていただければ助かります。

よろしくお願いします。

Re: カラムの幅

recipi 様

はじめまして♪ご利用、コメントありがとうございます。

お問い合わせの件ですが、
このテンプレを作った頃、カスタマイズを意識していなかったため、
記事領域の影を表現するのに画像で作っており、幅が広げられないのです。
申し訳ありませんが、ご了承下さい。
今後の参考にさせていただきますね。

よろしくお願いいたします。

テーマ、ジャンルの非表示、字体

はじめまして。
先週からブログを開始しました。
シンプルなテンプレートを探していて、気にいって使わせてもらっております。
いかんせん、素人なもので、Fc2内で色々調べたのですが、
見つけることができず、お聞きしています。
テーマ、ジャンルというのは非表示にする方法はあるのでしょうか?
非表示できなくい場合でも小さく目立たないようにする方法はあるのでしょうか?
もし、あれば教えていただければと思います。
後、記事本文の字体も選択、変更する方法はあるのでしょうか?
お手数ですが、よろしくお願いいたします。

Re: テーマ、ジャンルの非表示、字体

asadaarchi 様

はじめまして。ご質問ありがとうございます。
まずはお返事が大変遅れましたこと、お詫びいたします。
もうテンプレートを変更されたかもしれませんが、念のためお答えしますね。

テーマ、ジャンルについてはわたしのテンプレートは対応(表示するように)していますので、
HTML編集で記述を削除すると表示しなくなります。

<!-- メインコンテンツ/エントリーここから -->
の下をずっとたどっていき、次の記述を探して削除してみてください。

<!--community-->
<p class="theme">
<%template_theme> : <a href="<%topentry_thread_link>" title="<%topentry_thread_title>"><%topentry_thread_title></a><br />
<%template_genre> : <a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>"><%topentry_community_janrename></a>
</p>
<!--/community-->

記事本文の字体については、スタイルシート編集になります。

/* メインコンテンツ
------------------------------------------------------------ */
(略)

div.entry_body {
font-size: 90%;
margin: 30px 15px 20px 15px;
line-height: 1.8em;
letter-spacing: 0.1em;
}
が、記事本文の記述箇所です。
font-family:○○;を追記して、お好きなフォントを指定してください。
タイトルなどはまた別のところで指定します。
サイト全体でしたら
/* 全体
------------------------------------------------------------ */

のところのbodyのfont-familyを変更するなどしてください。

よろしくお願いいたします。

こんにちは

とても可愛く素敵なテンプレートですね♪
写真をとても綺麗にみせてくれると思いお借りします。

お忙しい所すいませんでした。
非公開コメント

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