お小遣い生活の傍らでFC2共有テンプレート作成に励んでいる男の軌跡。。。

遥かなるわらしべ長者への軌跡
http://hyama2004.blog16.fc2.com/  presented by hyama2004

プロフィール



ホームRSS1.0
管理人:hyama2004
結構楽しいお小遣い生活^^
岡山県岡山市棲息中
2014年の実績:16,800円
2013年の実績:28,730円
2012年の実績:36,850円
2011年の実績:33,461円
2010年の実績:47,386円
2009年の実績:55,162円
2008年の実績:64,174円
2007年の実績:68,371円
2006年の実績:93,554円
2005年の実績:62,046円
2004年の実績:38,581円
2003年の実績:17,400円
RSS feed meter for http://hyama2004.blog16.fc2.com/



換金実績(記事リンク)


30,200円 ECナビ
18,500円 マクロミル
17,650円 NetMile
15,400円 LifeMile
13,500円 げん玉
13,400円 流石めーる
12,950円 ポイントタウン
12,820円 ちょびリッチ
12,100円 くじ引きネット
12,000円 フルーツメール
9,750円 予想ネット
9,500円 goo Research
9,500円 Potora
9,100円 MyVoice
9,000円 Warau.JP
8,895円 まんぷく島
8,670円 Chance It!
8,000円 エルネ
8,000円 CMサイト
6,400円 Gポイント
6,000円 Prize-Prize
6,000円 ライフメディア
5,614円 GetMoney!
5,000円 infoQ
5,000円 ポイントモンキー
5,000円 KING OF LEADMAIL
4,416円 Pointin
4,000円 ポイントナビ
4,000円 タメトク
4,000円 POINT-BOX
3,600円 KNOTs
3,500円 eライフナビ
3,500円 白くつしたのナッツ
3,500円 CiM-Net
3,500円 Tremii
3,400円 PONEY
3,354円 2PT.JP
3,046円 High Stage
3,000円 得だわ幕府
3,000円 ぱんだポイント
3,000円 プレコ
3,000円 なるほどMC.net
3,000円 ポイントスタジアム
2,750円 NobleMail
2,500円 MyAccount
2,500円 ポイントランド
2,500円 ポインティア
2,000円 Magic2Mail
2,000円 ポインちょ
2,000円 クリックチャンス!
2,000円 Sugar Mail
2,000円 ABCリードメール
2,000円 5050.jp
2,000円 きかせて・net
1,790円 新欲張り王
1,500円 vlcrew
1,500円 ぽちコム
1,440円 オレンジトラフィック
1,400円 Qzoo
1,300円 PointPark
1,000円 StarBiz-Mail
1,000円 貯めネコに小判
1,000円 天空
1,000円 ふくびき.com
1,000円 speedtraffics.biz
1,000円 PEGASUS MAIL
950円 お小遣いJP
900円 Enjoy-Mail
600円 ええやん
500円 CLICKS ON AIR!
500円 ウリ坊めーる
500円 Dreamy Mail
500円 マリオン☆メール
500円 爆走めーる
500円 LeadMail777
500円 Luxury Mail
500円 ひまわり


広告エリア



スポンサーサイト

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

カスタマイズ講座(第16回)

2007/02/25 14:45|カスタマイズ講座TB:0CM:4
カスタマイズ講座(第16回)

約1ヶ月半ぶりの第16回。
なかなかネタが続きません…。

今回も本意のカスタマイズではないですが、
最近の記事で使っている、

カスタマイズ講座(第16回)
アクアボタンを。。。

過去記事一覧
過去のカスタマイズ講座一覧
1.色
2.枠線
3.横幅
4.ランダムバナー
5.テキストリンク
6.スクロールバー
7.文字装飾
8.背景画像
9.検索窓
10.ターゲット
11.2カラム化
12.横幅Part2
13.画像リンク
14.隙間
15.トランプ図柄



アクアボタンを作ったのも↓のツールを見つけたお陰。

AquaMaker …窓の杜でダウンロードできます。

ツールの使い方はここでは触れません。
まずは文字を入れずに作って↓のように3分割しましょう。

  

これをテーブルの背景として使う訳です。
分かり易く罫線つきでテーブルを作ってみましょう。


カスタマイズ講座(第16回)

<table border=1 cellspacing=0 cellpadding=0>
<tr>
<td class="aqua_l"><br>
<td class="aqua_c"><a href="http://…">*****</a>
<td class="aqua_r"><br>
</table>

赤字で示した3つのクラス。
スタイルシートで左・中・右の背景画像をそれぞれ指定します。

