FC2 blog web素材「はっぴ~★フリー」

blog用テンプレートやflashのweb用素材などを公開配布しています。

--月--日 スポンサーサイト

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


この記事の上へ

02月28日 livedoor用テンプレ happy-skii

lo-happy-sukii.jpghappy-skkiをlivedoor用に改良したテンプレートです。

テンプレートセットDL→「live-hppy-skii.zip

詳しい説明などは こちらを参照してください
*注意*
このテンプレートはアダルト内容などを含むサイトなどの15禁18禁など年齢制限があるサイト、宗教・言論活動等、一般常識に沿わないサイト、での使用は禁止しさせていただきます


この記事の上へ

02月23日 犬猫の時計の設置

押し花とアイコンさんで配布されている犬猫の時計のflashをプロフィール画像の変わりに設置する方法を書かせていただきます。



まずは下のタグをテンプレートの設定から変更したいテンプレートを選んでHTMLのソースを出してください。
だしたらそのソースの中から下の青字の部分を探してみださい(多少書き方が違うかもしてれませんが)
<!--プロフィール--> <h2 class="side">PROFILE</h2>

<p class="side"><img src="<%image>" alt="<%author_name>"></p>

<p class="side"><%introduction2></p>
<p class="side"><%author_name></p>
<!--最近のコメント-->

探し出したら緑字の部分にフラッシュのソースを貼り付けて緑字部分は削除してください。
できたら更新ボタンを押せば画像が入れ替わってると思います。


この記事の上へ

02月23日 お雛様ばーじょん happy-hina

happy-hinahappy-midoriのお雛さまバージョンです。happy-midoriのcssを変更するだけで設置できますのでhappy-midoriを設置などしている方はcssだけコピーして入れ替えればできます。 今回これも共有テンプレートの登録を今のとこしていませんのでソースをコピーしてお使いください。

このテンプレもhappy-sukiiなどと同様にサイドに合わせて縦の長さかえたりできます。変更の仕方はこちらを見てください。 このテンプレートでは画像に押し花とアイコンさんの素材を利用させていただいてます。またサンプルには押し花とアイコンさんで配布している犬猫の時計のflashをプロフィール画像の変わりに設置しています。
*注意*
このテンプレートはアダルト内容などを含むサイトなどの15禁18禁など年齢制限があるサイト、宗教・言論活動等、一般常識に沿わないサイト、での使用は禁止しさせていただきます。 overflowを正しく表示できないブラウザでは正しく表示されません。 IE6.0 NN7.1では正常に表示できます。
-------------------ソース------------------------------
HTML↓

-------------------ソース------------------------------
CSS↓


この記事の上へ

02月23日 happy-midoriの配布

happy-midoriまたまたhappy-sukiiskyを修正しようと思ってできた物です。今回は共有登録今のとこしていませんのでソースをコピーしてお使いください。

このテンプレもhappy-sukiiなどと同様にサイドに合わせて縦の長さかえたりできます。変更の仕方はこちらを見てください。 このテンプレートでは画像に押し花とアイコンさんの素材を利用させていただいてます。またサンプルには押し花とアイコンさんで配布している犬猫の時計のflashをプロフィール画像の変わりに設置しています。
*注意*
このテンプレートはアダルト内容などを含むサイトなどの15禁18禁など年齢制限があるサイト、宗教・言論活動等、一般常識に沿わないサイト、での使用は禁止しさせていただきます。 overflowを正しく表示できないブラウザでは正しく表示されません。 IE6.0 NN7.1では正常に表示できます。
-------------------ソース------------------------------
HTML↓

-------------------ソース------------------------------
CSS↓


この記事の上へ

02月23日 アドレスのhとフラッシュ

アップするファイルの名前がつけれるようになった事を知って
これでカスタマイズしやすいflashをIフレームを使用せず外部サーバも使わずにテンプレートなどに色々使えるなと思い早速簡単なサンプルを作って記事でも書こうと思って始めたのですが。。。


