スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーサイト/--/--/-- --:--/スポンサー広告/ トラックバック(-)/コメント(-)

テンプレート

FC2Blogのテンプレートの編集をしていてスタイルシートなどほとんど知らなかった私がいろいろなことを覚えました。いえいえまだまだほんの入り口から中を覗き見たといった程度などなのですが、とても面白いことだと思いました。
近頃、やっとそうなんどと納得したことは、FC2Blogのテンプレートにおいて、いろいろなナンバーについているIDがあるということです。
それを書いておくとその場所にリンクすることが出来るのですね。
例えば、頂いたコメントにはそれぞれ番号が付いていて「%comment_no」と書いてあるところへリンクすることが解かりました。
これをつけてないと、その記事のコメントが始まる頭に行っていたんです。
改めて、テンプレート中で使えるブロック変数に対して感心しました。
まだまだいろいろと楽しそうなことがありそうですね。

テンプレート/2008/02/21 08:19/[Blog]カスタマイズ/ トラックバック(0)/ comment(34)

comment

始めましてです。
テンプレートかなり気に入ってます!
また遊びにきま~す^^!

#11 #-/2008/03/02(日) 10:08:40/URL[ 編集]

#11さま
気に入っていただいて嬉しいです、ありがとうございます。
その後、月日を表示されるようにしてみました。



どりーみー #JalddpaA/2008/03/02(日) 23:32:22/URL[ 編集]

凄く気に入ったので

はじめまして。
凄くこのテンプレートを気に入り使用させて頂いています。
それでIEだと形崩れしないのですが
Fire foxだと、
個別のページで右側が落ちてしまいます。
初心者の私にはどうしたら良いのか分かりません。
お忙しい中恐縮ですが
教えて頂けたらと思いコメントさせていただきました。
よろしくお願いします。

mian #-/2008/03/15(土) 07:30:56/URL[ 編集]

mianさま

すみません
>Fire foxでは個別のページで右側が落ちてしまいます
gallery-w
gallery-b
を見たら、なるほど落ちていますね。
お知らせありがとうございます。
修正して更新します。
すみません。ダウンロードしなおしてくださいね

16:30・・・・更新しました。


どりーみー #JalddpaA/2008/03/15(土) 15:24:06/URL[ 編集]

ありがとございました

お忙しい中本当にありがとございました。
早速ダウンロードさせて頂き今は型崩れすることなく気持ちよく使用させて頂いています。

また、このバージョンの3コラムor4コラムも登場するのを期待して待っています。

本当にありがとございました!

mian #-/2008/03/15(土) 21:13:48/URL[ 編集]

mianさま

良かったです。
こちらこそ、ありがとうございました。
>このバージョンの3コラムor4コラム・・・
あはは、そうですね。うふ
またよろしくお願いしますね。

どりーみー #JalddpaA/2008/03/16(日) 17:16:06/URL[ 編集]

カントリー☆

はじめまして。
カントリーのテンプレートを使わせていただいています。
引き出しにそれぞれ入っているのが
特にかわいくて気に入っています!

少し教えていただきたいのですが、
記事を書くときに、
一行の文字数を増やしたいのですが、
どのようにすればよいのかわかりません・・・
いろいろと調べてみたのですが、
答えがわからなくて、こちらにおたずねすることになりました・・・
お忙しいところ、申し訳ありません;;
どうかよろしくお願いいたします。


clair #IHCdSBl./2008/09/16(火) 08:32:47/URL[ 編集]

clairさんへ

こんにちは
テンプレートを気に入っていただいてありがとうございます。

>一行の文字数を増やしたい
と言うことですが

http://dreamy.blog2.fc2.com/?template=country&index

今のところ枠いっぱいに入っているように思いますがいかがでしょうか?

記事の幅などはスタイルシートの
.entry_textで設定されています。
今のところ
.entry_text {
width: 550px;
font-size: 12px;
line-height: 180%;
color:#000000;
margin-top: 5mm;
margin-left: 10mm;
margin-right: 0mm;
margin-bottom: 0mm;
}
↑のようになっているんですが
widthのところの数値を変えてみてください。
いかがでしょうか?


どりーみー #JalddpaA/2008/09/16(火) 13:29:42/URL[ 編集]

ありがとうございましたm_m!!

ご丁寧に、早速お返事していただいて・・・
恐縮していますm_m


どうもありがとうございました!!
よくわかりました!!

早速やってみて、うまくいきました。
うれしいです。

またどうかよろしくお願いいたします。

clair #IHCdSBl./2008/09/19(金) 23:47:26/URL[ 編集]

clairさんへ

