このカテゴリーの最新記事

スポンサーサイト

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

画像に文字入れ ズボラ術 <button>でキャプション入れ編

入力フォームをつくるため、
<button>タグを調べていたら  http://www.htmq.com/html/button.shtml
こんな使い方もできるのですね↓

20090825_01.jpg


20090825_02.jpg


20090825_03.jpg


20090825_04.jpg




そこで、ズボラな技を考えました!
実際に、かなり使ってます(笑)↓

20090825_05.jpg




なぜ“ズボラ”かと言うと、、、
横に3列並べる場合、
<table>タグだと下記の通り ややこしいのですが↓

<table>
  <tr>
    <td>【 タイトル1 】</td>
    <td>【 タイトル2 】</td>
    <td>【 タイトル3 】</td>
  </tr><tr>
    <td><img src="【 画像 】" /></td>
    <td><img src="【 画像 】" /></td>
    <td><img src="【 画像 】" /></td>
  </tr><tr>
    <td>【 キャプション1 】</td>
    <td>【 キャプション2 】</td>
    <td>【 キャプション3 】</td>
  </tr>
</table>

<button >タグだと簡単だからです(笑)↓
<button >
  【 タイトル1 】<br />
  <img src="【 画像 】" /><br />
  【 キャプション1 】
</button>
<button >
  【 タイトル2 】<br />
  <img src="【 画像 】" /><br />
  【 キャプション2 】
</button>
<button >
  【 タイトル3 】<br />
  <img src="【 画像 】" /><br />
  【 キャプション3 】
</button>


【関連記事】
≫ 画像に文字入れ ズボラ術 <table>タグ編


スポンサーサイト

Clip to Evernote Twitter つぶやく 画像に文字入れ ズボラ術 <button>でキャプション入れ編 をはてなブックマークに追加 ドロップシッピング ブログランキング
FLASHのプラグインをダウンロードしてください 2009-08-25

画像に文字入れ ズボラ術 <table>タグ編

【もしも大学 特待生として受講中】

最近忙しくしており、
ドロップシッピングの作業もあまりできていません…
そんな私の「ズボラ術」。

画像に文字を入れたい場合、
いつもは Photoshop という画像編集ソフトを使っているのですが、、、
あ~ も~ 時間がなーい!!! って時は、
<table>タグで、画像の上に文字を載せてしまうのです(笑)


【文字】 左上
これ美味しいのかな?
一度飲んでみたいです。




【文字】 中央
これ美味しいのかな?
一度飲んでみたいです。




【文字】 右下
これ美味しいのかな?
一度飲んでみたいです。


Clip to Evernote Twitter つぶやく 画像に文字入れ ズボラ術 <table>タグ編 をはてなブックマークに追加 ドロップシッピング ブログランキング
FLASHのプラグインをダウンロードしてください 2009-07-10

シンプルな「商品検索」の記述ソースです

【もしも大学 特待生として受講中】

仕事で「ホームページ作成」の発注はしたことあるのですが、
自分でホームページをつくったのは初めてで、
「ショップ第1号店」はボロボロな出来ですが、
自分の手でつくったからこそ、いろいろ勉強になりました。

ただいま、新ショップを複数つくっています(^ ^)
今後、専門店をどんどん増やしていきたいと思っています。

その、新ショップ内で、“詳細な”商品検索を設置。
(もしもで「ほしい商品検索くん」が配布されているのですが、
何となく馴染めなくて(- -!) ポップすぎる)
今回つくったのはこんな感じのシンプルなものですが↓

検索キーワード
並び順
検索対象
販売価格(税抜)円~



こちらが商品検索のソースです

value="あなたのもしものショップID番号を入れてください"
という箇所のがあるので、そこにきちんと数字を入れてくださいね。
例:value="123456"

Clip to Evernote Twitter つぶやく シンプルな「商品検索」の記述ソースです をはてなブックマークに追加 ドロップシッピング ブログランキング
FLASHのプラグインをダウンロードしてください 2009-03-29

  


このページのトップへ

▼プロフィール


HN:dairy

SEOのみでがんばってます。『アクセス解析の鬼』をめざしてますw

メッセージ
メッセージは
こちらからどうぞ♪


≫ 相互リンク一覧

≫ 相互リンクを申し込む

もしもde願いが叶うなら♪feed
概要購読全文講読

Twitter
Twitterでつぶやいてます


ランキングに
参加しています♪

FC2Blog Ranking

blogram ブログラム

にほんブログ村 小遣いブログ ドロップシッピングへ

にほんブログ村 デザインブログ グラフィックデザインへ

にほんブログ村 主婦日記ブログ 兼業主婦へ

▼記事検索


▼WordPress MU

    WorePress mu の歩き方

▼MTOS

    MTOS の歩き方

▼Joomla

    joomla の歩き方

▼無料会員登録

もしもドロップシッピング 無料会員登録

▼わたしが利用したもの

SEOのみでプラチナ会員に到達しました! 私の必須ソフト、SEOに強い!
AQUAS アクアスの記事へ

クールでかっこいい、Movable Type と WordPress のテンプレート。モバイルサイト同時作成できるから、ズボラな私には嬉しいです♪
クールでかっこいい MT & WordPress テンプレート

2日間でショップがつくれちゃう!! 驚きの WordPress テーマ。コレでショップ大量生産中...
かんたんDSくん+

商品を選んで貼るだけ、3日間で2,295点つくれるDSテンプレート!
ドロップシッピングのための専用ホームページテンプレート ドロップシッピングのための専用ホームページテンプレート

私はこれでオリジナルFlashつくってます!
簡単Flash作成ソフト

無料版をダウンロードできます! 動作確認できて安心です♪ 軽快なウイルス対策ソフト!
ウイルス対策ソフト

SEO強化に!ドメイン取得♪ 独自ドメインだと、サーバーの引っ越しも楽々です。

MySQL30個で大満足です! ドロップシッパー御用達レンタルサーバー、マルチドメイン無制限!

やっぱり使いやすい! 公認講師の方に勧められた格安サーバー。マルチドメイン利用可能な「チカッパ!プラン」利用してます(^ ^)

安さで選びましたw 1か月たったの200円! マルチドメイン・ PHP・CGI・MySQL にも対応♪

会員登録(無料)すると、1日5点無料ダウンロードできます♪
paylessimagespaylessimages

会員登録(無料)すると、1日15点無料ダウンロードできます♪
Fotolia
FotoliaFotolia
Fotolia

私が参考にしている本たちです♪ 〔新刊順〕
≫ dairyの本棚 ≪



特待生の時にちょっとだけトライ。単価1円からのWeb集客広告、Yahoo! スポンサードサーチ!

▼つながり

あわせて読みたいブログパーツ

▼ブログパーツ

》 PING送信 《

▼カウンター

このページの先頭へ

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