サンプルはすぐできてアップしてswfを見ると文字も読み込まれてるおっけーだなぁと思って記事を書き始めflashソースを記事に書いてプレビューしてみると文字がでない・・・
なんでだろ?よ~くアップしたswfのアドレスを見るhttp://blog4.fc2.com/h/happyfree/file/test.swfん?h?hってなんだ?私はユーザーフォルダの下にファイルフォルダがあると勘違いしてたんです。。。(ここでもう一つ勘違いしてたのですが・・・
hのばかぁと思いつつ別階層のswfを呼び出してもtxtを読み込める方法を探し始めました。
普段あまり気にしなかった事だったので気が付くまで凄い時間がかかってしまったのですが凄く簡単な事でした。。。
ただhtmlファイルからみたtxtの位置を指定してあげればいいだけだったのにそれを気づくのに3時間以上もかかってしまって最後は質問できる掲示板に書き込もうとした時にハッって気づいて試してみたらできて今度はは自分にばかぁと思ってfc2のパスを再確認してそこでまた。。。
hですこの
hがあるために相対バスで書いても他の人つかえない。。。
hばかぁfc2のばかぁ(小声)ちゃんと確認しなかった自分が悪いのに思っちゃいました。
fc2さんごめんなさい。いつもは自由性あって無料だしいい会社だと思ってます。

で何がダメかというとhがなければ./file/test.txtと指定してあげれば誰の環境であっても使えるので自由に文字変えたりなどできるのですがhがあると../happyfree/file/test.txtとなってしまい私の環境かもしくわ他のfc2サーバのhappyfreeというユーザー名使ってる人(いないと思うけど)しか使えないのです。この時点で私が悩んでいた数時間は意味がまったくない事に。。。
hのばかぁ
hのせいにしてますが最初に気づかなかった自分がいけないですね。
というわけで結局はIフレームを使うか外部サーバを使う以外私の頭ではできないという事になりました。それでも外部サーバを使わずにできるようになるのでカテゴリー用に作ったメニューを作り直したいと思います。
最後にhのばかぁぁ


この記事の上へ

02月22日 happy-umbrellaのカスタマイズ

文字が小さいとの声を頂いたので文字の変更の仕方を説明したいと思います。


文字のサイズを変更するにCSSのfont-sizeを変更します。
全体の文字を大きくしたい場合には booyタグ内のfont-sizeを変更します。
通常ではfont-size : x-small !important;
になっていると思いますがこれのx-smallの部分をsmalllargeなどに変更すれば一部を除いて大きくなります。
また記事部分の文字だけ大きくするには下記のタグを記事部分のところから探して
.entrybody {
padding : 10px 15px 5px 15px;
color : #000000;
margin : 0px 5px 0px 5px;
text-align : left;
font-size : small;
}

赤字のように書き足せば記事の部分だけ大きくなります。
またこちらを見ていただければサイドの大きさに合わせて記事部分のスペースを変更できるかと思います。


この記事の上へ

02月22日 fc2配布テンプレート一覧

fc2用配布テンプレートの一覧です。
使用する前に利用規約をお読みください。また別規約が有りになっているテンプレートは素材を使用させていただいてるサイト様の別途規約がありますので その規約も守ってください。
サンプル画像をクリックすると記事一覧がでてる物を、ソース&説明や説明記事からは記事を個別に表示した時の物が見れます。
また関連記事にはカスタマイズに関する記事などもあります。
更新日はバグなどを修正した物を載せた最後の日になります。

