MY CSS DESIGN

最新記事のRSS

FC2ブログのテンプレート配布・作成日誌。

PREV | PAGE-SELECT | NEXT

≫ EDIT

ヒヨコ君増殖中テンプレートCALENDAR 750px版

テンプレートシリーズもついに第6弾になりました。毎回同じようなテンプレートばかり登録してごめんなさい。さて今回のテンプレートは主に色変更に力を入れて作ってみました。CSSを2箇所変更する事でベースカラーが変更可能になっております。ついでにカラー変更支援ツールも作ったのでそこんとこよろしく。

テンプレートを初めて使う人もいるだろうから少し宣伝を・・・。
テンプレートシリーズは画像や色を差し替える事で『あなた色に染まります(キモッ!)』的な作りになっております。これを一般的に『ひよこテンプレートマジック』と言うのですが・・・言いません!。も、もしかしたら言うかも・・・。まあそんな事はどうでもいいとして、どうぞ自分の好みの色や画像を使用してあなただけの素敵なテンプレートを作成してください。ついでにその製作過程も楽しみやがれでございます。

ヒヨコ君増殖中テンプレートmenu750px版

■ 主な概要

  • テンプレート名:hiyoko-calendar750
  • CSSの2箇所を変更する事でベースカラーが変えられます。
  • トップ画像は差し替えてお使いください。※今回のサイズは750×170です
  • 記事中の画像横幅最大460pxまで表示可能です。
  • 基本的なカスタマイズに必要と思われる記述はCSS上部に配置してあります。
  • プラグインモードのみに対応
  • 不具合報告お願いします。

■ カラー変更支援ツール

デザインサンプル

TOP画像に関しましては1枚の大きな画像にこだわらず壁紙を利用して模様を繰り返させるなんて方法もあります。って事で今回はラメ入り紅茶さんの所から素材を数点お借りして適当にデザインサンプルを作ってみました。

デザインサンプル 素材屋さん
デザイン1 ラメ入り紅茶
デザイン2
デザイン3
デザイン4

※画像は素材屋さんからお借りしている物なのでデザインサンプルからの直リンやお持ち帰りは絶対にしないで下さい。また、素材屋さんから画像をお借りしテンプレートで使用した場合はサイド一番下の著作表示部分にお借りした素材屋さんのリンクを挿入してください。(Photo by 素材屋さん icon by 素材屋さん)

■ 基本的なカスタマイズ情報(野生の勘などを働かせて応用してください)

テンプレート利用規定

| FC2ブログテンプレート | Permalink | comments:80 | trackbacks:0 | TOP↑

COMMENT

★ あんむさママさん
お力になれなくてごめんなさい・・・

| ひよこ@管理人 | 2008/05/11 21:25 | URL | ≫ EDIT

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

| あんむさママ | 2008/05/09 12:11 | URL |

★ あんむさママさん
ADMIN MENUの挿入は簡単そうでなかなか複雑なのでカスタマイズ方法としてお答えしておりません。プラグインリンク部分に管理者用のリンクを追加するなりで代用してくださいませ。

| ひよこ@管理人 | 2008/05/08 23:03 | URL | ≫ EDIT

画像差し替えの出来るテンプレートを探してて、ヒヨコさんのテンプレートを見つけ、お借りしました。分からないながらも、いろいろカスタマイズに挑戦し、念願のトップ画像の変更も出来ました。とても気に入ってます。で、相談があるんですが、calendar750のテンプレートに ADMIN MENU ≫ | IMAGE | WRITES(←トップのところ) を追加したいんですが、思うように出来ません、どのようにしたらいいのでしょうか?

| あんむさママ | 2008/05/07 22:48 | URL |

★ 将軍さん
はい。またどうぞ。

| ひよこ@管理人 | 2008/04/21 23:37 | URL | ≫ EDIT

無事設定できました。
ありがとうございます。

| 将軍 | 2008/04/21 21:48 | URL |

★ 将軍さん
リンク色はスタイルシートの上部に簡易カスタマイズというのがあってその中に
/*--- links */ があるのでそこのcolorを変更ください。

| ひよこ@管理人 | 2008/04/20 23:00 | URL | ≫ EDIT

説明不足ですみません。
プラグインのカテゴリーの文字等、
リンクが設定されている文字の色の変更の仕方を
知りたいです。



| 将軍 | 2008/04/20 00:24 | URL |

★ 将軍さん はじめまして
薄いグレーとは何処の文字色の事でしょう?
具体的にお願いします。

| ひよこ@管理人 | 2008/04/19 22:26 | URL | ≫ EDIT

初めまして。将軍と言います。
シンプルで見やすいテンプレートがすごく気に入りました。
それで、こちらのテンプレートを使わせて
もらおうと思っているのですが、
現在薄いグレーになっている文字の色を
変更するにはどうしたらいいんでしょうか?
教えてください。

