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

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

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

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


この記事の上へ

07月01日 happy-sm

sm.gifBabyMilkさんのHPをみて久々に作りたいなぁと思ってhappy-checkを元に作って見ました。BabyMilkさんの素材を利用させていただいてます。
スプリクトには小粋空間さんで配布されいてる折り畳みスプリクトを使用させていています。
Operaではプロフィール画像を表示する事ができません。



この記事の上へ

03月16日 happy-check

checkss.gifカテゴリーなどを上部にもっていきポップアップ式にしてすっきりさせたテンプレートです。
壁紙にはBabyMilkさんの素材を利用させていただいてます。
スプリクトには小粋空間さんで配布されいてる折り畳みスプリクトを使用させていています。
Operaではプロフィール画像を表示する事ができません。


この記事の上へ

03月13日 toall-3c フリーエリアの折り畳み

尚さんから質問いただいたフリーエリアの折り畳みの仕方を説明したいと思います。

下記の用に折り畳みにしたいフリーエリアのソースを変更してください。
<!--フリーエリア1-->
<h2 class="side" id="free1name">フリーエリア</h2>
<div id="free1list">
<p class="side2">バナーや
</p>
</div>
<script type="text/javascript">
<!--
FoldNavigation('free1','on',false);
//-->
</script>
<!--フリーエリア2-->
<h2 class="side" id="free2name">フリーエリア</h2>
<div id="free2list">
<p class="side2">バナーや
</p>
</div>
<script type="text/javascript">
<!--
FoldNavigation('free2','on',false);
//-->
</script>
フリーエリアの数にあわせて赤字
数字を変更すれば折り畳みに化できます。


この記事の上へ

03月10日 happy-toall系画像素材

toall系の差し替え用画像をBabyMilkさんの葉月さんに作っていただきました。お好きな色を選んでDLして画像をかえてみてください。

画像を変える位置はHTMLが1箇所CSSが4箇所です。
HTMLは上の方にある
<!-- search -->
<form method="get" action="">
<input id="search" name="search" class="search">
<INPUT class="searchimg"type="image" value="Search" src="http://blog-imgs-18.fc2.com/h/a/p/happyfree/tasearch.gif" ALIGN="middle" alt="記事検索">
</form>

<!--/search-->
赤字のとこです。
CSSは
body {
color : #000000;
background: url("http://blog-imgs-18.fc2.com/h/a/p/happyfree/2.gif");

div#bese{
text-align : left;
width : 800px ;
margin: auto;

border-right : 2px solid #7E7E7C;
background: url("http://blog-imgs-18.fc2.com/h/a/p/happyfree/4.gif") repeat-y #ffffff;
}

h2.sidet {
text-align : center;
font-size : 13px;
font-weight : bold;
margin: 5px 5px 0px 5px;
background: url("http://blog-imgs-18.fc2.com/h/a/p/happyfree/1-b.gif") no-repeat;
height: 20px;
border :1px solid #7E7E7C;
border-top :2px solid #7E7E7C;
}
h2.side {
text-align : center;
font-size : 13px;
font-weight : bold;
margin: 0px 5px 0px 5px;
background: url("http://blog-imgs-18.fc2.com/h/a/p/happyfree/1-b.gif") no-repeat;
height: 20px;
border :1px solid #7E7E7C;
}
赤字のとこです。
上から左右の背景
左の字の背景
サイドバーの左一番上の背景
残りのサイドバーの背景となってます。
赤セットDL→「toall-aka.zip

青セットDL→「toall-ao.zip

オレンジセットDL→「toall-orenji.zip

緑セットDL→「toall-midori.zip

ピンクセットDL→「toall-pink.zip

各セットには白背景用と黒背景が入っています。


この記事の上へ

03月10日 happy-toall-3cbl

happy-toall-3cbl.gifhappy-toall-3cを少し手直しして白背景にしたものです
happy-toall同様小粋空間さんで配布されいてる折り畳みスプリクトを使用させていています。



この記事の上へ

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