サンプル 更新日 関連記事 別約
happy-toall 2カラム
ramiass.jpg
2005
03/08
03/07 説明 無し
happy-ramia 2カラム
ramiass.jpg
2005
03/04
02/28 説明 無し
happy-hina 2カラム
happy-hina
2005
02/23
02/23 説明とソース
02/23 改良前 midori
有り
happy-midori 2カラム
happy-midori
2005
02/23
02/23 説明とソース
02/12 改良元 sukiisky
有り
happy-umbrella 2カラム
happy-umbrella
2005
02/23
02/21 説明とソース
02/22 カスタマイズ
02/12 改良元 sukiisky
有り
happy-gate-bk 2カラム
happy-gate-bk
2005
03/04
02/21 説明
02/15 改良元 gate
無し
happy-gatec3 3カラム
happy-gatec3
2005
02/21
02/16 説明
02/15 改良元 gate
無し
happy-gate 2カラム
happy-gate
2005
02/21
02/15 説明
02/16 改良版 gatec3
02/18 livedoor用
02/21 改良版 gate-bk
無し
happy-sukiisky 2カラム
happy-sukii
2005
02/23
02/12 説明とソース
02/23 改良版
02/21 改良版 umbrella
02/08 改良元 sukii
02/13 メニューflash
02/12 アイテム設置
02/09 カスタマイズ
有り
happy-sukii 2カラム
happy-sukii
2005
03/07
02/08 説明
02/09 カスタマイズ
02/12 改良版 sukiisky
02/18 ロリポップ用
有り
happy-red 3カラム
happy-red
2005
03/12
02/07 説明
02/22 不具合
無し
happy-tvbl 2カラム
happy-tvbl
2005
02/25
02/04 説明
02/06 カスタマイズ
02/22 不具合
無し
happyblue 3カラム
happyblue.jpg
2005
02/25
02/04 説明
02/22 不具合
無し


この記事の上へ

02月22日 サーバが・・・

テンプレなどの画像を置いたりしていたサーバが急に使用できなくなる事になってしまいました。いままで配布したいくつかのテンプレがそのサーバに置いてた画像を使用していたため画像が消えてしまたなどあると思いますので修正したものを共有の方にupしましたのでDLするか画像のアドレスだけ変更していただけたらと思います。



使用できなくなる画像があるテンプレート
happy-blue
happy-red
happy-tvbl

使用できなくなるアドレス
http://www.happy.blogdns.com/

ご迷惑おかけした方お手数かけて申し訳ありません。


この記事の上へ

02月21日 happy-umbrella

happy-umbrellahappy-sukiiskyを修正しようと思って手加えてたのですが結構かわってしまったので新しくしちゃいました。happy-sukiiなどと同様にサイドに合わせて縦の長さかえたりできます。変更の仕方はこちらを見てください。 このテンプレートでは画像に押し花とアイコンさんの素材を利用させていただいてます。またサンプルには押し花とアイコンさんで配布している犬猫の時計のflashをプロフィール画像の変わりに設置しています。

*注意*
このテンプレートはアダルト内容などを含むサイトなどの15禁18禁など年齢制限があるサイト、宗教・言論活動等、一般常識に沿わないサイト、での使用は禁止しさせていただきます。 overflowを正しく表示できないブラウザでは正しく表示されません。 IE6.0 NN7.1では正常に表示できます。


-------------------ソース------------------------------
HTML↓

CSS↓


この記事の上へ

02月21日 happy-gate-bk

happy-gate-bkhappy-gateに手を加えて黒背景にしました。作成時に凄くなやんだのですがNNに対応させる為センタリングできず左よせになりました。
IEとNNではbody以外の背景を固定にした場合の解釈が違うようでNNではセンタリングした場合位置をブラウザの左上からみた位置になるようで解像度によっては背景がとんでもないとこに行ってしまったりして何か良い方法ないかと思って探したりしたのでが見つからなくて結局左寄せにしました。


この記事の上へ

02月18日 ロリポップ用テンプレhappy-sukii

lo-happy-sukii.jpgロリポップ用テンプレートの配布も始めました。最初にhaap-sukiiをロリポップ用に修正しました。

テンプレートセットDL→「lo-happy-sukii.zip

詳しい説明などは続きを参照してください
*注意*
このテンプレートはアダルト内容などを含むサイトなどの15禁18禁など年齢制限があるサイト、宗教・言論活動等、一般常識に沿わないサイト、での使用は禁止しさせていただきます。