| 将軍 | 2008/04/19 18:23 | URL |

★ 桃のママさん
HTML・CSSを覚えればもっと簡単にいろいろできるようになると思うので暇な時にでもその手のサイトを巡ってみてください。

| ひよこ@管理人 | 2008/04/17 23:26 | URL | ≫ EDIT

ひよこさん、おはようございます。
あ〜トップタイトル画像化ですねv-410
画像化は説明があったので目を通していますが、私そこまでまだいけてませんから 笑
質問する私が用語がわからないものでひよこさんに勘違いさせてしまったようですね。ごめんなさい。
上の方ですね。やってみます。
見つけることができなかったもので、ひよこさんが当初設定された文字の色でもちゃんと見えるような写真を選別してランダムに使用したんですよ 笑
カスタマイズのカの字もわからない私ですが、ちょこちょこ楽しんでいます。
これからも宜しくお願いしま〜す。
他の方の参考にもならないような質問が毎度で申し訳ありませんv-411

| 桃のママ | 2008/04/17 09:16 | URL | ≫ EDIT

★ 桃のママさん
あわわwトップタイトル画像化と勘違いしました。
ランダムなら大丈夫です。ブログタイトルの設定はCSSの上の方にあります。

| ひよこ@管理人 | 2008/04/14 22:22 | URL | ≫ EDIT

えっv-361
トップ写真をランダムにしてますが、ちゃんと写真の中にブログタイトルと説明はちゃんと入りましたよv-410
文字の色ですが、ブログ説明は色を変更することができたんですがブログタイトル文字の色変更がわからなくて、まだしていません。
我慢して〜ってブログタイトルの文字色を変更できないってことですか?

| 桃のママ | 2008/04/13 23:43 | URL | ≫ EDIT

★ 桃のママさん
あ!トップ画像をランダムにしてるんだったら無理です。
dogかcalendar750で何とか我慢してください><;

| ひよこ@管理人 | 2008/04/13 21:15 | URL | ≫ EDIT

今晩は!
説明のとおりやってみました。
しかし、ブログタイトルと写真のラインがきえただけで、写真の上にブログタイトルと説明がこなかったんですが、
ブログタイトルの背景の設定を削除するという言葉がわからずにバックグランドの項目を削除してなかったんです。
これかな〜って失敗ダメもとで削除してみたら写真の中にブログタイトルと説明がはいりました。
ありがとうございます。
でも、ランダム設定しているもので、出てきた写真の色によって文字の色が見えるときと見えないときがある、という問題にぶつかりました。一難さってまた一難ってこういうことを言うんでしょうね。どの写真でもちゃんと見えるような文字色に変更してみます。
といいながらも、皆さんとひよこさんのQ&Aで探さないとわからないんですが・・・・・頑張ってみますv-410
苦労なしにひよこさんに聞いたら覚えませんからね(^m^ )クスッ
ありがとうございました。

| 桃のママ | 2008/04/13 00:19 | URL | ≫ EDIT

★ 桃のママさん おひさしぶりです。
あら?記事のほうは承認待ちになってますね。
もう公開されたから編集しておきます^^;

さて本題ですが
まずHTML編集から下記記述を探し出してください。

<div id="blogtitle">
<h1><a href="<%url>"><%blog_name></a></h1>
<p id="description"><%introduction></p>
</div>

上記記述を下記の「ここ」とかいてある場所に移動させてください。

<div id="header">ここ</div>

次にCSSの#blogtitle { の中にある背景画像の設定を削除しborder-bottom-widthを0pxにしてください。多分これでdog仕様に似たような感じになるのではないかと思います。

| ひよこ@管理人 | 2008/04/09 21:07 | URL | ≫ EDIT

ご無沙汰しています。新しいテンプ承認中のようですね。
またひよこワールドが広がりますねv-410

早速ですが、今使ってるカレンダー750版の横カレンダーより上部分、つまりトップ写真部分と一番上のブログタイトルをhiyoko-dog750xp版と同じようにするにはどうしたらいいですか?
トップ写真意外〔横カレンダーより下部分〕は今のままでつかいたいんですが・・・・・
あらためて、dog750版をダウンロードすれば簡単なんでしょうけど、カレンダーとその下はとても使いやすくて・・・教えてください。

| 桃のママ | 2008/04/09 00:41 | URL | ≫ EDIT

★ ユイさん
また何かあったら教えてください。
きっといつまでも愛してますw

| ひよこ@管理人 | 2008/03/26 01:14 | URL | ≫ EDIT

問題ないみたいでよかった♪
私も年に数回使うか使わないかですが
逆に気になってしまってw

