スポンサーサイト

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

楽天アフィリのリンクを横並びに

楽天のリンクはtabeleで囲われています。
これは、画像とテキスト配置して画像サイズが300のとき。

2つリンクを並べるとこんな感じ。

別にこれだけでもキレイだしいいんだけど
横並びにした方が省スペースだしいいよね。






横並びにしたい時はtdタグを追加してテーブルのセルを追加し
一つのtableにまとめてしまいましょう。


どういうことかというと、

一つ目のリンクの最後あたりにあるここの部分→ /td /tr /table
(直接タグを書くと表示されないのでタグの括弧は省略しています。)

/td の後ろに2つ目のリンクをつなげます。

ちなみに2つ目のリンクタグはこの部分から→ td valign="top" 

これでテーブルが一つにまとまり
リンクが横並びになりました。


さらに見やすくするために、div style~~にある
width="320"を300に変更し
cellspacing="0"のところ5に変更して間をあけています。





ちょっと面倒だけど、
今はアフィリのリンク自体も少ないしこうしてやってます。

もう少し増えたら別の方法考えよ。



下のは商品画像を128に変更したもの。
divサイズは145に変更して横並びにしています。

ちょっと手間だけど、並べた方が見やすいしキレイだ~




スポンサーサイト

amazonアフィリのリンクを横並びに

アフィリのリンクって
普通に並べたら縦に並ぶよね。





では、横に並べまーす。

amazonのアフィリなら

タグをそのまま貼り付けただけでは改行が入ってしまうので
その改行を取るだけ!!

簡単すぎます。

画像が詰まってしまうのが気になる人は改行を取った後
半角スペースでも入れとくといいですよ~~





ファイルのアップロード

皆さんやってると思うけど

FC2ブログ書くときに画像入れたいとき、

ファイル挿入でアップロードするよね。


アップロードしたファイルが大きすぎる時は、
画像のタグ内にあるここ→ width="900" height="500"

width="900"は画像横幅のピクセルを指定
height="500"は縦のピクセルを指定


ここを変更することで任意の画像サイズにできるよ。


全体的に小さくしたいだけなら
width="900"→width="600"とかにして、
height="500"の記述部分は消してしまいましょう。


下の画像はwidth="960"のでかい画像なので
そのまま表示させると切れちゃいますが、
20131217-01.jpg


width="320"に変更して
height=""の記述を消したらいい感じ。


20131217-01.jpg



大きくしたい時は、
width="500"とかに変更

20131217-01.jpg



そんなん当たり前やろっ!
って感じのtipsだけどねw

便利なキャプチャーツール

これ、めっちゃ便利♪

今までキーボードのスクリーンショットボタンで画面のキャプチャーをとって
それをフォトショップで加工してたんだけど、結構手間かかってた。

でも、

googleクロームのツールバーにこのawesome入れたら
キャプチャー取りたい画面の範囲もその場で選べて
画像にして保存できるからフォトショップいらないし


1.キャプチャー取りたい画面表示して、ツールバーのアイコンクリック
2.画像の範囲を選ぶ
3.画像の保存先を選ぶ

って3ステップだけ!!


すっごく時間短縮になったわぁ~




■awesome screenshot

20131217-04.png

プロフィール

星パンチ

Author:星パンチ
3児の母で手芸や工作をしながらWEB制作の仕事をしています。
子供会役員する際に役に立つノベルティやワークショップ情報など色々調べたことを書いていきます。

検索フォーム

買い忘れないですか?

ランキング

アクセスランキング

[ジャンルランキング]
趣味・実用
8483位
アクセスランキングを見る>>

[サブジャンルランキング]
手芸・ハンドクラフト
1815位
アクセスランキングを見る>>
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。