添付のHTML.txtとCSS.txtの中身をコピーしてそのままテンプレートの編集でそれぞれの編集フォームに順番に貼り付けてください。
添付のimagesフォルダの中の画像全てを名前を変更せずロリポップblogの画像管理からアップロードしてください。
このテンプレートでは押し花とアイコンさんで配布している犬猫の時計flashを簡単に設置できるようにしていますがflash自体は添付していませんので押し花とアイコンさんのサイトからご自分のお好きな物をダウンロードしてロリポップblogにアップロードしてお使いください。
ダウンロード時には押し花とアイコンさんの利用規約を読んでからしてください。
その際ファイル名をtokei.swfに変更してアップロードしてください。

またflashを配置しない場合はHTMLのソースから下記の青字部分を探し全て削除してください

<!--フラッシュ-->
<div class="side"><OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="127" height="87" id="Shockwave Flash Object1">
<PARAM NAME=movie VALUE="./swf/tokei.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="./swf/tokei.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH=127 HEIGHT=87 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
</OBJECT></div>
<!--/フラッシュ-->

*注意*
画像のファイル名を変更する場合やロリポップblog以外に画像を置く場合はHTMLとCSS両方でアドレスの変更が必要になります。


この記事の上へ

02月18日 livedoor用配布テンプレート

20050218184229.jpg数日前から作っていたlivedoor用テンプレートができました。
まずはhappy-gateの2カラムの方を作ってみました。

テンプレートセットDL→「live-happy-gate.zip

詳しい説明はlivedoorの方のblogに書きましたのでそちらを参照してください。


この記事の上へ

02月17日 他のブログとfc2

今まで配布したテンプレートを他のブログでも使えるように改良するため他のブログを使ってみてテンプレの作り安さなどの感想をすこし

使ってみたブログはlivedoorとロリポップです。両方とも一つづつほぼ完成するまでやってみました。まずlivedoorの方ですがサーバが重い。。。cssやhtmlの書き換えを反映しない事がたびたびありそれに時間かかったり 編集画面で書き換えを適応させられないので中々使いにくいです。それにサイドバーの中身を分けれず自由度が少ないとかなぁとその代わり個別記事、月別、カテゴリーのページと4つに分かれていて各ページをそれぞれデザイン変えたりなどすれば個性的な物や色々な物ができるのではないかと。個人的にはいまいちでした。

次にロリポップですがこちらはfc2と似ていてほぼ同じような感覚で作れました。ただfc2より細かいとこが指定できなかったり有料でサーバ借りている人しかつかえないですし容量も50mしか今のところなく物足りないなどありました。
でも有料だけあってかサーバはかなり軽いです。編集の読み込みなどもかかなり快適にできました。また画像などをファイル名つけてアップできるのも中々いいしswfファイルのアップもでき中々いいところもおおかったです。有料といっても安いうえサーバ借りてですから容量の少なさも気にならないかも?個人的には中々いいかなぁと思いました。

fc2>ロリポップ>livedoorこんな感じの今のところの評価です。
livedoorは無料ので試しています。

他のブログも試していきたいと思ってるので機会があったらちょっとした感想をまた書きたいと思います。


この記事の上へ

02月16日 happy-gatec3


happy-gatec3
happy-gateの3カラム版です。創天さんの写真を加工してしようさせていただいています。
3カラムにしたので最新記事以外すべていれました。サンプルでは1画面に収まる用に縦を調節しています。
現在当blogで使用しているのもこのblogを調整して押し花とアイコンさんで配布されている犬猫のflash時計を設置させていただいて使用しています。


この記事の上へ

02月15日 happy-gate

happy-gate2カラムのシンプルなテンプレトーです。画像には創天さんの写真を加工してしようさせていただいています。
RECENT COMMENTSとLINKSを一定のサイズ以上になるとスクロールするようになってます。(IE)
わかる方は適当にサイズかえるなら外すなりしてください。わからない方は後日説明書きますのでそちらを参照してください。
最新の記事と最近のトラックバックを外していますがご自由に変更するなり付け足すなりしてください。またこちらの記事にあるソースを探してheight: 450px; overflow: auto;を足せば記事部分の長さも調整できます。

