お小遣い生活の傍らで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ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

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

2006/04/01 17:03|カスタマイズ講座TB:0CM:4
カスタマイズ講座(第3回)

テンプレートを使って頂いているサイトに寄らせてもらうのが楽しい今日この頃。 最下段に『designed by…』と入れてるのも、著作権云々は気にしてなく、googleで検索するためだったりします。

廻っている間に、少々気になる点があったので、今回は『横幅』について。
私の作ったテンプレートは、表示が大幅に崩れないよう『<table>』と言う機能を使っています。 ただ、崩れない代わりに画像のサイズによっては中央記事と両サイドのバランスが悪くなったりします。

そこで、簡単にバランスを良くする方法をいくつか紹介しておきます。


私の作品では、画面の大きさによって変動するように、横幅を比率で指定しており、おおよそ↓の値にしてます。
■左サイド…22%
■中央記事…55%
■右サイド…22%
■左右余白…1%

画像がない場合は、この比率で表示されます。
画像がある場合は、左・中央・右、それぞれ一番大きい画像が表示できる幅に伸縮されます。 そのため画像の大きさによっては、極端に長い列や短い列が表示される現象が発生してしまう場合があります。

と、ここまでがウンチク。
結局は画像を自在に操れば、結果として横幅が操れる事になります。

1.画像の縮小
テンプレとは関係ないですが、大きい画像は縮小するのが一番。
推奨ツールは私も愛用している、VectorからダウンロードできるフリーソフトEasyサムネイル、当然無料です。 画像ファイルの容量も小さくなるのでブログも軽くなり一石二鳥かと。

2.表示サイズの縮小
縮小できない場合は表示サイズだけでも変更してみましょう。
記事やプラグインに挿入したHTMLを少し修正するだけ。
【前】<img src="画像ファイル名">
【後】<img src="画像ファイル名" width=120 height=100>
読んで字の如く、widthで横幅を、heightで高さを指定します。
これで、指定した大きさの画像が表示されます。
ただし、指定したサイズ通りに表示されるので縦横の比率には注意が必要です。

3.つっかえ棒
例えば、記事内に大きな画像があり、両サイドには画像が無い場合、両サイドは極端に幅が短くなる筈です。
このような時、特に有効なのが『つっかえ棒』。
理屈については、All About内の記事を参考にしてもらう事にして、実際は以下の1行を挿入するだけ。
<img width=120 height=1>
これで、挿入した列はwidthで指定した幅より短くなる事はありません。
要は『指定した幅の仮想的な画像を貼り付ける』だけの事。
手品と一緒でネタがバレると大した話じゃーありませんが…

では、次回をお楽しみに。。。
らいと #JnoDGgPo|2006/04/02(日) 00:09 [ 編集 ]
カスタマイズ講座ありがとうございます。
これからもどうぞ続けてください。
おねがい致します。
応援します。
管理人 #p6CkwyQg|2006/04/02(日) 01:46 [ 編集 ]
らいとさん、こんばんは。
いつもコメントありがとうございます。
大変励みになります。
細く長く連載を続けていきたいと思いますので
これからも宜しくお願いします。
また、要望などあれば遠慮なく言ってやって下さい。
m( _ _ )m
seventh7heaven #-|2009/04/23(木) 11:58 [ 編集 ]
はじめまして^^

hyama_008を使わせていただいているのですが、左右余白を調整するHTMLが見つかりません。
スタイルシートのどのあたりにあるかご教授いただけますでしょうか。

知り合いから画面が大きすぎると言われ、hyama2004様のこのページと同じ大きさに
するのが目標です。

初歩的な質問で申し訳ありませんが、どうぞよろしくお願いします。
管理人 #p6CkwyQg|2009/04/25(土) 16:39 [ 編集 ]
こんにちは。
出張に出ており返事が遅くなってしまいました。
申し訳ありません。

> 左右余白を調整するHTMLが見つかりません

余白はスタイルシートの↓赤字部分で調整してみて下さい。
大きくすれば余白が広がります。

/* ■背景■ */
body {
background-Color : lavenderblush;
background-image:url(http://************.gif);
background-repeat:repeat;
background-position:left top;
background-attachment:fixed;
color:dimgray;
padding : 8px;
text-align: center; }

あと、横幅を固定する方が良いようでしたら、
↓赤字部分を『800px』と言った固定値に変更して下さい。

/* ■全体枠■ */
table#all_parts {
width : 99%;
margin-left : auto;
margin-right : auto;
border-collapse: collapse;
text-align : center; }

では、簡単ですがこの辺で。
これからもテンプレ可愛がってやって下さい。
m( _ _ )m
コメントの投稿

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

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

ブログ内検索(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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。