td.aqua_l{
width:13px;
height:24px;
background-image:url(http://….gif);
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;
}
td.aqua_c{
height:24px;
background-image:url(http://….gif);
background-repeat:repeat-x;
background-position:left top;
background-attachment:fixed;
vertical-align:middle;
padding:0px 6px;
}
td.aqua_r{
width:13px;
height:24px;
background-image:url(http://….gif);
background-repeat:no-repeat;
background-position:left top;
background-attachment:fixed;
}

ここで大事な点は、
■左側と右側は横幅を固定(13px)して繰り返さない(no-repeat)
■真ん中は横幅を指定せず画像を横方向へ繰り返す(repeat-x)
■真ん中に入る文字はボタンの中央へ(vertical-align:middle)

これで2行にならない限り横方向へ伸縮するアクアボタンが出来ます。

さて先程の罫線を消した(<table border=0…>)ものが↓。。。

カスタマイズ講座(第16回)

では、今回は長くなりましたがこの辺で。
次回もお楽しみに。。。
ゆき #LvECUUZU|2007/03/11(日) 12:11 [ 編集 ]
新しいテンプレ素敵です。
hyama_026 を少しカスタマイズしているんですが
どうしても分からないところがありますので
お願いします。

コメント欄のバックグランドの初期設定が
透明になっていますが、白に変えるには
どうしたら宜しいでしょうか?
管理人 #p6CkwyQg|2007/03/11(日) 12:54 [ 編集 ]
こんにちは。
新しいテンプレ使ってもらえたようでありがとうございます。

単純に白にするのは面倒そうなので、↓記事部分と
同じ見た目にする手段です。
赤字部分を追加、青字部分を削除してみて下さい。

<!--■コメント繰り返し■-->
<!--comment-->
<div id="center_line">
<div id="center_tytle">

</div>
</div>
<br>
<!--/comment-->

ちなみに、タイトル文字のスペース部分が少し
位置が上になってますね。 どうも半角スペース
の場合にズレしまうようです。
気になるようでしたらタイトル内の空白を全角スペース
に変えてみて下さい。

ではこの辺で。
これからもテンプレ可愛がってやって下さい。
m( _ _ )m
ゆき #LvECUUZU|2007/03/11(日) 13:48 [ 編集 ]
ゆきです。
ありがとうございます。
アドバイスで、成功しました。
良かったです。
また、違う気分でブログが楽しめます。
感謝です。

>ちなみに、タイトル文字のスペース部分が少し
位置が上になってますね

ご心配ありがとうございます。
でも、スペース部分が少し上がっているのが
気にいています。
今後も、魅力的なテンプレ 期待しております!!
管理人 #p6CkwyQg|2007/03/11(日) 13:57 [ 編集 ]
わざわざ報告ありがとうございます。
上手く行ったようでなによりです。^^

> 今後も、魅力的なテンプレ期待しております!!

了解しました。
なかなか新しいデザインは思いつかないんですが
細々とでも続けていきたいと思っています。

では、また何かありましたら遠慮なく。
今後とも宜しくお願いします。
m( _ _ )m
コメントの投稿

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

トラックバック
トラックバックURLはこちら
http://hyama2004.blog16.fc2.com/tb.php/289-b262a8ec

ブログ内検索(Google)


GoogleTool by きゃべつのお小遣いGet!
ブログ内を検索
WWWから検索


カテゴリ


雑記(28)
リードメール情報(193)
サイト運営(5)
大当り画面倉庫(54)
小遣い同盟(4)
ポイントサイト情報(390)
トピックス(27)
アンケートサイト情報(80)
共有テンプレート(32)
カスタマイズ講座(19)
小遣い帳を作ろう(0)
参考リンク集(2)
株日記(14)


あわせて読みたい


あわせて読みたい

当ブログの読者は↑のブログも読んでいるそうです。。。


最近の記事


01/01ご挨拶
10/26Warau.JP(ワラウジェイピー)
10/19ポイントタウン
09/15ECナビ
09/14げん玉
07/21フルーツメール
06/14げん玉
06/07NetMile(ネットマイル)
05/18マクロミル
05/02Chance It!
04/27ポイントスタジアム
04/26KING OF LEADMAIL
04/20ECナビ
04/13きかせて・net
04/05げん玉


このブログの価値は?




最近のコメント


02/26管理人:Chance It!
02/26らいとNGC7000:Chance It!
12/16管理人:LifeMile(ライフマイル)
12/16畑:LifeMile(ライフマイル)
06/30管理人:テンプレート考察
06/29haru:テンプレート考察
06/28管理人:テンプレート考察
06/26haru:テンプレート考察
05/05管理人:ECナビ
05/02お小遣いサイトの攻略と解説@USA:ECナビ


オレンジトラフィック


非常に珍しい換金可能なトラフィックエクスチェンジサイト。 HPやブログを持ってなくても登録可能。 詳しくはこの記事を参考に。


リンク


遥かなるわらしべ長者への挑戦
ネット収入お小遣い
今時の小遣い稼ぎ
ダウンサポート紫屋
ドラゴンズプラネット-Dragon's Planet
m-style
image
SimpleAPI開発日記
全て無料!ホームページテンプレートの部屋
FC2blog Designers
LostTechnology
きゃべつのお小遣いGet!


最近のトラックバック


08/1760:
06/23まとめwoネタ速neo:まとめtyaiました【KING OF LEADMAIL】
06/11まとめwoネタ速neo:まとめtyaiました【ポイントランド】
05/27まとめwoネタ速neo:まとめtyaiました【LifeMile(ライフマイル)】
05/27まとめwoネタ速neo:まとめtyaiました【マクロミル】


お気に入りブログ



 |  雑記 | リードメール情報 | サイト運営 | 大当り画面倉庫 | 小遣い同盟 | ポイントサイト情報 | トピックス | アンケートサイト情報 | 共有テンプレート | カスタマイズ講座 | 小遣い帳を作ろう | 参考リンク集 | 株日記 | 
Copyright(C) 2008All Rights Reserved. 遥かなるわらしべ長者への軌跡
Powered by FC2ブログ.  template designed by 遥かなるわらしべ長者への軌跡.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。