正しく表示できるブラウザはIE6.0 NN7.1です。


この記事の上へ

02月15日 カテゴリーメニュー修正版など

押し花とアイコンのNAKANOさんがリヤカー犬猫のアイコンも書いてくださったので他の部分も少し修正しました。

本体(普通のアイコン添付) 「blogmenu.zip
サンプルと同じ本体です。


本体入れ替え用 鳴き声あり「categori001.zip
リヤカーなどを書き直し鳴き声を入れた本体です。黒背景などでも綺麗に表示されます。


本体入れ替え用 鳴き声無し「categori002.zip
categori001の鳴き声無しバージョンです。


アイコン 泣き声入り「icon001.zip
アイコンを書き直し鳴き声を入れたアイコンです。黒背景などでも綺麗に表示されます。


アイコン 泣き声無し「icon002.zip
icon001の鳴き声無しバージョンです。


説明などは「こちら


この記事の上へ

02月15日 カテゴリー用メニュー


とんでもないミスをしていました。「かてごり~」「かてかごり~」と書いてました。友人に大笑いされました。
happy-skiisky用に作成したカテゴリーメニュー用フラッシュです。メニュー文字、アイコン、リンク先の入れ替えが自由にできます。使用方法はreadmeをお読みください。happy-skiiskayでの使用方法はテンプレートのカスタマイズの方を参照ください。

blogmenu.zip


アイコンには押し花とアイコンさんのアイコンを使用させいいただいてます。
blog以外でも使用できると思いますので自由に使ってください。

*注意*
15禁18禁など年齢制限があるBlog、サイトでの使用は禁止させていいだきます。


一応cate01_01~01_03、02_01~02-03までのメニューの文字アイコンリンク先などは消せますがメニューの数が何個くらいか良いのかわからなかったのでとりあえず今の形にしてみましたが要望などいたたげれば参考にして改良していきたいと思っていますのでお気軽に要望などください。
アイコンなどの消し方はcate01_01~01_03、02_01~02-03の消したいところのアイコンを消しmenu.txtの消したい番号の&link1_1=http//xxx.yyy.xxx&なの行を全て消します同じように&categori1=<font color="#ff0000">cate01&などの行を消します。その際&も消し忘れないようにしてください。

またアイコンの種類は押し花とアイコンさんが作成していただける用なので今後も増えると思います。


この記事の上へ

02月14日 カテゴリーメニュー用アイコン

押し花とアイコンのNAKANOさんが新しいアイコンを作成してくれました。今回の絵は泣き声がでます。あとflashで絵を書いていただけたので背景が黒などでも綺麗に表示されるようです。

icon001.zip





*注意*
15禁18禁など年齢制限があるBlog、サイトでの使用は禁止させていいだきます。


この記事の上へ

02月13日 happy-sukiiskyにflashメニュー

happy-sukii
happy-sukiiskyにフラッシュを利用してカテゴリーを階層メニューにする方法の仕方です。まずはこちらをみて「blogmenu.zip」を設置してください。
(flashを設置できるサーバが必要です。)



まずはテンプレートの編集画面happy-skiiskyの編集を選びHTMLのソースから次のソースを探してください

<!--カテゴリ-->
<!--
<iframe frameborder="0" scrolling="no" width="180" height="180"src=" http://www.happy.blogdns.com/blog/flash/categori/index.html " name="MainFrame">
<h2 class="side">CATEGORIES</h2>
<!--category-->
<p class="side">
<a href="<%category_link>" title="<%category_name>=
<%category_count>件"><%category_name> [<%category_count>]</a>
</p>
<!--/category-->
</iframe>
-->
<h2 class="side">CATEGORIES</h2>
<!--category-->
<p class="side">
<a href="<%category_link>" title="<%category_name>=
<%category_count>件"><%category_name> [<%category_count>]</a>
</p>
<!--/category-->

<!--プロフィール-->