これくらいどうぞ使って下さい。
いつもお世話になってますから〜
愛してくれてありがと(∀`*ゞ)エヘヘ

| ユイ | 2008/03/25 00:19 | URL |

★ ユイさん
よくみたらズレてるね。絵文字使わないから気にもしませんでした。記述的には問題ないのでは?てか新変数を組み込むついでにそっくりそのまま使わせていただきましたw。

いつもいつも愛してます。これからもよろしく。

新テンプレは前のテンプレそのままと言うか手抜きまくりんぐですw

| ひよこ@管理人 | 2008/03/24 21:47 | URL | ≫ EDIT

こんにちわ
絵文字の表示について質問です。
記事内に絵文字を入れると上に少しずれるので

.emoji {
    padding: 0px;
margin: 0px;
border: none;
}
ここに vertical-align:middle;を加えてみました
それでも 変化なしなので・・・

.emojiの部分をimg.emojiにしてみたら 絵文字が真ん中に表示されました。
この方法は正しいですか?

フォーラムを読むと画像と絵文字 それぞれに指定してとかあったのですが よく解らなくて
画像 imgの{ }の中は margin: 2px; padding: 2px;に変えてるのが関係あるのかなとも思ったのですが
画像の方は 今の状態で問題なく
絵文字も滅多に使わないのですが(-ω-;)

それでもヘンテコなタグを入れたのなら直さないと!と思って質問しました。

新しいテンプレートまだですね〜
さっき見たら最新テンプレートNo21380でした。
承認待ち遠しいですね♪

| ユイ | 2008/03/24 14:46 | URL | ≫ EDIT

★ yoyoさん はじめまして
はーい。いろいろ弄って遊んでみてください。

| ひよこ@管理人 | 2008/02/29 00:19 | URL | ≫ EDIT

はじめまして♪
テンプレートお借りしました。
ありがとうございますm(__)m

| yoyo | 2008/02/27 23:43 | URL | ≫ EDIT

★ 桃のママさん
う〜んどうなんだろう。最近テンプレート名の文字数制限が入って20文字を超えるような名前が付いてるとバグで「名前変更にしようできない文字が含まれていますって」って出てしまってたのかもしれませんね。

まあ無事更新できたようなので一安心です。

| ひよこ@管理人 | 2008/02/18 00:59 | URL | ≫ EDIT

ひよこさんのテンプをダウンロードして原本がhiyoko-calendar750です。その後複製してhiyoko-calendar750_copyで自分なりのトップ写真1枚を入れました。そしてまたそれを複製してトップ写真がランダムに変わるようにhiyoko-calendar750_copy_copyで現在、使っています。
そこで疑問に思うのですが、最後のhiyoko-calendar750_copy_copyのランダムトップ写真の1枚だけを入替えるのにブログテンプ名の変更は関係ないと思うのです。
まあ、ぐちゃぐちゃ言う前にひよこさんのアドバイス通りにhiyoko-calendar750_copy_copyをhiyoko-calendar750_1に変更してランダム写真を1枚入替えてみるとちゃんと更新できました。

あ、ブログタイトルの幅の高さ今日になったら元通りになってました。不具合だったのでしょうね。パソって生きてるみたいですね
いつも頓珍漢な質問してごめんなさい。すっかり解消しました。
ありがとうございましたv-410

| 桃のママ | 2008/02/17 01:30 | URL | ≫ EDIT

★ 桃のママさん
ん〜それはFC2ブログ自体の問題かも。ってことでちょっとフォーラムを覗いてみました。もしかして下記と何か関係があるかもしれませんね。

【不具合&要望】20文字を超えるテンプレート複製の挙動について
http://blog.fc2.com/forum/viewtopic.php?t=20343

桃のママさんがいま選択してるテンプレート名はhiyoko-calendar750_copy_copyだと思いますが、それを短い名前に変更するなどすれば更新可能になるかもしれません。試してみてください。まあそれでだめならFC2の対応を待ってみましょう。

| ひよこ@管理人 | 2008/02/17 00:20 | URL | ≫ EDIT

今日は!また色々トライしてたらテンプに異変がでたんです。
トップ写真のランダム写真の入替えをしてたら(現在7枚のうちの1枚を違う写真に変更してたら)更新しても更新できないんです。
テンプの名前の変更ができませんというのが出てくるんです。
テンプの名前の変更はしてないんですよ。だのに・・・・?
ただ、HTLMの部分の写真のアドレスを1枚だけ変更してるのに・・・何故なのか全くわかりません。
赤文字で名前変更にしようできない文字が含まれていますって更新するとでてきちゃうんです。
そしてあきらめてたら、ブログの題名とトップ写真までの長さが大きくなってるんです。
当初はブログ題名のところは2センチくらいだったのに、上記作業をした後は4〜5センチに広がってるんですよ。
ほかのところは触ってないつもりですが・・・・
訂正のしかた(元に戻す)教えて頂けないでしょうか。

| 桃のママ | 2008/02/15 13:41 | URL | ≫ EDIT

★ 桃のママさん
うんうん。試してみてください。

| ひよこ@管理人 | 2008/02/02 00:38 | URL | ≫ EDIT

新管理画面で記事を作成するとエディターを使わないと別窓で開くリンクと同じ窓で開くリンクの両方の設定があるみたいですよね。
一度、やってみますね。
ひよこさん、親切にありがとうございますv-436

| 桃のママ | 2008/02/01 09:56 | URL | ≫ EDIT

★ 桃のママさん
リンクを別窓で開くようにタグを書くなんて方法がありますよ。
まあ好き嫌いはあるようですが。

| ひよこ@管理人 | 2008/01/30 20:02 | URL | ≫ EDIT

★ yukaさん
大丈夫そうですね。
はい。がんばります☆

| ひよこ@管理人 | 2008/01/30 19:59 | URL | ≫ EDIT

ひよこさんへ

ん〜〜なんとなくはこの私でも理解できました。
追記展開をなくすことでリンク先から戻る位置がちゃんとそこに戻るということですよね。
追記で閉じていたために追記展開部分にあるリンクから戻る時、展開していたならそのあたり、っていちに戻って結局は追記展開があるために記事の下の部分にもどってしまうってことですよね。
ん〜〜専門的なことはわからないけど、素人なりになんとなく理解できました。
私は気にはならないのですが・・・・・もしブログを読んでいる方にリンクを閉じて、また位置がずれてるから、ってもう一度続きに戻ってもらう不便さがないだろうかと思っているだけなのです。
ありがとうございます。
ん〜〜〜削除してしまうと、追記展開がなくなるんですよね〜
それはちょっとv-388
追記展開した部分ではあまりリンクしない事で解消できますから、そのままで使わせて頂きます。
素人相手の回答って難しいですよね。ありがとうございました。
これからもず〜と愛用させて頂きます。また分からない事があったら教えて下さいねv-410
聞くばかりじゃなくもう少し自分でもカスタマイズ勉強しなくちゃいけませんねv-410

| 桃のママ | 2008/01/29 10:14 | URL | ≫ EDIT

お返事、ありがとうございました!
気になっていた部分が、解決できてスッキリしました。

まだまだ寒い日が続きますが
これからも素敵なテンプレートを作ってくださいね☆

| yuka | 2008/01/29 00:31 | URL |

★ 桃のママさん
う〜む。なんて説明すればわかりやすいかな?
スクリプトの仕様というかブラウザの仕様というか・・・
当テンプレートの追記はJavascriptでページを移動しないで開いたり閉じたりしてるわけで、追記を開いた時に下にスクロールすればその位置がブラウザに記憶され、飛んで戻ればその記憶された位置に戻るのですが、追記が閉まっている為に下のほうの記事が表示されてしまうのです。

どうしても気になるならHTMLの上のほうにある下記記述を取っ払ってください。
ページ移動なしの追記の展開は出来なくなりますが解決すると思います。

<script type="text/javascript">
<!--
function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}
//-->
</script>

| ひよこ@管理人 | 2008/01/28 23:41 | URL | ≫ EDIT

★ yukaさん
テンプレートご利用ありがとう。
えとbodyに追加した背景画像の設定を削除して#bodyの方を以下のようにしてください。
コピペでおkです。

#body {
background-image: url(http://blog79.fc2.com/a/albowbow/file/circle-ln006_20080120183555.gif);
}

これで大丈夫だと思います。

| ひよこ@管理人 | 2008/01/28 23:39 | URL | ≫ EDIT

ひよこさんへ

そうなんです。リンク先から元の位置に戻らず記事の下のほう(前日記事)のところに戻るのです。
スプリクトの仕様ってどういうことなのでしょうか?

| 桃のママ | 2008/01/27 15:46 | URL | ≫ EDIT

テンプレート、お借りしました。

知識が乏しいながらも、カスタマイズ?してみたのですが
どうしてもわからない事がありまして…

壁紙を変えたところ、更にblogそのものが浮き上がって
見えるようになってしまいました。
浮き上がりをなくす方法は、あるのでしょうか?
宜しければ、教えていただきたいのですが…

| yuka | 2008/01/27 01:42 | URL |

★ 桃のママさん
あ、もしかしてリンク先から戻ると元記事の正しい位置に戻れないという事ですか?
もしそうなら追記の展開をしてた分だけ下にずれてしまうのはそのスクリプトの仕様です。
的外れかな?

| ひよこ@管理人 | 2008/01/24 23:21 | URL | ≫ EDIT

ひよこさん、私の質問の説明が適切でなくて申し訳ありません。
ブログの記事のなかの文章に、例えば○○さんと表示して、その○○さんの文字をクリックするとその方のブログが開くようにリンクした時に、戻るで、また自分の読んでいる記事のところにもどらないということなんです。
追記はちゃんと開いてとじてくれますから問題はありません。
ん〜〜こういう説明でわかってもらえるでしょうか?
用語がわからない素人で申し訳ありません。
1月21日の記事で上の状況がわかると思いますの、記事の文章の文字にリンクしているところを一度クリックして、それからとじてみてください。何度も申し訳ありませんv-436

| 桃のママ | 2008/01/23 08:33 | URL | ≫ EDIT

★ 桃のママさん はじめまして
テンプレートご利用ありがとう。
早々本題ですが、リンク先に飛んで戻るを押しても戻らないという事ですがいまいち状況が把握しきれません。もしかしたら追記を展開した状態でその中にあるリンクをクリック後に戻ると追記の展開が閉まっているという事でしょうか?

| ひよこ@管理人 | 2008/01/22 00:32 | URL | ≫ EDIT

初めまして

今まであれこれと何度もテンプの変更をしてきましたが、ひよこさんのテンプを知って昨年より使わせてもらってます。
カスタマイズなんて全くできなかった私でも親切な説明でなんとか自分なりに楽しんでます。ありがとうございます。

ところで、質問ですが、これはひよこさんに聞くべきなのかFC2ブログサイドに聞くべきかわからずにいます。
少し前から、ブログ記事の中で、文字にリンクをかけるとちゃんとそのリンク先にとんで開くのですが、戻るでもとの頁にもどらないんです。前の記事や、またその前の記事に戻っちゃうんです。
原因が分からずに放置したままですが、ひよこさんでお分かりでしたら教えてください。
トップの写真のランダム意外にさわった覚えはないのですが。
宜しくお願いします。

| 桃のママ | 2008/01/21 12:34 | URL | ≫ EDIT

★ おさるさん
いえいえ。こちらこそ気付かせてくれてありがとう。
また何か気になる個所があればお気軽にコメント入れてください。

今後ともよろしくです。

| ひよこ@管理人 | 2007/12/20 01:26 | URL | ≫ EDIT

修正ありがとうございました〜♪
今日ページを開いてみたら綺麗に表示されたのでビックリしてしまいました(^_^;
テンプレのカスタマイズは楽しいです。
フォント指定は以前のものから機械的に持ってきましたので、そんなに大変でもなかったですよ。
今後ともどうぞよろしくお願いします。

| おさる | 2007/12/20 00:09 | URL | ≫ EDIT

★ おさるさん お久しぶりです。
相変わらず上手にカスタマイズしてくれますね。
何気に文字サイズ可変仕様になってるし。うちのテンプレートってフォントサイズ指定が各所に点在してるから大変だったでしょうに・・・。

背景画像の件についてですが
気になって見てみたらコンテンツ部分がご指摘通り薄いグレーになってました。これはこちらのミスです。なので白に修正してアップしなおしておきました。

| ひよこ@管理人 | 2007/12/19 23:38 | URL | ≫ EDIT

こんばんは。
以前"hiyoko-dog 750px版"をお借りしておりましたが、イメージチェンジしてこちらのテンプレートに変更してみました。
やっぱりクールな感じでとってもお気に入りです。
これからも楽しみにしております♪

そしていろいろ触っていたのですが、プラグインの読み込みが遅いのか、すべて読み込みが完了するまでcontentsの背景がグレーになってしまうのが気になってます。
背景画像の指定を#bodyから<body>本体に移動してみましたが、合わせて背景画像のコンテンツ部分を白色に変更したいのですが、ダウンロードして加工することは可能でしょうか?

| おさる | 2007/12/18 23:51 | URL | ≫ EDIT

★ @ナナさん
はいよ。おつかれさま。

| ひよこ@管理人 | 2007/11/29 00:34 | URL | ≫ EDIT

ありがとうございました!
無事にきえました〜!!!

| ◎ナナ | 2007/11/28 05:44 | URL | ≫ EDIT

★ @ナナさん はじめまして
テンプレートご利用ありがとう。
黒っぽいのはやっぱりカッコいいですね。

本題ですが画像の枠外しはスタイルシートの
 img { にあるborderの一行を取っ払ってください。

| ひよこ@管理人 | 2007/11/28 00:17 | URL | ≫ EDIT

はじめまして、テンプレ使わせていただいてます。
ちょっと気になる点があるのですが、
画像を貼った場合、画像の周囲にうっすら残る枠線を消したいです。
消すことはできるのでしょうか。

| ◎ナナ | 2007/11/27 04:30 | URL | ≫ EDIT

★ ユイスさん
すこしReadMoreがわかり難くなっているような気がしますが
動作的には大丈夫そうですね。
お疲れ様です。

| ひよこ@管理人 | 2007/11/23 00:19 | URL | ≫ EDIT

教えていただいた場所に挿入しましたら
追記のあとにくるようになりました。
解決しました。ありがとうございます!

| ユイス | 2007/11/21 23:27 | URL | ≫ EDIT

★ ユイスさん ども。
追記の展開って何気に便利ですよね。

さて本題ですが、このコピーライトって記事に挿入してるのではなくテンプレート自体に仕込まれていて自動で表示されるようになってるんですよね?となると、「続きを読む」があるときだけに追記の下に表示させると言う事でしょうか?もしそうならばHTML下記の場所に挿入すればいけるかもです。

<!-- 続きを読む END -->
コピーライト用HTML
<!-- エントリfooter -->

| ひよこ@管理人 | 2007/11/21 22:11 | URL | ≫ EDIT

こんにちは。お世話になっております。
ひよこくんさんのテンプレートに替えてから、海外の友人が
「追記も読めるようになったんだねッ!」
と非常に喜んでおります。ありがとうございます。

それで、テンプレートのことでご相談なのですけれど、
MS(Buscule)から提供いただいている画像のコピーライトを
エントリー毎に貼り付けているのですが、追記を開いたとき
最下にくるように貼り付けるにはどの部分にもってくれば
いいのでしょうか。素人丸出しですみません。
ご教授よろしくお願いいたします。

| ユイス | 2007/11/21 14:42 | URL | ≫ EDIT

★ yasuikeさん はじめまして
テンプレートご使用ありがとう。

FLASHの場合はHTML編集から<div id="header">ここ</div>の間に<object>を使用して挿入してください。もちろんFLASHファイルも背景画像のようにサーバー上にアップロードしなければなりませんよ。

挿入タグについては下記サイトの埋め込みタグの説明がわかりやすいかも。

http://www.flashwork-s.com/site/method.html

がんばってください。

| ひよこ@管理人 | 2007/11/17 23:44 | URL | ≫ EDIT

はじめまして♪

ブログのテンプレートを変更しようとFC2を検索
してたところ、ひよこさんのテンプレートに出会い
とても気に入ってしまいまして、是非使わせて頂こう
と思い、ド素人ながらにflashで動画なんぞ作ってみたら
挿入の仕方が分からなくて・・・

Q&Aを見てflashファイルは直接HTMLに入力と
なってたのですが、どの部分を書き換えれば良いのか
さっぱり分からず困ってます・・・

諦めて画像のみにしようかな〜とも思ったのですが、
折角作ったのにそれも嫌だなと思い、恥を偲んで
質問しに参りました。

宜しければ、この無謀なド素人にご指導頂けると
助かります。(今現在、作ったflashファイルは
デスクトップ上においてあります)

| yasuike | 2007/11/17 11:44 | URL |

★ ゆっぴ
(゚ロ゚; ば、ばれたか?・・・

うそうそ何もないよ。なさ過ぎて困ってますw。

| ひよこ@管理人 | 2007/11/15 22:26 | URL | ≫ EDIT

ひよこくん、テンプレ変えたのね。
いつものとかなり感じ違うね。
何かあった?(^_-)-☆

| Yuppy | 2007/11/15 20:40 | URL | ≫ EDIT

★ ナーシェルさん
とりあえずHTMLの基本的な事を覚えてください。
↓リンクの方法については下記URL先がわかりやすいかもです。
http://masaboo.cside.com/new_html1/ht_21.htm

理解できたなら
HTMLから<!-- ▼menu -->〜<!-- ▲menu END -->部分を編集ください。

| ひよこ@管理人 | 2007/11/12 23:50 | URL | ≫ EDIT

★ ユイさん
うんうん。デザインに関係するものは全部CSSでするのです。
イラストデザイン最近はまり気味です。
自分でも描けるといいんだけどな・・・

★ キキさん はじめまして
テンプレートご使用ありがとう。上手に出来てますよ。
いろいろ覚えていくといろんな事ができるようになるからがんばってください。

じゅうたんのような猫w 可愛かったです。

| ひよこ@管理人 | 2007/11/12 23:39 | URL | ≫ EDIT

トップ画像の下のメニューリンクの名前と、
URL変えるのってどうすればいいんですか〜?(´・ω・`)

