テンプレートとアクセスアップのでめらら楽天日記

< 新しい記事

新着記事一覧(全372件)

過去の記事 >

2005.07.20

テンプレートバリエーション（４）

(4)

テーマ：アクセス向上(302)

カテゴリ：【テンプレート】

スタイルで同じ様な表現をしてみました。
テーブルとの一番の違いは以前に書いたように「ボックス」であるためその"ひとかたまり"を自由に好きな場所に記述できることです。
/////////////////////////////////////////////////////////////

基本の形はテーブルタグよりかなり簡単だと思います。

<div>
<div margin: 3px; float: left;>
【画像リンク】
</div>
【テキストリンク】
<br><font color="#ff0000">
【価格】
</font><br>
【内容説明】
</div>

それを応用して枠線やフィルター効果をつけてみましょう

<div style="height: 100px; border: 1px solid blue; margin: 5px;"">
<div style="width: 100px; padding: 10px; filter: shadow(color=#393939, direction=135); margin: 3px; float: left;">
【画像リンク】
</div>
【テキストリンク】
<br><font color="#ff0000">
【価格】
</font><br>
【内容説明】
</div>

↓こんな感じですね（＾＾）

結び帯浴衣4点セット
当店特価 5,900円 (税込6,195円) 送料込
●買ったその日からすぐに着られるレディース《プレタ浴衣》結び帯４点セットです。
★お仕立て上り《お洒落浴衣》　上品な色柄のお洒落なプレタ浴衣です。
★簡単に結べる《浴衣結び帯》　美しい結び目で後ろ姿をワンランクＵＰ！
★ちりめん鼻緒《ゆかた下駄》　足に優しい縮緬鼻緒のクラシカルな二枚歯。
★花緒と共布の《浴衣バッグ》　可愛くて使いやすい円筒形のバッグです。

*****************************************************

【庶事所感】
携帯電話のカタログを見ておりました（＞＜）
これってデンワなの？・・・ん～
今から約20年ほど前にはデッカイ箱の上に受話器の付いたのがありましたが、そんな形から考えるとものすごい隔世の感です。
いったい携帯電話はどこに向かって行ってるの？
カメラ？ゲーム機？テレビ？・・・

*****************************************************
なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ

リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）

お気に入りの記事を「いいね！」で応援しよう

Last updated 2005.07.21 02:41:28
コメント(4) | コメントを書く

[【テンプレート】] カテゴリの最新記事

■コメント

Re:テンプレートバリエーション（４）(07/20)

きのこせいじんさん

凄いですね、次から次へと色んな事ができるんですね～
テーブルと違って単独で使えるのがいいですよね。

携帯次から次へと機能がついて全部の機能は到底使いこなせません。(/_;)
今のはデジカメいらないかも…
Ｗebも携帯から見られるしパソはいらなくなる事はないでしょうが。(笑)
(2005.07.21 07:31:31)

返事を書く

Re:テンプレートバリエーション（４）(07/20)

カモミール9828 さん

やはりdivを使ったほうが短く出来ますね。
文字数でひっかかるときはこちらでやった方が
短く出来そうです。 (2005.07.21 12:26:25)

返事を書く

Re[1]:テンプレートバリエーション（４）(07/20)

でめらら58 さん

きのこせいじんさん
-----
こんにちは（＾＾）コメントありがとうございます♪
タグもスタイルも組み合わせは無限にありますから、やっていくと無限に出来てしまうことになりますよね（＞＜）う～ん

わたくしも自分の携帯電話がどれほどのことができるのかわかりません（;汗）･･･少し習得した頃にはもうすでに新しい機種が発売されているんですもの（;大汗）
(2005.07.21 12:43:15)

返事を書く

Re[1]:テンプレートバリエーション（４）(07/20)

でめらら58 さん

カモミール9828さん
-----
こんにちは（＾＾）コメントありがとうございます♪
そうです！「短い」んです。
そして、検索エンジン対策をなさりたいかたは是非このような手法は覚えるべきだと思いますね（＾＾） (2005.07.21 12:44:44)

返事を書く