もしもドロップシッピング用ブログパーツ

商品をヨコ並びにしたい

本スクリプトでは、タテ並びの表示となっておりますが、少し修正を加えればヨコ並びに変更することが可能です。

(1)ブログに貼付けるソースコードの修正(56行目あたり)

moshimo_html += '<p><img src=\"' + IMAGE_BASE_URL + imagecode + '/1/m.jpg\"><br />';
057	moshimo_html += '<a href=\"' + ARTICLE_BASE_URL + articleid + '/\">' + name + '</a><br />';
058	moshimo_html += '<span class=\"red\">' + shopprice + '円</span><br />';

▼ 修正箇所(全体をclass=boxで囲む)

moshimo_html += '<div class=\"box\"><img src=\"' + IMAGE_BASE_URL + imagecode + '/1/m.jpg\"><br />';
moshimo_html += '<a href=\"' + ARTICLE_BASE_URL + articleid + '/\">' + shortname + '</a><br />';
moshimo_html += '<span class=\"red\">' + shopprice + '円</span></div>';

(2)スタイルシート(style.css)の修正

.box {
	width: 120px;
	display: block;
	float: left;
}
No tags for this post.
RSS FEED