それはよかったです。
カントリー系のをまた作りたいと思っていますので、また覗いて見てね。

どりーみー #JalddpaA/2008/09/22(月) 16:31:19/URL[ 編集]

はじめまして。
㈱オートウェーブでHPの担当をしているものです。
この度、どりーみーさんのテンプレートを使わせて頂きたくご挨拶と兼ねてご指導をお願い致します。
テンプレート
どりーみー gallery-b の文字タイトルの部分に写真タイトルを入れたいのですがご指導を頂けませんか?
宜しくお願い致します。


オートウェーブ富里店 #-/2008/09/22(月) 16:56:24/URL[ 編集]

㈱オートウェーブさんへ

お問い合わせありがとうございます。
このテンプレートには

①<!--▼ページナビゲーション(個別記事)▼-->

②<!--▼ページナビゲーション(コメント編集、タイトルリストのあるページ)▼-->

③<!--▼ページナビゲーション( インデックストップページ)▼-->

④<!--categoryインデックスと同じページ-->

と全部で4つのエリアがあります。
タイトルはまとめてやることも出来ますが、今回は別々にしてしまいました。

それぞれのエリアにある

<div id="header"> の下の

<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><%blog_name></a></h1>を


<h1><a href="<%url>" accesskey="0" title="<%blog_name>"><img src="画像のアドレス" border="0"></a></h1>

としてみてください。
いかがでしょうか?

どりーみー #JalddpaA/2008/09/22(月) 19:41:17/URL[ 編集]

どりーみーさんへ
㈱オートウェーブHPの担当です。

 ご丁寧にご回答有難うございました。
おかげさまでタイトルの画像を入れることが可能になりました。

弊社のアルミ館というテンプレートとして使用させて頂きます。
シンプル・センスの良さから満場一致。
販促室より、お礼を申し上げます。

オートウェーブ富里店 #-/2008/09/24(水) 17:27:41/URL[ 編集]

オートウェーブ富里店 さん

拝見してきました。
うまくタイトル画像が入っていますね。よかったです。
「満場一致で・・・」とのお言葉、本当に嬉しいです。ありがとうございます。

どりーみー #JalddpaA/2008/09/25(木) 19:50:11/URL[ 編集]

遅くなりましが「ことば灯り」さんの記事に気がつきませんでした。無理なようで諦めました。最初に使用していた、もみじのテンプレを適用にしましたら、二つとも開きます。そのままにしていても良いでしょうか?

荒野鷹虎 #-/2008/10/11(土) 14:18:56/URL[ 編集]

荒野鷹虎さんへ

「ことば灯り」さん、だめなんですか?
モミジのテンプレートだったら繋がるんでしょうか?
不思議ですね。

どりーみー #JalddpaA/2008/10/12(日) 22:12:41/URL[ 編集]

今回の質問

どりーみーさん、こんばんわ~。
えーっと、私もどりーみーさんのように各題名の左横の印(双葉マーク)丸点じゃなくて違う物に変えたいのですが...例えばくまマーク。...しつこくなるかな...でもくま好きだし。

と、最新コメントのところなんですが、現在私は最新コメントしていただいた方の名前と曜日になっているのですが、これを名前とNEWなどの文字にしたいのですが。
お時間のある時に教えてください。

noa #vEzm.KPk/2008/12/19(金) 10:16:25/URL[ 編集]

noaさん

こんにちは

今回のご質問
・丸点じゃなくて違う物に変えたい
ですね。

テンプレートの
スタイルシートの
/* Sidemenu (Plugin)
------------------------------------------------------------ */

#sidemenu li {
list-style-type: disc;
list-style-position: outside;
margin-left: 15px;
}
と言うところを
/* Sidemenu (Plugin)
------------------------------------------------------------ */
#sidemenu ul {
margin-left : -19px;
}
#sidemenu li {
list-style-image:url(画像のアドレス);
padding-left: 15px;
}
に上書き

次に

ツリー化の時付け足した


ul.tree {
list-style: none;
margin: 0px;
padding: 0px;
}
ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(tateのアドレス);
background-repeat: no-repeat;
}
ul.tree li.end {
background-image: url(matuのアドレス);
}

を↓

ul.tree {
list-style: none;
margin : 0px;
padding: 0px;
}
ul.tree li {
margin-left: 45px;
padding: 0px 0px 0px 16px;
background-image: url(tateのアドレス);
background-repeat: no-repeat;
_margin-left: 35px;
}
ul.tree li.end {
background-image: url(matuのアドレス);
}
に上書き

画像は小さいものがいいと思います。