| ナーシェル | 2007/11/12 23:14 | URL | ≫ EDIT

CSSの方だったのか うむうむ
断片的に調べてるから全体を知るってのがまだまだなんだなぁ
タグそのまま使って作ってみたよ
たまにはイラストで感じ変えるのもいいなってね
崩れてないかな(;・∀・)

カラーツール使う時は ではこのページに飛んでくることに♪
いつも本当にありがとです(^人^)感謝♪

| ユイ | 2007/11/12 20:07 | URL | ≫ EDIT

はじめまして。

ひよこさんのテンプレートお借りしました。
初めてカスタマイズというものに挑戦しました!
Q&Aを検索しながらいろいろと試して変えてみました。

説明も分かりやすくてよかったです。
ありがとうございました

| キキ | 2007/11/12 01:01 | URL |

★ ユイさん
ポカポカ色さんのイラストいい感じだよね。
ちょっと貼り付けすぎかもだけど、まあこんな風に出来ますよ〜アピールと言う事でw

背景画像に関してはCSSで指定する方法を覚えていった方がいい。
今回の場合は、.entry { に背景を指定するのが簡単なんだけど、他のボックスにもentryが使われているから3箇所ぐらいに出現してしまう。それが気になるならHTMLの<div class="entry">にクラスセレクタを追加してそいつに背景画像を指定する。

<!-- エントリ -->
<div class="entry haikei">

でCSSに

.haikei {
background-image: url(画像アドレス);
background-position: right bottom;
background-repeat: no-repeat;
}

こんな感じかな。

お気に入りはどのページを入れても全然問題ないけどカラーツールの場合はウインドウが制御できずに全画面に表示されてあまりよろしくない状況になるかも。

| ひよこ@管理人 | 2007/11/11 20:39 | URL | ≫ EDIT

時計回り…それ覚えやすいね
上下左右でいいのにーって思ってたけど 
時計回りかぁ....φ(・ω・` )メモしとこ
毎回4つ指定ってのでもないから すぐ忘れるのだわ

ポカポカ色さんの素材は本当ぽかぽかするなぁ
エントリーの最後のイラストも可愛い♪
たまには こういうのもいいな

HTMLの
<!-- 続きを読む END -->
<div align="right"><IMG SRC="○○"〜></div>←こんな感じ?
<!-- エントリfooter -->
ここに画像入れたらいいのかな?

TOP画像は ちょうどいいサイズを探すのも楽しいよ
ここに来て サンプル見てついまた作りたくもなるしーw
素材屋さんが分かるから それも嬉しいね

それとカラー変更支援ツールのページはお気に入りに入れてもいいのかな?
TOPページじゃないから どうなのかなぁと思って
あれは面白いね 使うの楽しい!

| ユイ | 2007/11/11 19:32 | URL | ≫ EDIT

★ ユイさん
いつもさりげなく気付かせてくれてありがとう。
そうゆうちっぽけな優しさ好きです。

パディング・マージンの値はこんな感じ。
値4つは 上 左 下 右 ←間違えたw。(上 右 下 左)
値3つは 上 左右 下
値2つは 上下 左右
値1つは 上下左右
4つの場合は時計回りって俺は覚えてる。

カスタマイズ楽しんでもらえると良いんだけど、どうなんだろう・・・
うちのテンプレってどっちかと言うと中級者向けなのかも。
特に今回のは色とトップ画像の変更が必要だからちょっと敷居高いよね。

| ひよこ@管理人 | 2007/11/11 00:29 | URL | ≫ EDIT

そうなんです!
サイドメニュー少しだけズレてたんだよねw
スッキリ解決しました〜!

こんな風に小さなとこもチェック入れて貰えると嬉しいね
paddingとmarginは 毎回どっちがどこのことだっけって考える
上下左右は どの順番だっけーって
自分で直してみる前に ここで解決した♪
今回もどうもありがとう!

ひよこくんテンプレは 完成品じゃないとこがいいのかもだしね
DL数500超えてたよ
みんな どんなのにしてるんだろうな
楽しんでるんだろうね(≧▽≦)

| ユイ | 2007/11/10 22:21 | URL | ≫ EDIT

★ ユイスさん はじめまして
嬉しいお言葉ありがとう。
出来るだけわかりやすく作ったつもりなので
そう言って貰えると作った甲斐があったってもんだ。
ヒヨコテンプレライフを楽しんでくださいw

★ ユイさん
拘りがあるとほんの少しでだいぶ変わるよね
おれも1pxぐらいで凄い悩む時がある。

DL数伸びない。・゚・(つД`)・゚・
まあカスタマイズ好きな人に弄ってもらえれば良いかなって感じです。
完成品は多分出さない。

サイドメニューのタイトルをセンターにするとズレるね・・・

.navi-title {
font-size: 12px;
padding: 6px 15px;
margin:15px 0px 0px;
background-image: url(http://hiyokokun.blog2.fc2.com/file/hc-navi-tai.gif);
background-repeat: no-repeat;
background-position: left top;
color: #FFFFFF;
}

こんな感じに修正を入れておきます。

| ひよこ@管理人 | 2007/11/09 01:25 | URL | ≫ EDIT

200pxのDLしましたー!
ほんの少しのことなんだけど(笑)
どうもありがとうです♪

ふむふむDL数がまだ少ないですか?
やっぱりクリスマス物も出てきてるしね
カスタマイズ不可のには プロフのサンタ画像もつけるとか〜

| ユイ | 2007/11/08 22:36 | URL | ≫ EDIT

こんばんは。はじめましてユイスと申します。
こちらのテンプレートをお借りして、色々勉強させてもらっております。
カラー変更支援ツールも感動です。
TOP画像ができましたらこちらのテンプレートと差し替えます。
ありがとうございます。

| ユイス | 2007/11/08 18:41 | URL | ≫ EDIT

★ ユイさん 
一番コメントありがとう。なんか心に沁みた。
サイドナビ・・・俺も少し大きいと思ってたw。サイドナビの幅を弄るときは単純に#blogのwidthを10pxプラスして#naviのwidthを10px減らすと簡単ですよ。

追記
サイドナビ200pxで登録しなおしといたよw

| ひよこ@管理人 | 2007/11/08 02:41 | URL | ≫ EDIT

新しいのを お借りしました!
色々と試してるとこです

サイドのナビが囲まれると気持ち大きいかなぁと…
200pxにして 画像もそれ用に直してみたりとか
そしたら右側が10px分開いてしまうし
パディングだっけ マージンだっけw
一応つついたのはブログに貼ってみましたが(;・∀・)

カラーはいつも通りの色味に落ち着くのかもだなぁ
でも色が変わると本当に雰囲気が変わるね

みんながDLして いろんなテンプレートになるんだろうね♪

| ユイ | 2007/11/07 23:54 | URL | ≫ EDIT

★ rebirthさん はじめまして。
どのテンプレートでもそうだけど、差し替える場所さえわかれば簡単ですよね。
基本的な知識があれば何でも出来ると思うのでいろいろ遊んでみてください。

ホームページ作成検定2級合格おめでとう。

| ひよこ@管理人 | 2007/11/04 20:47 | URL | ≫ EDIT

はじめまして。

あなた様のテンプレートをお借りした
おかげで今までやってみたかった
自分の画像を差し替えること事ができました。
やり方も本当にわかりやすくて良かったです。
本当にありがとうございます。

| rebirth | 2007/11/04 10:09 | URL |

★ ユイさん
自分のテンプレートを他の人がどんな風に使ってるのか見るの好きですよ。というか今はそれが見たくてテンプレート作ってるようなもんです。きっと素材なんか借りてきて完成されたテンプレートを公開してたらこんなに長く続いてないと思う。

新しいテンプレートは相変わらず多いけど
なんとなく新着のペースが遅くなったようにも思えるけどどうなんだろう?

| ひよこ@管理人 | 2007/11/02 00:39 | URL | ≫ EDIT

同じようなテンプレ っていうけど
使ってる人見ると全然違ってて面白いよ
カスタマイズしやすいってのもあるのかも?
色つつくだけで雰囲気変わるしね♪

この前 HEROの中で「あるよ」っていうマスターの人(田中要次さんでしたw)のブログをたまたま見たら ヒヨコ君テンプレートだった
同じテンプレだ〜って親近感(笑)

11月5日くらいになるのかぁ 時間かかってるねw
それだけ新しく登録されるのが多いってことなのかな

この前のツリー化聞こうと思ってここにコメント書いた時に
フト思って見たら一個だけ全角でねw
慌てて聞かなくてよかった(∀`*ゞ)エヘヘ

| ユイ | 2007/11/01 13:39 | URL | ≫ EDIT

★ ユイさん
なるほど。
カラー変更ツール便利だけど使うのはほんの人握りの人なんだよね・・・
経験上、総ダウンロード数の1割にも満たないって感じなんですよ。><;

| ひよこ@管理人 | 2007/10/26 01:11 | URL | ≫ EDIT

パス入れてなかったから編集できなかったのでした(汗)
カラー変更ツールが面白い
こんな簡単に色が試せるのは便利!

| ユイ | 2007/10/25 15:06 | URL | ≫ EDIT

★ ユイさん
非公開も読んだよw。編集すればよかったのに・・・
ユイさんの言う通りサンプルはソースに直でCSSが書かれてるので参考にしてください

こんかいのサンプルはなかなか上出来だよね。サンプルデザインをそのまま登録してやろうかなんて思ったぐらいですw

| ひよこ@管理人 | 2007/10/24 23:19 | URL | ≫ EDIT

昨日ラメ入り紅茶さんのとこ見に行ってきました
デザイン同じでカラーが選べていいなぁって思ったよ
今回のサンプルだと4がいいな
カラー変更したらカレンダーと一体化するんだね
#379E84でどうだろ…
ちょっと今から試してみよっと

承認されるの待ってます〜!

| ユイ | 2007/10/24 21:56 | URL |













非公開コメント

※現在hodogaya.kanagawa.ocn.ne.jpを書き込み規制しております。
書き込めない人は恐れ入りますがメールでお願いします。

TRACKBACK URL

言及リンクの無いトラックバックは受け付けておりません。

http://hiyokokun.blog2.fc2.com/tb.php/542-dd743f4f

TRACKBACK

PREV | PAGE-SELECT | NEXT