お小遣い稼ぎNo.1!!

スポンサーサイト

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

人気ブログを要チェック↓
人気ブログランキング FC2 Blog Ranking
仕事や株取引を効率的にするブラウザ「Lunascape」

スポンサー広告 | トラックバック(-) | コメント(-) | [EDIT]

タブでスペース有効活用

2007.09.01(00:03)

今日はお小遣い稼ぎとはまったく関係ない記事です。
まぁよくあることですが(笑

今回はタブの作り方を。

元ネタは
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINEから。
なんとなく簡単そうだったJavaScript Tabifier automatically create an html tab interfaceを選びました(手抜

このブログでも下にある、「ジャンル別お小遣い稼ぎサイトTOP5」で使ってます。
使ってみたいという人がいたりいなかったりするので簡単に作り方を説明します。
と言ってもココでは準備だけして内容は自分で書かなきゃいけないんでちょっと大変かもしれませんよ(^-^;

⇒タブでスペース有効活用の続き に興味がない人はランキングを見る
スポンサーサイト

人気ブログを要チェック↓
人気ブログランキング FC2 Blog Ranking
仕事や株取引を効率的にするブラウザ「Lunascape」

簡易(手抜き)テーブル生成マッシーン!

2007.05.04(09:50)

たとえばこんなテーブル↓

お財布.com基本データ
お財布.com
報酬現金
受け取りイーバンク銀行・ジャパンネット銀行・郵貯・ほか
換金レート300円から
ポイント有効期限なし
紹介制度紹介者と同額100%
お財布.com

見やすくてわかりやすくて、いいと思いませんか?

ということで作ってみました。

「簡易(手抜き)テーブル作成マッシーン!」

↓↓↓↓↓↓↓

~使い方~

テーブルの概要ってのは、例えば、「お財布.comデータ」とかね。表示はされませんが、書いておいたほうがいいです。
テーブルタイトルってのはバナーの上に文字書きたいときに。
「お財布.com基本データ」とか。
上部バナータグと下部バナータグってのはASPとかポイントサイトとかの紹介バナーのタグをそのまま貼ってください。普通のテキストも書けますよ。
で、「項目名」に項目名を、「内容」に内容を入力してください。(まんまだな)
バナーのフォーム・項目名のフォームをクリックするとタグが追加されます。
やっぱりいらないって思ったら「列を削除」ボタンを押してください。

最後に、生成されたソースをコピペすればできあがり♪
htmlソースのところで一度クリックして「ctrl+A」ですべて選択できます。

※注意事項※

・項目の数は8個までです。
自由に増やせたりするようになる『かも』しれないです。

・生成されたソースの改行を削除して、一行で使ってください。
でないと自動改行のブログではおかしなことになると思います。
改行なしのソースも表示されるようになってますので、メンドクセーって方はそちらをどうぞ。
改行したい場合は記事の編集画面に貼付けてから改行するか、改行したい場所に<br />タグを追加してください。

07年05月:<br />タグが自動で挿入されるように

右上の<br />タグ自動挿入にチェックしてください。
赤いランプがついてる状態がチェックです。

ちなみにこのままだと枠線も何もないので、とりあえずデフォルトのDiechang風CSS(スタイルシート)を↓

table.siteData{
margin:auto;
border-collapse:collapse;
}
table.siteData td{
border:solid 1px #9999FF;
padding:4px;
}
table.siteData td.tableTitle{
background-color:#EEEEFF;
}
table.siteData td.bannerImg{
text-align:center;
}
table.siteData td.pro{
background-color:#EEEEFF;
}

テーブルのクラス名は「siteData」、
上部・下部のテーブルセルのクラス名は「bannerImg」、
項目名セルのクラス名は「pro」です。
上記CSSを、テンプレート設定からCSS編集の一番最後の方にでもコピペして色とかいじってみてください。
念のためテンプレートを複製しておくと安心かもしれません。

ちなみにこの「簡易(手抜き)テーブル作成マッシーン」はまだ試作段階ということで、おかしな動きをするかもしれません。
なにかあったらコメントください。

手に負えないようなバグだったら…
記事ごと削除だな(笑

人気ブログを要チェック↓
人気ブログランキング FC2 Blog Ranking
仕事や株取引を効率的にするブラウザ「Lunascape」

| ホームへ |
ジャンル別お小遣い稼ぎサイトTOP5

ジャンル別お小遣い稼ぎサイトTOP5

お小遣いサイトで稼ぐ

ピックアップ

アフィリエイトで稼ぐ

【A8.net(エーハチネット)】

アフィリエイトといえばココ!
広告も豊富で単価も高い。
まずはA8.net(エーハチネットでお小遣い稼ぎ!
A8.net(エーハチネット)詳細

【トラフィックゲート(TG)】

報酬が高い!
紹介報酬も高い!!
初めてのASPにもオススメ!
トラフィックゲート(TG)詳細

【アクセストレード】

報酬受取1,000円から!
振り込み手数料無料!
初心者に優しいASPです。
アクセストレード詳細

【LinkShare(リンクシェア)】
アフィリエイトならリンクシェア
物販アフィリエイトならココ!
世界最古・最大級のASP!
報酬支払いはなんと1円から!
LinkShare(リンクシェア)詳細

【AFFILIATE MASHUP】
アフィリエイトするなら、アフィリエイトマッシュアップで
最低支払い金額300円!
広告毎の審査なし!
げん玉と同じ3ティア!
AFFILIATE MASHUP詳細

【バリューコマース】

日本初の老舗ASP!
広告数も最大級!
バリューコマース詳細

【JANet(ジャネット)】
アフィリエイト の ジャネット
アフィリエイト の ジャネット

お小遣いサイトを運営するなら絶対かかせないASP!
報酬単価も他よりちょっぴり高め!!
JANet(ジャネット)詳細

【アフィリエイト2.0】
ビッダーズ商品を掲載できる。
ビッダーズ商品以外にもポイントサイトや音楽ダウンロードなどの広告も多数。
アフィリエイト2.0詳細

【電脳卸】
商品無料仕入れ戦隊『電脳卸』
物販専門の大手ASP。
2ティア紹介制度や顧客獲得制度など稼げる要素がたっぷり!
電脳卸詳細

カテゴリー

最近の記事

最近のコメント

最近のトラックバック

アクセスカウンター

アクセスランキング

ブロとも申請フォーム

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