- coneco.net >
- ウィジェットアドバンス >
- 表示例C
表示例C
表示例はソースをコピーするだけで利用可能です。
人気商品ランキング
スタイルシート
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
78
79
80
81
82
83
84
85
86
87
88
89
div.coneco_widget_adv_area{ /* ウィジェット全体 */
width:750px;
padding:10px;
display:none;
font-size:12px;
background-image:url(http://www.coneco.net/images/w_bg.gif);
background-repeat:no-repeat;
height:225px;
overflow-y:hidden;
}
div.coneco_widget_adv_area p{ /* ウィジェット全体 文字 */
margin:2px;
}
div.coneco_widget_adv_area img{ /* ウィジェット全体 画像ボーダー */
border:0;
}
div.coneco_widget_adv_area a{ /* ウィジェット全体 リンク色 */
color:#3399FF;
}
div.coneco_widget_adv_area a:hover{ /* ウィジェット全体 リンク色 */
color:#FF9900;
}
div.coneco_widget_adv_area div.widget_body{ /* ウィジェット本体 */
text-align:left;
margin:0;
margin-left:auto;
margin-right:auto;
padding:0;
height:20em;
overflow-y:hidden;
}
div.coneco_widget_adv_area div.coneco{ /* coneco.net */
width:160px;
text-align:center;
float:left;
}
div.coneco_widget_adv_area div.crwa_items_list{ /* 商品一覧 */
float:left;
margin-left:5px;
width:560px;
}
div.coneco_widget_adv_area div.item_body{ /* 商品全体 */
float:left;
width:160px;
height/* */:/**/150px;
margin:0;
font-size:11px;
margin-left:6px;
background-color:#F2F2F2;
padding:5px;
margin-left:8px;
border:1px solid #fff;
}
select.crwa_category_selecter{ /* カテゴリ選択 */
width:100%;
font-size:10px;
}
div.coneco_widget_adv_area p.item_title{ /* 商品名 */
margin:0 0 2px;
height:3.6em;
}
div.coneco_widget_adv_area div.item_info{ /* 商品情報 */
height:8.5em;
margin:0;
border:1px solid #cccccc;
background:#ffffff;
padding:3px;
}
div.coneco_widget_adv_area p.description{ /* 商品説明 */
font-size:85%;
margin-top:1px;
margin-bottom:1px;
}
div.coneco_widget_adv_area div.rating p{ /* 商品評価 */
clear:left;
text-align:right;
margin:0;
padding:0;
height:1em;
}
div.coneco_widget_adv_area div.rating a{ /* 商品評価アンカー */
text-decoration:none;
vertical-align:top;
}
div.crwa_loading{ /* ローディング画像 */
text-align:center;
padding-top:20px;
}
HTMLソース
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<div class="coneco_widget_adv_area" title="category_id=11540;count=3;description_length=80;loading_img_url=http://www.coneco.net/widget/image/loading02.gif">
<div class="widget_body">
<div class="coneco">
<a href="http://www.coneco.net/" target="_blank"><img src="http://www.coneco.net/images/coneco128_128_w.gif" alt="価格比較サイト「coneco.net」" width="128" height="128" border="0"></a><br>
<p style='color:#55AAAA;font-size:10px;'><strong>人気商品ランキング</strong></p>
<select style='width:100%;font-size:10px;margin-left:5px;' class="crwa_category_selecter"></select><br>
</div>
<div class="crwa_items_list">
<!-- ▼個別商品テンプレート -->
<div class='item_body'>
<p class='item_title'>
<span title='全商品中 %%rank%%位'>%%category_rank_img%%</span>
<a href='%%url%%' target='_blank'>%%com_name%%</a>
/ %%maker%%
</p>
<div class="item_info">
<a href='%%url%%' target='_blank' title='%%com_name%%'><img src='%%s_img_url%%' style='margin:0 0.5em 0 2px;' class='com_image %%no_image%%' align='left' border="1"></a>
<p style='margin:0;padding:0;'>
<a href='%%url%%' target='_blank' style='text-decoration:none;color:#FF6600;'><span style='%%buy_price_style%%'>最安値:</span>
<span style='%%buy_price_style%%'>\%%lowest_price%%</span></a>
</p>
<p class="description">%%description%%</p>
</div>
<div class='rating %%no_rating%%'>
<p>
<a href='%%review_url%%' target='_blank' title='%%com_name%%のレビューを見る'><img src='%%rating_img%%' alt='満足度：%%rating%%' border='0' height='12' /></a>
</p>
</div>
</div>
<!-- ▲個別商品テンプレート -->
</div>
<p style='font-size:90%;margin-right:35px;' align="right">
<a class='crwa_category_anchor' target='_blank'>coneco.netでこのカテゴリの商品を見る</a>
</p>
</div>
</div>
<script type="text/javascript" src="http://www.coneco.net/widget/coneco_widget_adv.js" charset="utf-8"></script>
Copyright ©2008 Venture Republic, Inc. All Rights Reserved.