サンプル↓ここを見てね。
http://syumi.blog1.fc2.com/?template=kuma-style01&index


これは19pxです。
大きさが違いますとまた設定が変わってきますよ。

いかがでしょうか?

次の質問
名前のほかにnewなどの文字ですが、

出来ました。
http://rgrg.blog61.fc2.com/blog-entry-150.html

初心者でもできる簡単FC2ブログの作り方 最近の記事・コメント・トラックバックにNEWをつけたい!
上記サイトで詳しく説明されていました。


どりーみー #JalddpaA/2008/12/20(土) 15:22:08/URL[ 編集]

どりーみーさんへ

うわー、ほんといつも驚かされます。
いろんな事を勉強してて、どこをいじったらいいのかすぐにわかるんですね~。
早速取りかかります。



noa #vEzm.KPk/2008/12/20(土) 23:18:35/URL[ 編集]

noaさん

早速、出来てましたね。おめでとう。るんるん。

Newってのは今回noaさん に教えてもらうまで知りませんでした。
これ良いですね。ありがとう。

どりーみー #JalddpaA/2008/12/20(土) 23:49:38/URL[ 編集]

どりーみーさんへ

ありがとうございます~。
NEWマークいいですよね。色も付けたいのですが、(本来ならそのままコピペしただけなので赤だと思うのですが)付いてないですよね...?
色ナンバーに変えみたのですが、それも変換されないようで...。
くまマークのほうはどりーみーさんが見本で作成してくれていたのと同じものを使ったのですが...反映されていません...もう少し様子をみます。




noa #vEzm.KPk/2008/12/21(日) 08:24:48/URL[ 編集]

noaさん

ゆうべ、最後に見たときは色が付いていなかったんですが、今見てきたら熊ちゃんもNEW!も赤でちゃんと出来ていましたよ。

私も夕べ付けたのを画像にしてみました。良いですよね。感動しました。

どりーみー #JalddpaA/2008/12/21(日) 11:14:47/URL[ 編集]

どりーみーさんへ

どりーみーさんのNEWすっごいいいですよ!!
私は絵文字をUPして使ったんですが、入れる場所間違ってるのかな...。
.new {color:red; font-weight:bolder;} ☜これの{  }の部分に入れたのですが...。



noa #vEzm.KPk/2008/12/21(日) 23:46:35/URL[ 編集]

noaさん

あっ♪
いいっすか?良かったです。
これを入れた場所は</head>の真上に入れたscriptの中のNewと言う文字を画像にしました。
New!を消して絵文字を書いておけばいいと思います。
それを赤くするにはスタイルシートに
.new {color:red; font-weight:bolder;} ☜これを書いておけばOKですよーv-218
やってみてね~。

どりーみー #JalddpaA/2008/12/22(月) 09:12:48/URL[ 編集]

どりーみーさんへ

NEWのほう出来ました。
ありがとうございますe-447

くまマークは変換されませんね~、どりーみーさんのほうは出来ているのにな~。

noa #vEzm.KPk/2008/12/22(月) 12:28:24/URL[ 編集]

noaさん

なんとまぁ!可愛いNEWですね♪
くまマークはコメントのところは出ていますね。

もしかしたら最新記事やカテゴリーのところのことでしょうか?

ちょっといじってみました。
http://syumi.blog1.fc2.com/?template=kuma-style01&index
見てね。
もしlこっちの方が良かったら

/* Sidemenu (Plugin)
------------------------------------------------------------ */

#sidemenu ul {
margin-left : -19px;
}
#sidemenu li {
list-style-image:url(kuma_mini.gifのアドレス);
padding-left: 15px;
}

↑を
↓に
/* Sidemenu (Plugin)
------------------------------------------------------------ */
ul {
text-align: left;
margin: 0px 0px 0px 40px;
padding: 0px;
}
li {
font-size: 12px;
line-height: 180%;
list-style-image:url(くまさん画像のアドレス);
margin-top: 0px;
margin-left: -18px;
margin-bottom: 0px;
padding: 0px;
text-align : left;
}

次に
ツリー化のためのスタイルシート
ul.tree {
list-style: none;
margin : 0px;
padding: 0px;
}
ul.tree li {
margin-left: 45px;
padding: 0px 0px 0px 16px;
background-image: url(tate.gifのアドレス);
background-repeat: no-repeat;
_margin-left: 35px;
}
ul.tree li.end {
background-image: url(matu.gifのアドレス);
}

↑を

↓に

ul.tree {
list-style: none;
margin: 0px;
padding: 0px;
}
ul.tree li {
margin: 0px;
padding: 0px 0px 0px 16px;
background-image: url(tate.gifのアドレス);
background-repeat: no-repeat;
}
ul.tree li.end {
background-image: url(matu.gifのアドレス);
}