上のソースの赤字で書かれた部分を設置したblogmenuのindex.htmlのアドレスに書き換えてください。
次に緑字の部分を削除してください。
これでflashの設置ができていれば正しく表示されると思います。

*注意*
Iフレームに対応してないブラウザでは通常のhappy-skiiskyと同じ用に見えます。
また広告表示が必要な無料サーバを利用の場合正しく表示されない場合があります。その際広告表示のない無料サーバを探すか当blogでお勧めしている格安サーバなどを利用してください。


この記事の上へ

02月12日 占いモンキーの設置

セブンティーンさんより質問のあったhappy-skiiskyの占いモンキーの設置方法です。
まずは占いモンキーでタグを取得します。この際設置するサイトは 一般サイトを選んでください。その他の必要な事項を選択して貼り付け用タグを生成するをクリックすると下にタグがでてきますのでそれをコピーしてメモ帳などに貼り付けて下記の赤字ようにタグを足します。
<p style="margin-bottom:10px;">
<script language="JavaScript" type="text/javascript" src="http://uramon.uki2.ne.jp/uranai/?day=6856455b5a5e5e559u420dce7cb2267"></script>
</p>
青字のとこは人によって違いますので上のをそのままコピーしても使えません。

次にfc2の管理画面からテンプレートの編集で設置したいhappy-skiiskyの編集を選択しHTMLに上記のタグを付け足します
こちらの用に左側メニューに占いモンキーを設置してみます。
<!--プロフィール-->
<h2 class="side">PROFILE</h2>
<p class="side"><img src="<%image>" alt="<%author_name>"></p>
<p class="side"><%author_name></p>
<p class="side"><%introduction2></p>

<p style="margin-bottom:10px; ">
<script language="JavaScript" type="text/javascript" src="http://uramon.uki2.ne.jp/uranai/?day=6856455b5a5e5e559u420dce7cb2267"></script></p>

<!--最近のコメント-->

HTMLの中から青字のところを探して赤字の部分のように先ほどのタグを貼り付けます。そして更新ボタンをクリックしプレビューで確認してみてくださいサンプルの用にプロフィールの下に表示されてると思います。
--------------------------------------------
セレクトメニューの下の場合
<!--リンク-->
<select name="menu" onchange="jumpmenu('parent',this,0)">
<option value="<%url>" selected="selected">☆リンク</option>
<!--link-->
<option value="<%link_url>">☆<%link_name></option>
<!--/link-->
</select>
</form>
<p style="margin-bottom:10px; ">
<script language="JavaScript" type="text/javascript" src="http://uramon.uki2.ne.jp/uranai/?day=6856455b5a5e5e559u420dce7cb2267"></script></p>

</div>
<!--wrapper2-->
<!--左サイド終了-->

--------------------------------------------
プロフィールの画像との入れ替え(*緑字のところは削除してください
<!--プロフィール--> <h2 class="side">PROFILE</h2>

<p class="side"><img src="<%image>" alt="<%author_name>"></p>

<p style="margin-bottom:10px; ">
<script language="JavaScript" type="text/javascript" src="http://uramon.uki2.ne.jp/uranai/?day=6856455b5a5e5e559u420dce7cb2267"></script></p>

<p class="side"><%introduction2></p>
<p class="side"><%author_name></p>

<!--最近のコメント-->





この記事の上へ

02月12日 happy-sukiisky(sukiiの改良版)

happy-sukiihappy-sukiiを改造してすっきりさせて壁紙とアイコンをちょっと足しました。 最新の記事、トラバック、月別アーカイブをなくしてほぼ1画面で収まるようにしてみました。最新記事など簡単に追加や交換できると思います。
押し花とアイコンさんの素材を使用して作らさせていただきました。
*注意*
このテンプレートは15禁18禁など年齢制限があるBlogでの使用は禁止させていいだきます。
正しく表示できるブラウザはIE6.0 NN7.1です。



happy-sukiiと大して変わらないと思いますが実はこれを作ったわけがありまして・・・

これを作った理由はカテゴリーをflashメニューを利用して階層メニューにしたいなぁと思いそれにあわせて作って見ました。flashの方はだいたい完成しているのですが配布はまだ先になりそうです。 それとflashを利用するには他のサーバもないといけないのでそれほど使える人はいないかなぁと思うのとIフレームを利用しないと私の知識だと外部txtなどを読み込めないため見れるブラウザ限られてしまうという欠点があります。何かIフレームを使わなくてもできる方法あるのか知りたい所ですがこのテンプレもhappy-sukiiもoverflowを利用してる為どちらにしても限られるのでいいかなぁと思って製作中です。
-------------------ソース------------------------------
HTML↓

CSS↓


この記事の上へ

02月09日 happy-sukiiの記事部分の変更

happy-sukiiの記事部分の縦の変更の仕方を説明したいと思います
cssのソースから下記のソースを探してください。
真中より少ししたくらいにあると思います。
div#wrapper3 {
float : right;
color : #7D7C76;
width : 590px;
height: 450px;
overflow: auto;
margin: 10px 5px 0px 0px ;
text-align : center;
}
赤字の数字の部分を変更すればお好きなサイズに変更できます。