どっちがいいでしょう?
前のをコピーしておいてやってみてね。

どりーみー #JalddpaA/2008/12/22(月) 18:54:20/URL[ 編集]

どりーみーさんへ

NEW絵文字かわゆいでしょ、私も気に入ってます。
http://1kb-sozai.com/ 1キロバイトの素材屋さんからお借りしました。

どりーみーさん、またまた、色々考えてくださったんですね。ありがとうございます。...2つのほうを見比べたのですが...わかりません!、違いが。...すみません、知識不足で。
私が見た時はコメントの所もくまマークになっていなかったのですが、今見たらなってますね~。うっれしーーーー。

ツリー化を教えてもらった時に、結局コメントのところしか変えなかったので、その影響でくまマークがコメント欄だけに出ているのかと思います。
新記事のツリー化、HTMLを変えてみました。

noa #vEzm.KPk/2008/12/23(火) 04:18:39/URL[ 編集]

noaさん

2つの違いですね。(笑)

今度のものにすれば、最新記事やカテゴリーのところをツリー化しなくてもリストマークが出るということですね。

1キロバイトの素材屋さん。良いですよね。私のところにリストマーク双葉も同じです。

仲間ですね。わーい。


どりーみー #JalddpaA/2008/12/23(火) 20:21:43/URL[ 編集]

どりーみーさんへ

そーだったんですね!!
リストマーク(初めて知った言葉)の設定、そんなすご技もあるんですね。
早速試させてもらい、現在上手くいってま~す!!一人浮かれ踊りしてますよ。

リストマーク双葉も同じ素材屋さんを使っていたなんて...。
素材屋さんのほうはまだ全部中身をチェック出来ていなかったので、双葉マークに気がつきませんでした。...違う素材屋で見た様な...。
あと少しでクリスマスですね、飾り付けやプレゼントの用意は万全ですか?メリークリスマス!

noa #vEzm.KPk/2008/12/23(火) 23:53:37/URL[ 編集]

noaさん

メリークリスマス。
拝見してきました。上手く出来ましたね。
そうそう・リストマークです。
li と言うのはリストの略なんでしょうね。

あの素材やさんは初めに素材を見せてくれるので好きです。
素敵なものいっぱい有りますしね。

どりーみー #JalddpaA/2008/12/24(水) 20:58:40/URL[ 編集]

gallery-w

すみません~「gallery-w」を是非とも使わせてもらおうと思っているのですが・・・。
画像をクリックしたら、画像へのリンクでなく、記事にリンクさせたいのですが・・・。どこを直せばいいでしょうか?なにぶんCSS他初心者のためよろしくお願い致します。

トモノ #X.Av9vec/2009/01/13(火) 01:15:57/URL[ 編集]

トモノさん

お問い合わせありがとうございます。
私もこのBlogが画像と記事が別ならどんなにカスタマイズしやすいかといつも思っていますが、残念ながら画像をクリックしたら個別ページへと言うことが、普通では出来ません。
念のため、先ほど実際にやってみましたが駄目でした。
方法として、記事を投稿する場合に設定するとすれば、個別ページに行って拡大しようと思っても拡大せずに個別ページに行ってしまうのです。
ただ、前述で普通ではと申し上げたのは
JavaScriptを使えば出来るようなのです。
私ではなくkazuさんと言う方作品ですが。
共有テンプレートから検索で名前と言うところに
p_space_w
と入れて検索すると出てきます。
これはご希望のようになっています。
これをカスタマイズなさってはいかがでしょうか?


どりーみー #JalddpaA/2009/01/13(火) 19:46:43/URL[ 編集]

有難うございます・・・!

早速のお返事有難うございます。
他の方のテンプレートまで御紹介いただきすみません・・・!デザインはどりーみーサンの方が好みなので。。。メチャクチャ悩んでいます・・・。
お忙しいのにお返事有難うございました!!

トモノ #X.Av9vec/2009/01/14(水) 16:30:45/URL[ 編集]

トモノさん

今拝見してきましたがとてもいい感じですね。
1枚の写真で1記事を書くならすごく素敵ですね。
良かったですね。

>デザインはどりーみーサンの方が好み...

わー。嬉しいです。ありがとうございます。


どりーみー #8iCOsRG2/2009/01/14(水) 20:40:44/URL[ 編集]

投稿















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

trackback

trackback url ↓

http://dreamy.blog2.fc2.com/tb.php/99-6d2ec040


| ホーム |

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