この記事の上へ

02月08日 happy-sukii

happy-sukii押し花とアイコンさんの素材を使用して作らさせていただきました。
セレクトメニューとoverflowを利用してすっきりとさせて記事部分の幅を少し大きめにしました。(570px)
*注意*
このテンプレートは15禁18禁など年齢制限があるBlogでの使用は禁止させていいだきます。

fc2でなぜか登録できないのでソースで公開します。 ソースは続きで・・・

以下にあるHTML、CSSをソースをコピーしてそれぞれをfc2ブログの管理画面からソースに貼り付けてください。
↓HTML↓

↓CSS↓


この記事の上へ

02月06日 happytvの色変更の仕方

サンプルのようにhappytvの本文背景の色の変更の仕方を説明します。
happy-tv
まずは変更したい色のファイルをダウンロードしてください。
ブルー」 「ピンク」 「グリーン」 「イエロー


中にある3種類の画像ファイルをFC2BLOGの管理画面からファイルのアップロードで
ファイルをアップロードします。アップロードしたらそれぞれの画像をクリックし画像を表示させときます。
次にテンプレートの編集画面に行き色の変えたいテンプレートの修正をクリックします。クリックするとHTMLとCSSのソースが表示されます。今回の画像変更はCSSのみの編集ですのでスタイルシートのソースを見やすいように画面を移動させてください。
ソースの中からまずは記事の上の部分を探します。下記が上の部分のソースです。
div.entryStart {
background: url("
http://free.hippy.jp/blog/img/tvbltop.gif") no-repeat;
margin : 12px 5px 0px 5px;
height:65px;
padding : 90px 0 5px 0;
}

赤字の部分を先ほどアップした画像のTV上の画像を開きアドレスバーからアドレスをコピーして赤字の部分と書き換えしてください。
書き換えをしたら更新ボタンを押してプレビューで確認してみてください。TVの上の部分の画像が変わっているはずです。
中央下部分も同じように変更してみてください。
------------------------------------------------------------
中央部分のソース
.entrybody {
color : #000000;
margin : 0px 5px 0px 5px;
background: url("
http://free.hippy.jp/blog/img/tvbl.gif") repeat;
padding : 0px 30px 5px 45px;
}

------------------------------------------------------------
下部分のソース
ul.entrydate {
padding : 10px 0 0 0;
background: url("
http://free.hippy.jp/blog/img/tvblbotm.gif") no-repeat;
list-style-position : inside;
text-align : right;
font-size:x-small;
height:180px;
margin : 0px 5px 0px 5px;


この記事の上へ

02月05日 happy-tvbl

happy-tvblhappyblueを元にテレビ風にしたテンプレートです。背景用の画像が少し重いかもしれませんので画像の表示が少し遅れる事があるかもしれないです。
できたらですが画像だけDLして別サーバに移して使用していただけると助かります。
不具合、要望などありましたらお気軽にコメントくざい。


作成のおまけ話
画像を提供してくれてるべいび~みるく葉月さんとメッセで会話中に葉月さんに「小物とか書かないの?」と聞いたところ「小物ってなぁに?」と聞き返されたので「テレビとか椅子とか」といった所テレビならあるといいこのテンプレの元になった絵をみしてもらいました。
これはテンプレに使えるなぁと思い早速テンプレに使えるサイズに直して貰い作成を開始しました。
他の色のテレビももらたのでそれにも合わせて作ろうか考え中・・・
happy-tvbl
↑見せて貰ったの画像


この記事の上へ

02月04日 newsスクロール


flashを利用したテキストスクロールです。サンプルにはIフレームを使用して表示しています。
文章はtxtファイルを編集して表示します。サンプルにあるようにタグを利用して文字の色など変更する事ができます。使用できないタグも存在します。
サンプル青

news_b.zip


サンプル赤

news_r.zip


サンプル黄

news_y.zip




添付ファイルの説明
news_b.swf・・・各色の本体です。b=青 r=赤 y=黄
news.jpg・・・・背景画像です。この画像を差し替える事で背景を変える事ができます。画像サイズ300*304
news.txt・・・・このtxtファイルをメモ帳などで編集摺ることにって表示される文字を変更する事ができます。「news=」の後の文章を変更してください。又、改行スペースはそのまま適応されます。
titl.swf・・・・タイトル文字です。swfを作れるソフトを持ってる方は150*30で自由に作って変更してください。ソフトなど持ってない方はコメントしてみてください。時間あれば作成します。
news_b.html・・サンプルhtmlです。
設置方法はswf、jpg、txtの各ファイルを表示させたいhtmlファイルと同じフォルダに転送しサンプルhtmlにかかれているソースを設置したいhtmlに書き写してください。
質問や不具合などありましたらお気軽にコメントしてください。

写真やボタンなどはべいび~みるくの葉月さん提供していただいた物です。
*注意*
無断転載・再配布はしないでください。


この記事の上へ

02月04日 happyblue

20050204162845.jpg
はじめて作成したテンプレートです。まだまだなれていなので不具合などあるかもですし、たいした物ではないですが宜しかったら使って見てください。
タイトル画像は490*235です。これ以内であけぱ自由にかえれます。

不具合、要望などありましたらお気軽にコメントくざい。


この記事の上へ

02月04日 はじめまして

はじめまして~
はっぴーです。このblogでfc2blogのテンプレートや\\r

flash素材なんかを配布していく予定です。
テンプレートですがcssを使いはじめてまだあまりたっていないので
いろんなミスなどあったりすると思いますが暖かく見守ってください。
flash素材なんかはblgoに張れる物なんかも作って生きたいと思ってます。要望など言ってもらえたら時間があれば作らさせてもらいたいなんて思っていますので気軽にコメントしてください。


この記事の上へ

02月04日 利用上の注意

利用上の注意

このはっぴーフリーで配布する素材は以下の注意事項を守っていただける個人で利用のみご自由におつかいくたさい。
商用で利用する場合はご相談してください。

☆利用規約☆

  • 他の方の作成された素材を使用している場合その製作者様の利用規約と当blogの利用規約とを合わせた物になります
  • ハッピーふりーで配布する素材等を無断での転載、無断での再配布しないでください。
  • テンプレートのHTML、CSSの各ソースは自由に変更していただいてかまいません
  • テンプレート、Flashなどで使用している画像等を他の用途等に無断でしようしないでください。又画像やFlashの改造なども素材説明に特に明記がない場合はしないでください。
  • テンプレート、Flashなどの著作権表示がある物の著作権表示は消さないでください。
  • 当サイトで配布する素材等を利用して不都合等が生じた場合でも当サイトは責任を一切負いません
  • 上記の内容を当管理者の都合で変更する場合があります
  • 素材等を使用している時点で上記の注意事項に同意していただいたものとみなします
管理人:はっぴー
mail:u_z_u@msn.com


この記事の上へ

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